.elementor-29121 .elementor-element.elementor-element-a7828fc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-29121 .elementor-element.elementor-element-a7828fc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for filter-everything-filters, class: .elementor-element-7dd9b39 *//* 1. Fondo completo de lado a lado y esquinas 100% rectas */
.wpc-filters-main-wrap,
.wpc-filter-set-container {
    background-image: url('https://revistaforense.com/wp-content/uploads/2026/08/fondo-buscar.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding: 30px 40px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    max-width: 100vw !important;
}

/* 2. Eliminar franja o recuadro blanco de la barra de botones */
.wpc-filter-bottom-bar,
.wpc-filter-set-bottom,
.wpc-filter-has-button,
.wpc-filter-btn-apply-wrap,
.wpc-filter-btn-reset-wrap,
.wpc-filter-bottom-bar-layout-horizontal,
div[class*="bottom-bar"],
div[class*="buttons"],
div[class*="submit"] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-top: 15px !important;
}

/* 3. Títulos de los campos (CORREGIDO PARA QUE NO SE CORTEN) */
.wpc-filter-header-title,
.wpc-filter-title,
.wpc-filter-label {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 1.6 !important; /* Da espacio vertical para que no mutile las letras */
    letter-spacing: 0.5px !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
    display: block !important; /* Fuerza a respetar el espacio */
    padding-bottom: 5px !important; 
}

/* 4. Campos de texto y desplegables (sin esquinas redondeadas) */
.wpc-filter-content select, 
.wpc-filter-content input[type="text"] {
    background-color: #ffffff !important;
    color: #002060 !important;
    font-weight: 600 !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 0 !important;
    padding: 8px 12px !important;
    padding-right: 30px !important; /* Espacio para que la flechita no pise el texto */
}

/* 5. Botón BUSCAR (Recto y corporativo) */
.wpc-filter-btn-apply {
    background-color: #002060 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    padding: 10px 25px !important;
    transition: all 0.3s ease !important;
}

.wpc-filter-btn-apply:hover {
    background-color: #00123a !important;
    border-color: #ffffff !important;
    cursor: pointer !important;
}

/* 6. Botón LIMPIAR (Recto) */
.wpc-filter-btn-reset {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
}

.wpc-filter-btn-reset:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

/* Ocultar óvalos superiores (Reset all y etiquetas seleccionadas) */
.wpc-filter-chips-wrapper,
.wpc-filter-chips,
.wpc-filter-chip-reset,
.wpc-filter-chip {
    display: none !important;
}

/* Ocultar el texto de conteo ("10 entradas found") */
.wpc-filter-found-posts,
.wpc-filter-found {
    display: none !important;
}

/* ========================================= */
/* 7. REGLAS EXCLUSIVAS PARA CELULARES       */
/* ========================================= */
@media (max-width: 768px) {
    /* Cambia los títulos a azul para que contrasten en el fondo blanco del móvil */
    .wpc-filter-header-title,
    .wpc-filter-title,
    .wpc-filter-label {
        color: #002060 !important; 
        text-shadow: none !important; /* Elimina la sombra que los hacía ver borrosos */
    }
}/* End custom CSS */