/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/* --------------------------------------------------------- */
/* --- 2. TÍTULOS DE FILTRO (H2) --- */
/* --------------------------------------------------------- */

/* Título de la categoría de filtro */
.elementor-element-4429aef h2.elementor-heading-title {
    color: #4B5563; /* Gris oscuro para el título */
    font-size: 0.85em; 
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 8px 0;
    line-height: 1.2;
}

/* --------------------------------------------------------- */
/* --- 3. ESTILO DE SELECTORES (Dropdowns) --- */
/* Selectors: jet-smart-filters-select */
/* --------------------------------------------------------- */

/* Contenedor del selector */
.jet-smart-filters-select {
    width: 100%;
}

/* El elemento SELECT real (JetSelect) */
.jet-select {
    position: relative;
    border: 1px solid #D1D5DB; /* Borde suave */
    border-radius: 6px;
    background-color: #FFFFFF;
    overflow: hidden;
    transition: all 0.2s ease;
}
.jet-select:hover {
    border-color: #48709f; /* Acento de hover corporativo */
}

/* Estilo del control (el campo de selección visible) */
.jet-select__control {
    width: 100%;
    padding: 10px 15px;
    background-color: transparent !important;
    color: #1F2A37;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.4;
    border: none !important; /* Quitamos el borde nativo */
    box-shadow: none !important;
    cursor: pointer;
    appearance: none; /* Oculta la flecha nativa */
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Flecha de indicador de dropdown (JetSmartFilter debe manejar esto, pero si no, podríamos añadir una pseudo-clase) */
.jet-select:after {
    content: "\f078"; /* Ícono de flecha hacia abajo (Font Awesome) */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: #48709f; /* Color de acento corporativo */
    pointer-events: none;
    font-size: 0.8em;
}

/* --------------------------------------------------------- */
/* --- 4. ESTILO DEL SELECTOR DE FECHA (Año) --- */
/* Selector: jet-smart-filters-date-period */
/* --------------------------------------------------------- */

.jet-smart-filters-date-period {
    width: 100%;
}

.jet-date-period__wrapper {
    display: flex;
    border: 1px solid #D1D5DB;
    border-radius: 6px;
    background-color: #FFFFFF;
    overflow: hidden;
    transition: border-color 0.2s ease;
}
.jet-date-period__wrapper:hover {
    border-color: #48709f;
}

/* Botones de navegación (Atrás/Adelante) */
.jet-date-period__prev,
.jet-date-period__next {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    cursor: pointer;
    background-color: #F8F9FA;
    transition: background-color 0.2s ease;
}
.jet-date-period__prev:hover,
.jet-date-period__next:hover {
    background-color: #E0E0E0;
}

/* Iconos de navegación */
.jet-date-period__prev svg,
.jet-date-period__next svg {
    fill: #48709f; /* Iconos en color corporativo */
    width: 12px;
    height: 12px;
}

/* Botón principal del Datepicker */
.jet-date-period__datepicker-button {
    flex-grow: 1;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #1F2A37;
    font-size: 1em;
    font-weight: 500;
    cursor: pointer;
}

/* Icono del calendario/fecha en el Datepicker */
.jet-date-period__datepicker-button svg {
    fill: #48709f;
    width: 14px;
    height: 14px;
    margin-left: 10px;
}

/* Media Query que aplica los estilos solo en pantallas con un ancho MÍNIMO de 769px. */
@media (min-width: 769px) {
    
    .ancho-70-centrado {
        /* 1. Define el ancho al 70% del contenedor padre */
        width: 70%;
        
        /* 2. Centra el bloque horizontalmente */
        margin: 0 auto;
        
        /* Asegúrate de que, en caso de que sea un elemento flex, también se comporte como bloque para el centrado */
        display: block; 
    }
}