.elementor-1782 .elementor-element.elementor-element-40aaaee{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1782 .elementor-element.elementor-element-e6e0ace{text-align:center;}.elementor-1782 .elementor-element.elementor-element-e6e0ace .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:2.5rem;font-weight:600;}.elementor-1782 .elementor-element.elementor-element-5efe60f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1782 .elementor-element.elementor-element-3b4d28e .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-1782 .elementor-element.elementor-element-3b4d28e .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-1782 .elementor-element.elementor-element-3b4d28e{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1782 .elementor-element.elementor-element-5efe60f{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1782 .elementor-element.elementor-element-5efe60f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-1de0299 */:root {
            --bg-light: #ffffff;
            --accent-blue: #214290;
            --accent-red: #E31C23;
            --text-dark: #1d1d1f;
            --text-muted: #6e6e73;
            --line-color: #d2d2d7;
        }
 

        /* Contenedor Principal */
        .timeline-slider-wrapper {
            width: 100%;
            max-width: 1000px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        /* --- NAVEGACIÓN DE AÑOS (Línea de tiempo Escritorio) --- */
        .timeline-nav-container {
            position: relative;
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 4rem;
            padding: 0 1rem;
        }

        /* Línea horizontal de fondo */
        .timeline-line {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 2px;
            background: linear-gradient(to right, transparent, var(--line-color) 20%, var(--line-color) 80%, transparent);
            z-index: 1;
            transform: translateY(-50%);
            opacity: 0.7;
        }

        /* Input de radio oculto */
        input[type="radio"] {
            display: none;
        }

        /* Etiquetas de los años (Los botones) */
        .year-label {
            position: relative;
            z-index: 2;
            font-family: 'Jost', serif;
            font-size: 1.3rem;
            color: var(--text-muted);
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
            padding: 0.5rem 0.8rem;
            background-color: var(--bg-light);
        }

        .year-label::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 50%;
            transform: translateX(-50%) scaleX(0);
            width: 30px;
            height: 3px;
            background-color: var(--accent-blue);
            transition: transform 0.4s ease;
        }

        .year-label:hover {
            color: var(--text-dark);
        }

        /* --- CONTENEDOR DE LAS DIAPOSITIVAS --- */
        .slides-container {
            position: relative;
            width: 100%;
            height: 550px; /* Altura de escritorio */
        }

        .slide-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transform: translateY(30px) scale(0.98);
            pointer-events: none;
            transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), 
                        transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .slide-content img {
            max-width: 100%;
            height: auto;
            object-fit: contain;
        }

        /* Elementos internos de la diapositiva */
        .slide-year-giant {
            font-family: 'Jost', serif;
            font-size: 6rem;
            font-weight: 300;
            color: var(--accent-red);
            line-height: 1;
            margin-bottom: 0.5rem;
            letter-spacing: 4px;
        }

        .slide-title {
            font-family: 'Jost', serif;
            font-size: 2rem;
            font-weight: 600;
            letter-spacing: 1px;
            color: var(--accent-blue);
            margin-bottom: 1rem;
            text-transform: uppercase;
        }

        .slide-description {
            font-size: 1.05rem;
            font-weight: 400;
            line-height: 1.8;
            color: var(--text-dark);
            max-width: 650px;
            letter-spacing: 0.2px;
        }

        /* Estructura para bloques de doble contenido (2009 y 2019) */
        .slide-combined-row {
            display: flex;
            gap: 40px;
            max-width: 900px;
            margin-top: 10px;
            justify-content: center;
        }

        .combined-item {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .combined-item img {
            margin-bottom: 15px;
        }

        .combined-item .item-title {
            font-size: 1.2rem;
            font-weight: 600;
            color: var(--accent-blue);
            margin-bottom: 8px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .combined-item .item-text {
            font-size: 0.95rem;
            line-height: 1.6;
            color: var(--text-dark);
        }

        /* --- LÓGICA DE ACTIVACIÓN SELECCIONADA --- */
        #year1945:checked ~ .timeline-nav-container [for="year1945"],
        #year1985:checked ~ .timeline-nav-container [for="year1985"],
        #year1992:checked ~ .timeline-nav-container [for="year1992"],
        #year1999:checked ~ .timeline-nav-container [for="year1999"],
        #year2003:checked ~ .timeline-nav-container [for="year2003"],
        #year2009:checked ~ .timeline-nav-container [for="year2009"],
        #year2011:checked ~ .timeline-nav-container [for="year2011"],
        #year2019:checked ~ .timeline-nav-container [for="year2019"] {
            color: var(--accent-blue);
            font-size: 2rem;
            font-weight: 700;
        }

        #year1945:checked ~ .timeline-nav-container [for="year1945"]::after,
        #year1985:checked ~ .timeline-nav-container [for="year1985"]::after,
        #year1992:checked ~ .timeline-nav-container [for="year1992"]::after,
        #year1999:checked ~ .timeline-nav-container [for="year1999"]::after,
        #year2003:checked ~ .timeline-nav-container [for="year2003"]::after,
        #year2009:checked ~ .timeline-nav-container [for="year2009"]::after,
        #year2011:checked ~ .timeline-nav-container [for="year2011"]::after,
        #year2019:checked ~ .timeline-nav-container [for="year2019"]::after {
            transform: translateX(-50%) scaleX(1);
        }

        /* Mostrar la diapositiva correspondiente */
        #year1945:checked ~ .slides-container #slide-1945,
        #year1985:checked ~ .slides-container #slide-1985,
        #year1992:checked ~ .slides-container #slide-1992,
        #year1999:checked ~ .slides-container #slide-1999,
        #year2003:checked ~ .slides-container #slide-2003,
        #year2009:checked ~ .slides-container #slide-2009,
        #year2011:checked ~ .slides-container #slide-2011,
        #year2019:checked ~ .slides-container #slide-2019 {
            opacity: 1;
            transform: translateY(0) scale(1);
            pointer-events: auto;
        }

        /* ==========================================================================
           --- DISEÑO ADAPTADO A MÓVIL (Solución definitiva al corte de contenido) ---
           ========================================================================== */
        @media (max-width: 768px) {
          
            .timeline-nav-container {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 8px;
                margin-bottom: 2rem;
                padding: 0;
            }

            .timeline-line {
                display: none;
            }

            .year-label {
                font-size: 0.95rem;
                padding: 0.6rem 0.2rem;
                text-align: center;
                border-radius: 6px;
                background-color: #f5f5f7;
                border: 1px solid var(--line-color);
            }

            .year-label::after {
                display: none;
            }

            #year1945:checked ~ .timeline-nav-container [for="year1945"],
            #year1985:checked ~ .timeline-nav-container [for="year1985"],
            #year1992:checked ~ .timeline-nav-container [for="year1992"],
            #year1999:checked ~ .timeline-nav-container [for="year1999"],
            #year2003:checked ~ .timeline-nav-container [for="year2003"],
            #year2009:checked ~ .timeline-nav-container [for="year2009"],
            #year2011:checked ~ .timeline-nav-container [for="year2011"],
            #year2019:checked ~ .timeline-nav-container [for="year2019"] {
                font-size: 1rem;
                background-color: rgba(33, 66, 144, 0.15);
                border-color: var(--accent-blue);
                color: var(--accent-blue);
            }

            /* SOLUCIÓN AL CORTE: El contenedor se vuelve flexible y se adapta al hijo activo */
            .slides-container {
                height: auto;
                display: grid;
                grid-template-columns: 1fr;
                width: 100%;
            }

            /* Ocultamos por completo las diapositivas inactivas para que no ocupen espacio */
            .slide-content {
                position: absolute;
                visibility: hidden;
                opacity: 0;
                height: 0;
                overflow: hidden;
                padding: 0;
                transition: opacity 0.4s ease;
            }

            /* Cuando la diapositiva está activa, cambia a 'relative' para empujar y estirar el contenedor de forma natural */
            #year1945:checked ~ .slides-container #slide-1945,
            #year1985:checked ~ .slides-container #slide-1985,
            #year1992:checked ~ .slides-container #slide-1992,
            #year1999:checked ~ .slides-container #slide-1999,
            #year2003:checked ~ .slides-container #slide-2003,
            #year2009:checked ~ .slides-container #slide-2009,
            #year2011:checked ~ .slides-container #slide-2011,
            #year2019:checked ~ .slides-container #slide-2019 {
                position: relative;
                visibility: visible;
                opacity: 1;
                height: auto;
                pointer-events: auto;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: flex-start;
                padding-bottom: 2rem;
            }

            .slide-content img {
                width: 160px;
                margin-block: 0.6rem !important;
            }

            .slide-year-giant {
                font-size: 3.5rem;
                margin-bottom: 0.2rem;
            }

            .slide-title {
                font-size: 1.3rem;
                margin-bottom: 1rem;
            }

            .slide-description {
                font-size: 0.95rem;
                line-height: 1.6;
            }

            /* REESTRUCTURACIÓN DE DOBLE COLUMNA */
            .slide-combined-row {
                flex-direction: column;
                gap: 30px;
                padding: 0;
                margin-top: 10px;
                width: 100%;
            }

            .combined-item {
                width: 100%;
            }

            .combined-item img {
                width: 145px;
                margin-bottom: 10px;
            }

            .combined-item .item-title {
                font-size: 1.15rem;
                margin-bottom: 6px;
            }

            .combined-item .item-text {
                font-size: 0.95rem;
                line-height: 1.6;
            }
        }/* End custom CSS */