.elementor-1977 .elementor-element.elementor-element-4597a29{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:calc(7vh - 20px);--margin-bottom:7vh;--margin-left:0;--margin-right:0;}.elementor-1977 .elementor-element.elementor-element-4597a29:not(.elementor-motion-effects-element-type-background), .elementor-1977 .elementor-element.elementor-element-4597a29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-vamtam_accent_2 );}.elementor-1977 .elementor-element.elementor-element-5400228 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-1977 .elementor-element.elementor-element-5400228{text-align:center;}.elementor-1977 .elementor-element.elementor-element-ead99ca{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1977 .elementor-element.elementor-element-ead99ca:not(.elementor-motion-effects-element-type-background), .elementor-1977 .elementor-element.elementor-element-ead99ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-vamtam_accent_2 );}.elementor-1977 .elementor-element.elementor-element-b0c4291 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1977 .elementor-element.elementor-element-b0c4291{text-align:left;}@media(max-width:1024px) and (min-width:768px){.elementor-1977 .elementor-element.elementor-element-4597a29{--content-width:100%;}}@media(max-width:1024px){.elementor-1977 .elementor-element.elementor-element-4597a29{--margin-top:20px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-1977 .elementor-element.elementor-element-5400228 > .elementor-widget-container{margin:0px 0px 5px 0px;}}@media(max-width:767px){.elementor-1977 .elementor-element.elementor-element-4597a29{--margin-top:10px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-1977 .elementor-element.elementor-element-5400228 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS *//* ========================================================= */
/* NOTICIAS - CSS COMPLETO LIMPIO Y AJUSTADO                 */
/* Página ID: 988364                                         */
/* Imágenes sin recorte agresivo + textos alineados          */
/* ========================================================= */


/* ========================================================= */
/* BASE GENERAL                                              */
/* ========================================================= */

body.page-id-988364 {
    background: #fbfcf8 !important;
    color: #101421 !important;
}

body.page-id-988364 #page,
body.page-id-988364 #main-content,
body.page-id-988364 .vamtam-main,
body.page-id-988364 article#post-988364,
body.page-id-988364 .elementor-location-single,
body.page-id-988364 .elementor-1977,
body.page-id-988364 .elementor-1977 * {
    box-sizing: border-box !important;
}

body.page-id-988364 #page,
body.page-id-988364 #main-content,
body.page-id-988364 .vamtam-main,
body.page-id-988364 article#post-988364,
body.page-id-988364 .elementor-location-single,
body.page-id-988364 .elementor-1977 {
    background: #fbfcf8 !important;
}

body.page-id-988364 .elementor-1977 {
    overflow: hidden !important;
}

/* ========================================================= */
/* HERO                                                      */
/* ========================================================= */

body.page-id-988364 .elementor-1977 .elementor-element-4597a29 {
    position: relative !important;
    overflow: hidden !important;
    padding: 92px 20px 70px !important;
    background: #fbfcf8 !important;
    border-bottom: 1px solid rgba(7, 134, 61, 0.08) !important;
}

body.page-id-988364 .elementor-1977 .elementor-element-4597a29::before,
body.page-id-988364 .elementor-1977 .elementor-element-4597a29::after {
    display: none !important;
    content: none !important;
}

body.page-id-988364 .elementor-1977 .elementor-element-4597a29 > .e-con-inner {
    max-width: 980px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

body.page-id-988364 .elementor-1977 .elementor-element-5400228 {
    margin: 0 !important;
    text-align: center !important;
}

body.page-id-988364 .elementor-1977 .elementor-element-5400228::before {
    content: "ACTUALIDAD DE LA ASOCIACIÓN";
    display: block !important;
    margin-bottom: 18px !important;
    color: #07863d !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
}

body.page-id-988364 .elementor-1977 .elementor-element-5400228 .elementor-heading-title {
    color: #101421 !important;
    font-family: "Manrope", serif !important;
    font-size: clamp(58px, 6vw, 86px) !important;
    line-height: 0.98 !important;
    font-weight: 400 !important;
    letter-spacing: -1.8px !important;
    margin: 0 !important;
}

body.page-id-988364 .elementor-1977 .elementor-element-5400228 .elementor-widget-container::after {
    content: "Conoce las actividades, encuentros y momentos importantes compartidos por adolescentes, jóvenes, familias y profesionales.";
    display: block !important;
    max-width: 680px !important;
    margin: 22px auto 0 !important;
    color: rgba(16, 20, 33, 0.70) !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
}

/* ========================================================= */
/* CONTENEDOR TIMELINE                                       */
/* ========================================================= */

body.page-id-988364 .elementor-1977 .elementor-element-ead99ca {
    padding: 74px 20px 96px !important;
    background: #fbfcf8 !important;
}

body.page-id-988364 .elementor-1977 .elementor-element-ead99ca > .e-con-inner {
    max-width: 1220px !important;
    margin: 0 auto !important;
}

body.page-id-988364 .elementor-1977 .elementor-element-b0c4291,
body.page-id-988364 .elementor-1977 .elementor-element-b0c4291 > .elementor-widget-container,
body.page-id-988364 .elementor-1977 .vgblk-rw-wrapper.limit-wrapper {
    width: 100% !important;
    max-width: 1220px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: transparent !important;
}

/* ========================================================= */
/* COOL TIMELINE                                             */
/* ========================================================= */

body.page-id-988364 .ctl-wrapper {
    --ctw-first-story-color: #07863d !important;
    --ctw-second-story-color: #07863d !important;
    --ctw-cbx-des-background: #ffffff !important;
    --ctw-ybx-bg: #07863d !important;
    --ctw-line-bg: #dcecdf !important;
    --ctw-cbx-title-font-family: "Manrope", sans-serif !important;
    --ctw-cbx-desc-font-family: "Manrope", sans-serif !important;
    --ctw-cbx-date-font-family: "Manrope", sans-serif !important;
    width: 100% !important;
    max-width: 1220px !important;
    margin: 0 auto !important;
    font-family: "Manrope", sans-serif !important;
    background: transparent !important;
}

body.page-id-988364 .cool-timeline-wrapper,
body.page-id-988364 .ctl-timeline,
body.page-id-988364 .ctl-timeline-container {
    width: 100% !important;
    max-width: 1220px !important;
    margin: 0 auto !important;
    position: relative !important;
    background: transparent !important;
}

body.page-id-988364 .ctl-inner-line {
    width: 3px !important;
    background: #dcecdf !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

body.page-id-988364 .ctl-start,
body.page-id-988364 .ctl-end {
    display: none !important;
}

/* ========================================================= */
/* AÑOS                                                      */
/* ========================================================= */

body.page-id-988364 .timeline-year,
body.page-id-988364 .ctl-year,
body.page-id-988364 .ctl-year-container {
    margin: 0 auto 42px !important;
    padding: 0 !important;
    text-align: center !important;
    position: relative !important;
    z-index: 5 !important;
    background: transparent !important;
}

body.page-id-988364 .ctl-year-label,
body.page-id-988364 .ctl-year-text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 92px !important;
    height: 92px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 2px solid rgba(7, 134, 61, 0.20) !important;
    box-shadow: 0 18px 45px rgba(9, 27, 18, 0.10) !important;
}

body.page-id-988364 .ctl-year-label span,
body.page-id-988364 .ctl-year-text span {
    width: 74px !important;
    height: 74px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #101421 !important;
    color: #ffffff !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 19px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.3px !important;
}

/* ========================================================= */
/* ITEMS                                                     */
/* ========================================================= */

body.page-id-988364 .ctl-story {
    margin-bottom: 58px !important;
    min-height: 0 !important;
    position: relative !important;
    background: transparent !important;
}

body.page-id-988364 .ctl-story:last-of-type {
    margin-bottom: 24px !important;
}

body.page-id-988364 .ctl-labels {
    top: 20px !important;
    z-index: 6 !important;
    background: transparent !important;
}

body.page-id-988364 .ctl-label-big,
body.page-id-988364 .story-date {
    color: #07863d !important;
    background: transparent !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.2px !important;
    text-transform: lowercase !important;
    text-shadow: none !important;
}

body.page-id-988364 .ctl-icon {
    width: 42px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 2px solid rgba(7, 134, 61, 0.16) !important;
    box-shadow: 0 12px 28px rgba(9, 27, 18, 0.10) !important;
    color: #07863d !important;
    z-index: 8 !important;
}

body.page-id-988364 .ctl-icon i {
    color: #07863d !important;
    font-size: 15px !important;
}

body.page-id-988364 .ctl-arrow {
    display: none !important;
}

body.page-id-988364 .ctl-story::before {
    content: "";
    position: absolute !important;
    top: 30px !important;
    width: 48px !important;
    height: 1px !important;
    background: rgba(7, 134, 61, 0.18) !important;
    z-index: 1 !important;
}

body.page-id-988364 .ctl-story-left::before {
    right: calc(50% + 24px) !important;
}

body.page-id-988364 .ctl-story-right::before {
    left: calc(50% + 24px) !important;
}

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

body.page-id-988364 .ctl-content {
    overflow: hidden !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    border: 1px solid rgba(7, 134, 61, 0.10) !important;
    box-shadow: 0 18px 45px rgba(9, 27, 18, 0.08) !important;
    padding: 0 !important;
    transition: transform 0.32s ease, box-shadow 0.32s ease, border-color 0.32s ease !important;
}

body.page-id-988364 .ctl-story:hover .ctl-content {
    transform: translateY(-6px) !important;
    box-shadow: 0 28px 60px rgba(9, 27, 18, 0.12) !important;
    border-color: rgba(7, 134, 61, 0.22) !important;
}

body.page-id-988364 .ctl-story-left .ctl-content,
body.page-id-988364 .ctl-story-right .ctl-content {
    max-width: 450px !important;
}

body.page-id-988364 .ctl-story-left .ctl-content {
    margin-right: 72px !important;
}

body.page-id-988364 .ctl-story-right .ctl-content {
    margin-left: 72px !important;
}

/* Título */
body.page-id-988364 .ctl-title {
    margin: 0 !important;
    padding: 18px 22px !important;
    background: #09a041 !important;
    color: #ffffff !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    letter-spacing: -0.1px !important;
    border-radius: 0 !important;
}

/* ========================================================= */
/* IMÁGENES SIN RECORTE MALO                                 */
/* ========================================================= */

body.page-id-988364 .ctl-media,
body.page-id-988364 .ctl-description {
    background: #ffffff !important;
}

body.page-id-988364 .ctl-content::after {
    content: "";
    display: block !important;
    clear: both !important;
}

/* Contenedor de imagen */
body.page-id-988364 .ctl-media.small {
    width: calc(100% - 44px) !important;
    max-width: none !important;
    float: none !important;
    margin: 22px 22px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: #f5f8f3 !important;
    box-shadow: none !important;
    aspect-ratio: 16 / 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Enlace de imagen */
body.page-id-988364 .ctl-media.small a {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Imagen: se muestra completa sin recorte agresivo */
body.page-id-988364 .ctl-media.small img,
body.page-id-988364 img.story-img,
body.page-id-988364 .ctl-media img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 14px !important;
    transform: none !important;
    transition: transform 0.35s ease, filter 0.35s ease !important;
}

/* Hover suave, sin zoom excesivo para no volver a recortar */
body.page-id-988364 .ctl-story:hover .ctl-media.small img,
body.page-id-988364 .ctl-story:hover img.story-img,
body.page-id-988364 .ctl-story:hover .ctl-media img {
    transform: scale(1.025) !important;
    filter: brightness(0.97) !important;
}

/* ========================================================= */
/* TEXTO MISMO ANCHO QUE LA IMAGEN                           */
/* ========================================================= */

body.page-id-988364 .ctl-description {
    width: calc(100% - 44px) !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 22px 24px !important;
    padding: 18px 0 0 !important;
    color: rgba(16, 20, 33, 0.72) !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.68 !important;
    font-weight: 400 !important;
    text-align: left !important;
}

body.page-id-988364 .ctl-description .vgblk-rw-wrapper,
body.page-id-988364 .ctl-description .limit-wrapper,
body.page-id-988364 .ctl-description p,
body.page-id-988364 .ctl-description div,
body.page-id-988364 .ctl-description span {
    width: 100% !important;
    max-width: 100% !important;
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    background: transparent !important;
}

body.page-id-988364 .ctl-description p {
    margin: 0 0 12px !important;
}

body.page-id-988364 .ctl-description p:last-child {
    margin-bottom: 0 !important;
}

/* ========================================================= */
/* PAGINACIÓN                                                */
/* ========================================================= */

body.page-id-988364 .ctl-pagination {
    margin: 54px auto 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    font-family: "Manrope", sans-serif !important;
    background: transparent !important;
}

body.page-id-988364 .ctl-pagination .ctl-page-num {
    margin-right: 8px !important;
    color: rgba(16, 20, 33, 0.62) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

body.page-id-988364 .ctl-pagination .page-numbers {
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(7, 134, 61, 0.18) !important;
    background: #ffffff !important;
    color: #07863d !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-shadow: 0 8px 22px rgba(9, 27, 18, 0.05) !important;
    transition: all 0.25s ease !important;
}

body.page-id-988364 .ctl-pagination .page-numbers.current,
body.page-id-988364 .ctl-pagination .page-numbers:hover {
    background: #07863d !important;
    color: #ffffff !important;
    border-color: #07863d !important;
    box-shadow: 0 12px 28px rgba(7, 134, 61, 0.20) !important;
}

body.page-id-988364 .ctl-pagination svg {
    width: 13px !important;
    height: 13px !important;
    fill: currentColor !important;
}

/* ========================================================= */
/* FOOTER                                                    */
/* ========================================================= */

body.page-id-988364 .elementor-location-footer,
body.page-id-988364 footer {
    margin-top: 0 !important;
    background: #fbfcf8 !important;
}

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

@media (max-width: 1024px) {
    body.page-id-988364 .elementor-1977 .elementor-element-4597a29 {
        padding: 78px 24px 60px !important;
    }

    body.page-id-988364 .elementor-1977 .elementor-element-ead99ca {
        padding: 64px 24px 82px !important;
    }

    body.page-id-988364 .ctl-story-left .ctl-content,
    body.page-id-988364 .ctl-story-right .ctl-content {
        max-width: 430px !important;
    }

    body.page-id-988364 .ctl-story-left .ctl-content {
        margin-right: 54px !important;
    }

    body.page-id-988364 .ctl-story-right .ctl-content {
        margin-left: 54px !important;
    }

    body.page-id-988364 .ctl-media.small {
        width: calc(100% - 40px) !important;
        margin: 20px 20px 0 !important;
    }

    body.page-id-988364 .ctl-description {
        width: calc(100% - 40px) !important;
        margin: 0 20px 22px !important;
        padding-top: 18px !important;
    }
}

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

@media (max-width: 767px) {
    body.page-id-988364 .elementor-1977 .elementor-element-4597a29 {
        padding: 66px 18px 50px !important;
    }

    body.page-id-988364 .elementor-1977 .elementor-element-5400228::before {
        font-size: 10px !important;
        letter-spacing: 3px !important;
        margin-bottom: 14px !important;
    }

    body.page-id-988364 .elementor-1977 .elementor-element-5400228 .elementor-heading-title {
        font-size: 48px !important;
        line-height: 1.02 !important;
        letter-spacing: -1px !important;
    }

    body.page-id-988364 .elementor-1977 .elementor-element-5400228 .elementor-widget-container::after {
        font-size: 16px !important;
        line-height: 1.6 !important;
        margin-top: 18px !important;
    }

    body.page-id-988364 .elementor-1977 .elementor-element-ead99ca {
        padding: 52px 18px 70px !important;
    }

    body.page-id-988364 .ctl-inner-line {
        left: 22px !important;
        right: auto !important;
        margin-left: 0 !important;
    }

    body.page-id-988364 .timeline-year,
    body.page-id-988364 .ctl-year,
    body.page-id-988364 .ctl-year-container {
        text-align: left !important;
        margin: 0 0 34px 0 !important;
        padding-left: 0 !important;
    }

    body.page-id-988364 .ctl-year-label,
    body.page-id-988364 .ctl-year-text {
        width: 78px !important;
        height: 78px !important;
    }

    body.page-id-988364 .ctl-year-label span,
    body.page-id-988364 .ctl-year-text span {
        width: 62px !important;
        height: 62px !important;
        font-size: 16px !important;
    }

    body.page-id-988364 .ctl-story {
        width: 100% !important;
        margin-bottom: 34px !important;
        padding-left: 58px !important;
    }

    body.page-id-988364 .ctl-story-left,
    body.page-id-988364 .ctl-story-right {
        left: auto !important;
        right: auto !important;
    }

    body.page-id-988364 .ctl-story-left .ctl-content,
    body.page-id-988364 .ctl-story-right .ctl-content,
    body.page-id-988364 .ctl-content {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.page-id-988364 .ctl-labels {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        margin: 0 0 12px !important;
        text-align: left !important;
    }

    body.page-id-988364 .ctl-label-big,
    body.page-id-988364 .story-date {
        font-size: 14px !important;
    }

    body.page-id-988364 .ctl-icon {
        position: absolute !important;
        left: 1px !important;
        top: 2px !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
    }

    body.page-id-988364 .ctl-story::before {
        display: none !important;
    }

    body.page-id-988364 .ctl-content {
        border-radius: 22px !important;
    }

    body.page-id-988364 .ctl-title {
        padding: 16px 18px !important;
        font-size: 15px !important;
    }

    body.page-id-988364 .ctl-media.small {
        width: calc(100% - 36px) !important;
        margin: 18px 18px 0 !important;
        border-radius: 16px !important;
        aspect-ratio: 16 / 10 !important;
    }

    body.page-id-988364 .ctl-media.small img,
    body.page-id-988364 img.story-img,
    body.page-id-988364 .ctl-media img {
        border-radius: 14px !important;
    }

    body.page-id-988364 .ctl-description {
        width: calc(100% - 36px) !important;
        margin: 0 18px 20px !important;
        padding-top: 16px !important;
        font-size: 14px !important;
        line-height: 1.65 !important;
    }

    body.page-id-988364 .ctl-pagination {
        margin-top: 38px !important;
        flex-wrap: wrap !important;
    }

    body.page-id-988364 .ctl-pagination .ctl-page-num {
        width: 100% !important;
        text-align: center !important;
        margin: 0 0 8px !important;
    }
}/* End custom CSS */