.elementor-24805 .elementor-element.elementor-element-f923247{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-24805 .elementor-element.elementor-element-3a3621e{text-align:center;}.elementor-24805 .elementor-element.elementor-element-3a3621e .elementor-heading-title{font-size:28px;font-weight:800;color:#3AA35C;}.elementor-24805 .elementor-element.elementor-element-a9e2ae4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-24805 .elementor-element.elementor-element-cc9155e{--display:flex;}.elementor-24805 .elementor-element.elementor-element-cc9155e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-24805 .elementor-element.elementor-element-0388e4b > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-0388e4b .elementor-heading-title{font-size:22px;font-weight:700;color:#3AA35C;}.elementor-24805 .elementor-element.elementor-element-71788de > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-71788de .elementor-heading-title{font-size:22px;font-weight:700;color:#163A5F;}.elementor-24805 .elementor-element.elementor-element-9854b8c{--display:flex;--min-height:520px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;}.elementor-24805 .elementor-element.elementor-element-3da34e1{--display:flex;--min-height:420px;}.elementor-24805 .elementor-element.elementor-element-6f5cb72 > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-6f5cb72 .elementor-heading-title{font-size:22px;font-weight:700;color:#3AA35C;}.elementor-24805 .elementor-element.elementor-element-29d8631{--display:flex;--min-height:420px;}.elementor-24805 .elementor-element.elementor-element-b9b5c13 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-b9b5c13 .elementor-heading-title{font-size:22px;font-weight:700;color:#163A5F;}.elementor-24805 .elementor-element.elementor-element-6db124c > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-6db124c .elementor-heading-title{font-size:22px;font-weight:700;color:#3AA35C;}.elementor-24805 .elementor-element.elementor-element-c443a24{--display:flex;--min-height:520px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;}.elementor-24805 .elementor-element.elementor-element-41d07be{--display:flex;--min-height:420px;}.elementor-24805 .elementor-element.elementor-element-4b0ac9f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-4b0ac9f .elementor-heading-title{font-size:22px;font-weight:700;color:#163A5F;}.elementor-24805 .elementor-element.elementor-element-e786ef0 > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-e786ef0 .elementor-heading-title{font-size:22px;font-weight:700;color:#3AA35C;}.elementor-24805 .elementor-element.elementor-element-20c1d4b{--display:flex;--min-height:420px;}.elementor-24805 .elementor-element.elementor-element-51dea8c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-51dea8c .elementor-heading-title{font-size:22px;font-weight:700;color:#163A5F;}.elementor-24805 .elementor-element.elementor-element-a581f1d > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-a581f1d .elementor-heading-title{font-size:22px;font-weight:700;color:#3AA35C;}.elementor-24805 .elementor-element.elementor-element-d1aff11{--display:flex;--min-height:520px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;}.elementor-24805 .elementor-element.elementor-element-bc82536{--display:flex;--min-height:420px;}.elementor-24805 .elementor-element.elementor-element-5aee5ae > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-5aee5ae .elementor-heading-title{font-size:22px;font-weight:700;color:#163A5F;}.elementor-24805 .elementor-element.elementor-element-f7ec63f > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-f7ec63f .elementor-heading-title{font-size:22px;font-weight:700;color:#3AA35C;}.elementor-24805 .elementor-element.elementor-element-2a34f27{--display:flex;--min-height:420px;}.elementor-24805 .elementor-element.elementor-element-39d4bbe > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-39d4bbe .elementor-heading-title{font-size:22px;font-weight:700;color:#163A5F;}.elementor-24805 .elementor-element.elementor-element-8ce7b42 > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-8ce7b42 .elementor-heading-title{font-size:22px;font-weight:700;color:#3AA35C;}.elementor-24805 .elementor-element.elementor-element-7ab2adc{--display:flex;--min-height:520px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;}.elementor-24805 .elementor-element.elementor-element-5521d0b{--display:flex;--min-height:420px;}.elementor-24805 .elementor-element.elementor-element-dcb636c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-dcb636c .elementor-heading-title{font-size:22px;font-weight:700;color:#163A5F;}.elementor-24805 .elementor-element.elementor-element-886cbcd > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-886cbcd .elementor-heading-title{font-size:22px;font-weight:700;color:#3AA35C;}.elementor-24805 .elementor-element.elementor-element-54b001c{--display:flex;--min-height:420px;}.elementor-24805 .elementor-element.elementor-element-1051a18 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-1051a18 .elementor-heading-title{font-size:22px;font-weight:700;color:#163A5F;}.elementor-24805 .elementor-element.elementor-element-9409505 > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-9409505 .elementor-heading-title{font-size:22px;font-weight:700;color:#3AA35C;}.elementor-24805 .elementor-element.elementor-element-d4c7dd7{--display:flex;--min-height:520px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;}.elementor-24805 .elementor-element.elementor-element-12ce839{--display:flex;--min-height:420px;}.elementor-24805 .elementor-element.elementor-element-a174aca > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-a174aca .elementor-heading-title{font-size:22px;font-weight:700;color:#163A5F;}.elementor-24805 .elementor-element.elementor-element-a97dc22 > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-a97dc22 .elementor-heading-title{font-size:22px;font-weight:700;color:#3AA35C;}.elementor-24805 .elementor-element.elementor-element-601955a{--display:flex;--min-height:420px;}.elementor-24805 .elementor-element.elementor-element-ecba144 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-ecba144 .elementor-heading-title{font-size:22px;font-weight:700;color:#163A5F;}.elementor-24805 .elementor-element.elementor-element-b13b257 > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-b13b257 .elementor-heading-title{font-size:22px;font-weight:700;color:#3AA35C;}.elementor-24805 .elementor-element.elementor-element-cb86356{--display:flex;--min-height:520px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;}.elementor-24805 .elementor-element.elementor-element-7fde230{--display:flex;--min-height:420px;}.elementor-24805 .elementor-element.elementor-element-92dbf46 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-92dbf46 .elementor-heading-title{font-size:22px;font-weight:700;color:#163A5F;}.elementor-24805 .elementor-element.elementor-element-4559610 > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-4559610 .elementor-heading-title{font-size:22px;font-weight:700;color:#3AA35C;}.elementor-24805 .elementor-element.elementor-element-2f9c8f9{--display:flex;--min-height:420px;}.elementor-24805 .elementor-element.elementor-element-db6b510{text-align:center;font-size:22px;font-weight:900;color:#163A5F;}.elementor-24805 .elementor-element.elementor-element-ce9524e > .elementor-widget-container{margin:-36px 0px 0px 0px;}.elementor-24805 .elementor-element.elementor-element-a91b86c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-24805 .elementor-element.elementor-element-a9e2ae4{--content-width:500px;}.elementor-24805 .elementor-element.elementor-element-cc9155e{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-cc9155e *//* =========================================================
   DETALLE SUPERIOR 2016 — 2026
========================================================= */

.cabecera-decada::before{
    content:"2016  —  2026" !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:max-content !important;

    margin:0 auto 12px !important;
    padding:6px 16px !important;

    color:#073763 !important;

    font-size:14px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:2px !important;

    background:rgba(255,255,255,.72) !important;

    border:1px solid rgba(22,156,80,.22) !important;
    border-radius:30px !important;

    box-shadow:
        0 5px 14px rgba(7,55,99,.055) !important;
}


/* Pequeño acento verde */
.cabecera-decada{
    position:relative !important;
}


/* MÓVIL */
@media(max-width:767px){

    .cabecera-decada::before{
        margin-bottom:9px !important;

        padding:5px 12px !important;

        font-size:12px !important;
        letter-spacing:1.5px !important;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-21e12e7 *//* =========================================================
   FSMX26 — CORRECCIÓN DEFINITIVA LOGO 10 AÑOS
   Mostrar completo, sin recorte y tamaño controlado
========================================================= */


/* WIDGET COMPLETO */
.linea-tiempo-item .logo-decada-fsmx{
    width:100% !important;
    max-width:100% !important;

    height:auto !important;
    min-height:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
    padding:15px !important;

    overflow:visible !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}


/* CONTENEDOR ELEMENTOR */
.linea-tiempo-item .logo-decada-fsmx .elementor-widget-container{
    width:100% !important;
    max-width:100% !important;

    height:auto !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
    padding:0 !important;

    overflow:visible !important;

    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}


/* FIGURE */
.linea-tiempo-item .logo-decada-fsmx figure{
    width:auto !important;
    max-width:100% !important;

    height:auto !important;

    margin:0 auto !important;
    padding:0 !important;

    display:block !important;

    overflow:visible !important;
}


/* ENLACE, SI LA IMAGEN TIENE LINK */
.linea-tiempo-item .logo-decada-fsmx a{
    width:auto !important;
    max-width:100% !important;

    height:auto !important;

    display:block !important;

    margin:0 auto !important;
    padding:0 !important;

    overflow:visible !important;
}


/* =========================================================
   IMAGEN DEL LOGO
   AQUÍ ESTÁ LA CORRECCIÓN IMPORTANTE
========================================================= */

.linea-tiempo-item .logo-decada-fsmx img{
    width:230px !important;
    max-width:230px !important;

    /* QUITAMOS LA ALTURA DE 350px DE LAS FOTOS */
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    /* MOSTRAR COMPLETO */
    object-fit:contain !important;
    object-position:center center !important;

    display:block !important;

    margin:0 auto !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    transform:none !important;

    position:relative !important;
}


/* =========================================================
   ANULAR OVERFLOW DE LA REGLA GENERAL DE FOTOS
========================================================= */

.linea-tiempo-item .logo-decada-fsmx.elementor-widget-image,
.linea-tiempo-item .logo-decada-fsmx .elementor-widget-image{
    overflow:visible !important;

    border-radius:0 !important;
}


/* NO HACER ZOOM EN HOVER */
.linea-tiempo-item .logo-decada-fsmx:hover img,
.linea-tiempo-item .logo-decada-fsmx .elementor-widget-image:hover img{
    transform:none !important;

    box-shadow:none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1024px){

    .linea-tiempo-item .logo-decada-fsmx img{
        width:200px !important;
        max-width:200px !important;

        height:auto !important;
    }

}


/* =========================================================
   CELULAR
========================================================= */

@media(max-width:767px){

    .linea-tiempo-item .logo-decada-fsmx{
        padding:10px !important;
    }

    .linea-tiempo-item .logo-decada-fsmx img{
        width:160px !important;
        max-width:160px !important;

        height:auto !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9854b8c *//* =========================================================
   FSMX26 — FONDO + TALAVERA UNIFORME
========================================================= */


/* =========================================================
   FONDO GENERAL SUAVE
========================================================= */

.elementor-element:has(.linea-tiempo-item){
    position: relative !important;

    background:
        radial-gradient(
            circle at 10% 15%,
            rgba(22,156,80,.055),
            transparent 28%
        ),
        radial-gradient(
            circle at 90% 35%,
            rgba(7,55,99,.055),
            transparent 30%
        ),
        radial-gradient(
            circle at 15% 70%,
            rgba(7,55,99,.035),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 85%,
            rgba(22,156,80,.04),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #f6faf7 0%,
            #f8fafc 48%,
            #f1f7f4 100%
        ) !important;
}


/* =========================================================
   BASE DE TALAVERA
========================================================= */

.linea-tiempo-item{
    position: relative !important;

    background-repeat:
        no-repeat,
        no-repeat,
        no-repeat !important;

    /* GRANDE / MEDIANA / PEQUEÑA */
    background-size:
        190px auto,
        95px auto,
        52px auto !important;

    background-color:
        rgba(255,255,255,.76) !important;

    background-blend-mode:
        screen,
        screen,
        screen !important;

    overflow: visible !important;
}


/* =========================================================
   IMPARES — TALAVERA IZQUIERDA
========================================================= */

.linea-tiempo-item:nth-of-type(odd){
    background-position:
        left -45px top 40px,
        left 175px top 175px,
        left 80px bottom 35px !important;
}


/* =========================================================
   PARES — TALAVERA DERECHA
========================================================= */

.linea-tiempo-item:nth-of-type(even){
    background-position:
        right -45px top 40px,
        right 175px top 175px,
        right 80px bottom 35px !important;
}


/* =========================================================
   2016
========================================================= */

.linea-tiempo-item:nth-of-type(1){
    background-image:
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/01_eolica.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/11_flor_1.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/03_agua.png") !important;
}


/* =========================================================
   2017
========================================================= */

.linea-tiempo-item:nth-of-type(2){
    background-image:
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/02_panel_solar.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/13_flor_3.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/04_reciclaje.png") !important;
}


/* =========================================================
   2018
========================================================= */

.linea-tiempo-item:nth-of-type(3){
    background-image:
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/03_agua.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/12_flor_2.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/06_hoja.png") !important;
}


/* =========================================================
   2019
========================================================= */

.linea-tiempo-item:nth-of-type(4){
    background-image:
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/04_reciclaje.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/14_flor_4.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/02_panel_solar.png") !important;
}


/* =========================================================
   2020
========================================================= */

.linea-tiempo-item:nth-of-type(5){
    background-image:
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/05_tren.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/11_flor_1.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/07_N.png") !important;
}


/* =========================================================
   2021
========================================================= */

.linea-tiempo-item:nth-of-type(6){
    background-image:
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/06_hoja.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/13_flor_3.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/01_eolica.png") !important;
}


/* =========================================================
   2022
========================================================= */

.linea-tiempo-item:nth-of-type(7){
    background-image:
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/07_N.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/12_flor_2.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/05_tren.png") !important;
}


/* =========================================================
   2023
========================================================= */

.linea-tiempo-item:nth-of-type(8){
    background-image:
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/08_ciudad.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/14_flor_4.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/03_agua.png") !important;
}


/* =========================================================
   2024
========================================================= */

.linea-tiempo-item:nth-of-type(9){
    background-image:
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/11_flor_1.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/06_hoja.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/04_reciclaje.png") !important;
}


/* =========================================================
   2025
========================================================= */

.linea-tiempo-item:nth-of-type(10){
    background-image:
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/13_flor_3.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/08_ciudad.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/02_panel_solar.png") !important;
}


/* =========================================================
   2026 — ESPECIAL 10 AÑOS
========================================================= */

.linea-tiempo-item:nth-of-type(11){
    background-image:
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/10_10-anos.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/11_flor_1.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/14_flor_4.png") !important;

    background-size:
        205px auto,
        95px auto,
        52px auto !important;
}


/* =========================================================
   TARJETAS SOBRE EL FONDO
========================================================= */

.linea-tiempo-item > .e-con-inner > .e-con,
.linea-tiempo-item > .elementor-container > .elementor-column{
    background:
        rgba(255,255,255,.94) !important;

    border:
        1px solid rgba(7,55,99,.09) !important;

    box-shadow:
        0 12px 28px rgba(7,55,99,.08) !important;

    backdrop-filter:
        blur(3px) !important;
}


/* =========================================================
   QUITAR SELLO 2016–2026 DE LA CABECERA
   Evita que se encime con la descripción
========================================================= */

.cabecera-decada::before{
    display: none !important;
    content: none !important;
}


/* =========================================================
   DESKTOP — ESTRUCTURA DEL TIMELINE
========================================================= */

@media (min-width: 1025px){

    .linea-tiempo-item > .e-con-inner,
    .linea-tiempo-item > .elementor-container{
        width: 100% !important;
        max-width: 1100px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;

        gap: 28px !important;
    }


    .linea-tiempo-item > .e-con-inner > .e-con,
    .linea-tiempo-item > .elementor-container > .elementor-column{
        width: calc(50% - 14px) !important;
        max-width: calc(50% - 14px) !important;

        flex: 0 0 calc(50% - 14px) !important;

        min-width: 0 !important;
    }


    /* FOTOS NORMALES */
    .linea-tiempo-item
    .elementor-widget-image:not(.logo-decada-fsmx)
    img{
        width: 100% !important;
        max-width: 100% !important;

        height: 330px !important;

        object-fit: cover !important;
        object-position: center !important;
    }


    /* LOGO DE 10 AÑOS */
    .linea-tiempo-item .logo-decada-fsmx img{
        width: 220px !important;
        max-width: 220px !important;

        height: auto !important;

        object-fit: contain !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* =========================================================
   EDITOR ELEMENTOR
========================================================= */

.elementor-editor-active .linea-tiempo-item{
    padding-left: 20px !important;
    padding-right: 20px !important;
}


.elementor-editor-active
.linea-tiempo-item > .e-con-inner,

.elementor-editor-active
.linea-tiempo-item > .elementor-container{
    max-width: 1050px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    gap: 22px !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (min-width: 768px) and (max-width: 1024px){

    .linea-tiempo-item{
        background-size:
            130px auto,
            70px auto,
            40px auto !important;
    }


    .linea-tiempo-item:nth-of-type(odd){
        background-position:
            left -30px top 35px,
            left 120px top 150px,
            left 45px bottom 25px !important;
    }


    .linea-tiempo-item:nth-of-type(even){
        background-position:
            right -30px top 35px,
            right 120px top 150px,
            right 45px bottom 25px !important;
    }


    /* MANTENER LAS DOS COLUMNAS */
    .linea-tiempo-item > .e-con-inner,
    .linea-tiempo-item > .elementor-container{
        width: 100% !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;

        gap: 18px !important;
    }


    .linea-tiempo-item > .e-con-inner > .e-con,
    .linea-tiempo-item > .elementor-container > .elementor-column{
        width: calc(50% - 9px) !important;
        max-width: calc(50% - 9px) !important;

        flex: 0 0 calc(50% - 9px) !important;

        min-width: 0 !important;
    }


    .linea-tiempo-item
    .elementor-widget-image:not(.logo-decada-fsmx)
    img{
        width: 100% !important;

        height: 260px !important;

        object-fit: cover !important;
        object-position: center !important;
    }


    .linea-tiempo-item .logo-decada-fsmx img{
        width: 185px !important;
        max-width: 185px !important;

        height: auto !important;

        object-fit: contain !important;

        margin: 0 auto !important;
    }
}


/* =========================================================
   CELULAR
========================================================= */

@media (max-width: 767px){

    .linea-tiempo-item{
        background-size:
            82px auto,
            45px auto,
            28px auto !important;
    }


    .linea-tiempo-item:nth-of-type(odd),
    .linea-tiempo-item:nth-of-type(even){
        background-position:
            right -15px top 20px,
            left 8px center,
            right 15px bottom 12px !important;
    }


    .linea-tiempo-item > .e-con-inner,
    .linea-tiempo-item > .elementor-container{
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        gap: 12px !important;
    }


    .linea-tiempo-item > .e-con-inner > .e-con,
    .linea-tiempo-item > .elementor-container > .elementor-column{
        width: 100% !important;
        max-width: 100% !important;

        flex: 0 0 100% !important;
    }


    .linea-tiempo-item
    .elementor-widget-image:not(.logo-decada-fsmx)
    img{
        width: 100% !important;

        height: 220px !important;

        object-fit: cover !important;
        object-position: center !important;
    }


    .linea-tiempo-item .logo-decada-fsmx img{
        width: 165px !important;
        max-width: 165px !important;

        height: auto !important;

        object-fit: contain !important;

        margin: 0 auto !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f32dc2d *//* =========================================
   BLOQUE GENERAL DEL TIMELINE
========================================= */

.linea-tiempo-item {
    position: relative !important;
    width: 100% !important;

    padding: 20px 28px 24px !important;
    margin: 0 !important;

    box-sizing: border-box !important;
}


/* Línea central con más presencia */
.linea-tiempo-item::after {
    content: "" !important;

    position: absolute !important;
    top: -2px !important;
    bottom: -2px !important;
    left: 50% !important;

    width: 4px !important;

    background: linear-gradient(
        to bottom,
        #169c50 0%,
        #4fb477 50%,
        #169c50 100%
    ) !important;

    transform: translateX(-50%) !important;

    border-radius: 10px !important;

    box-shadow:
        0 0 0 1px rgba(22,156,80,.08),
        0 0 12px rgba(22,156,80,.18) !important;

    z-index: 1 !important;
}


/* Punto central más elegante */
.linea-tiempo-item::before {
    content: "" !important;

    position: absolute !important;

    top: 28px !important;
    left: 50% !important;

    width: 16px !important;
    height: 16px !important;

    background: #169c50 !important;

    border: 5px solid #ffffff !important;
    border-radius: 50% !important;

    transform: translateX(-50%) !important;

    box-shadow:
        0 0 0 2px #169c50,
        0 4px 12px rgba(22,156,80,.25) !important;

    z-index: 8 !important;
}


/* =========================================
   CONTENEDORES INTERNOS COMO TARJETAS
========================================= */

.linea-tiempo-item > .e-con-inner > .e-con,
.linea-tiempo-item > .elementor-container > .elementor-column {

    position: relative !important;

    padding: 18px !important;

    border-radius: 18px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(246,250,247,.96)
        ) !important;

    border: 1px solid rgba(22,156,80,.13) !important;

    box-shadow:
        0 12px 28px rgba(0,40,70,.08),
        0 3px 8px rgba(0,0,0,.04) !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease !important;
}


/* Elevación suave */
@media (min-width: 768px) {

    .linea-tiempo-item > .e-con-inner > .e-con:hover,
    .linea-tiempo-item > .elementor-container > .elementor-column:hover {

        transform: translateY(-4px) !important;

        box-shadow:
            0 18px 38px rgba(0,40,70,.12),
            0 5px 12px rgba(0,0,0,.06) !important;
    }
}


/* =========================================
   FOTOS
========================================= */

.linea-tiempo-item .elementor-widget-image img {

    width: 100% !important;
    height: 350px !important;

    object-fit: cover !important;
    object-position: center !important;

    display: block !important;

    border-radius: 14px !important;

    border: 1px solid rgba(22,156,80,.20) !important;

    box-shadow:
        0 10px 22px rgba(0,40,70,.12) !important;

    transition:
        transform .35s ease,
        box-shadow .35s ease !important;
}


/* Zoom muy leve */
@media (min-width: 768px) {

    .linea-tiempo-item .elementor-widget-image {
        overflow: hidden !important;
        border-radius: 14px !important;
    }

    .linea-tiempo-item .elementor-widget-image:hover img {
        transform: scale(1.025) !important;

        box-shadow:
            0 16px 30px rgba(0,40,70,.16) !important;
    }
}


/* =========================================
   AÑO
========================================= */

.linea-tiempo-item .elementor-widget-heading {

    display: inline-block !important;

    margin: 0 0 6px !important;

    padding: 4px 12px !important;

    background:
        rgba(22,156,80,.10) !important;

    border-radius: 20px !important;
}


/* Año / encabezado */
.linea-tiempo-item .elementor-heading-title {

    color: #169c50 !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;

    letter-spacing: -.3px !important;
}


/* =========================================
   TEXTOS
========================================= */

.linea-tiempo-item .elementor-widget-text-editor {

    color: #073763 !important;

    font-size: 18px !important;
    line-height: 1.46 !important;

    margin-top: 6px !important;
    margin-bottom: 0 !important;
}


.linea-tiempo-item .elementor-widget-text-editor p {
    margin: 0 !important;
}


/* =========================================
   TARJETAS DESTACADAS
========================================= */

.mensaje-timeline {

    position: relative !important;

    padding: 20px 24px !important;

    background:
        linear-gradient(
            135deg,
            rgba(22,156,80,.10),
            rgba(255,255,255,.98)
        ) !important;

    border:
        1px solid rgba(22,156,80,.20) !important;

    border-left:
        5px solid #169c50 !important;

    border-radius: 16px !important;

    color: #073763 !important;

    font-size: 18px !important;
    line-height: 1.45 !important;

    box-shadow:
        0 10px 24px rgba(0,40,70,.08) !important;
}


/* =========================================
   DETALLE DECORATIVO
========================================= */

.mensaje-timeline::before {

    content: "" !important;

    position: absolute !important;

    top: 14px !important;
    right: 16px !important;

    width: 34px !important;
    height: 34px !important;

    border-radius: 50% !important;

    background:
        rgba(22,156,80,.06) !important;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .linea-tiempo-item {
        padding: 18px 22px 20px !important;
    }

    .linea-tiempo-item .elementor-widget-image img {
        height: 300px !important;
    }
}


/* =========================================
   MÓVIL
========================================= */

@media (max-width: 767px) {

    .linea-tiempo-item {

        padding:
            16px 15px 18px 42px !important;
    }


    .linea-tiempo-item::after {

        left: 18px !important;

        width: 3px !important;
    }


    .linea-tiempo-item::before {

        left: 18px !important;
        top: 20px !important;

        width: 13px !important;
        height: 13px !important;

        border-width: 4px !important;
    }


    .linea-tiempo-item > .e-con-inner,
    .linea-tiempo-item > .elementor-container {

        display: flex !important;
        flex-direction: column !important;

        gap: 10px !important;
    }


    .linea-tiempo-item > .e-con-inner > .e-con,
    .linea-tiempo-item > .elementor-container > .elementor-column {

        width: 100% !important;

        padding: 12px !important;

        border-radius: 14px !important;
    }


    .linea-tiempo-item .elementor-widget-image img {

        height: 220px !important;

        border-radius: 11px !important;
    }


    .linea-tiempo-item .elementor-widget-text-editor,
    .mensaje-timeline {

        font-size: 16px !important;
    }


    .mensaje-timeline {

        padding: 15px 17px !important;

        border-radius: 13px !important;
    }
}
/* =========================================================
   FSMX26 — MÁS TALAVERA / FONDO MÁS RICO
   PEGAR AL FINAL DEL CSS ACTUAL
========================================================= */


/* =========================================================
   MÁS DENSIDAD EN TODOS LOS AÑOS
========================================================= */

.linea-tiempo-item{

    background-size:
        175px auto,
        92px auto,
        48px auto !important;
}


/* =========================================================
   IMPARES
   TALAVERA EN EL LADO IZQUIERDO
========================================================= */

.linea-tiempo-item:nth-of-type(odd){

    background-position:
        left -35px top 25px,
        left 155px top 155px,
        left 65px bottom 25px !important;
}


/* =========================================================
   PARES
   TALAVERA EN EL LADO DERECHO
========================================================= */

.linea-tiempo-item:nth-of-type(even){

    background-position:
        right -35px top 25px,
        right 155px top 155px,
        right 65px bottom 25px !important;
}


/* =========================================================
   CAPA EXTRA DE TALAVERA
   AGREGA 2 PIEZAS MÁS POR BLOQUE
========================================================= */

.linea-tiempo-item > .e-con-inner::before,
.linea-tiempo-item > .elementor-container::before{

    content:"" !important;

    position:absolute !important;

    top:0 !important;
    bottom:0 !important;

    width:300px !important;

    pointer-events:none !important;

    z-index:0 !important;

    background-image:
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/12_flor_2.png"),
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/14_flor_4.png") !important;

    background-repeat:
        no-repeat,
        no-repeat !important;

    background-size:
        72px auto,
        42px auto !important;

    opacity:.14 !important;
}


/* =========================================================
   EXTRA — AÑOS IMPARES
========================================================= */

.linea-tiempo-item:nth-of-type(odd)
> .e-con-inner::before,

.linea-tiempo-item:nth-of-type(odd)
> .elementor-container::before{

    left:-300px !important;

    background-position:
        right 70px top 38%,
        left 60px top 68% !important;
}


/* =========================================================
   EXTRA — AÑOS PARES
========================================================= */

.linea-tiempo-item:nth-of-type(even)
> .e-con-inner::before,

.linea-tiempo-item:nth-of-type(even)
> .elementor-container::before{

    right:-300px !important;

    background-position:
        left 70px top 38%,
        right 60px top 68% !important;
}


/* =========================================================
   OTRA CAPA
   UNA TALAVERA GRANDE MUY TENUE
========================================================= */

.linea-tiempo-item > .e-con-inner::after,
.linea-tiempo-item > .elementor-container::after{

    content:"" !important;

    position:absolute !important;

    width:230px !important;
    height:230px !important;

    pointer-events:none !important;

    z-index:0 !important;

    background-image:
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/03_agua.png") !important;

    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;

    opacity:.075 !important;
}


/* GRANDE A LA IZQUIERDA */
.linea-tiempo-item:nth-of-type(odd)
> .e-con-inner::after,

.linea-tiempo-item:nth-of-type(odd)
> .elementor-container::after{

    left:-410px !important;
    top:50% !important;

    transform:
        translateY(-50%)
        rotate(-7deg) !important;
}


/* GRANDE A LA DERECHA */
.linea-tiempo-item:nth-of-type(even)
> .e-con-inner::after,

.linea-tiempo-item:nth-of-type(even)
> .elementor-container::after{

    right:-410px !important;
    top:50% !important;

    transform:
        translateY(-50%)
        rotate(7deg) !important;
}


/* =========================================================
   CAMBIAMOS LA GRANDE CADA CIERTOS AÑOS
   PARA QUE NO SEA TODO IGUAL
========================================================= */

.linea-tiempo-item:nth-of-type(3n)
> .e-con-inner::after,

.linea-tiempo-item:nth-of-type(3n)
> .elementor-container::after{

    background-image:
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/01_eolica.png") !important;
}


.linea-tiempo-item:nth-of-type(3n + 1)
> .e-con-inner::after,

.linea-tiempo-item:nth-of-type(3n + 1)
> .elementor-container::after{

    background-image:
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/08_ciudad.png") !important;
}


.linea-tiempo-item:nth-of-type(3n + 2)
> .e-con-inner::after,

.linea-tiempo-item:nth-of-type(3n + 2)
> .elementor-container::after{

    background-image:
        url("https://cmfs.org.mx/wp-content/uploads/2026/09/02_panel_solar.png") !important;
}


/* =========================================================
   ASEGURAR QUE TARJETAS Y CONTENIDO QUEDEN ENCIMA
========================================================= */

.linea-tiempo-item > .e-con-inner > *,
.linea-tiempo-item > .elementor-container > *{

    position:relative !important;
    z-index:3 !important;
}


/* =========================================================
   TABLET
   MENOS TALAVERA
========================================================= */

@media(max-width:1024px){

    .linea-tiempo-item > .e-con-inner::before,
    .linea-tiempo-item > .elementor-container::before{

        width:180px !important;

        background-size:
            55px auto,
            34px auto !important;

        opacity:.10 !important;
    }


    .linea-tiempo-item > .e-con-inner::after,
    .linea-tiempo-item > .elementor-container::after{

        width:150px !important;
        height:150px !important;

        opacity:.055 !important;
    }

}


/* =========================================================
   CELULAR
   SOLO DETALLES MUY SUTILES
========================================================= */

@media(max-width:767px){

    .linea-tiempo-item > .e-con-inner::before,
    .linea-tiempo-item > .elementor-container::before{

        display:none !important;
    }


    .linea-tiempo-item > .e-con-inner::after,
    .linea-tiempo-item > .elementor-container::after{

        width:85px !important;
        height:85px !important;

        right:-25px !important;
        left:auto !important;

        top:25px !important;

        opacity:.045 !important;

        transform:none !important;
    }

}/* End custom CSS */