/*
 * Compatibilidad acotada Weebly -> WordPress.
 * No reproduce el sidebar viejo.
 */

body.single-cenae_legacy .site-content,
body.single-cenae_legacy .content-area {
    width: 100%;
    display: block;
}

.cenae-legacy-content {
    width: 100%;
    max-width: none;
    overflow-wrap: anywhere;
}

.cenae-legacy-content img {
    max-width: 100%;
    height: auto;
}

.cenae-legacy-content iframe,
.cenae-legacy-content video,
.cenae-legacy-content audio,
.cenae-legacy-content object,
.cenae-legacy-content embed {
    max-width: 100%;
}

.cenae-legacy-content iframe[src*="youtube"] {
    width: 100%;
}

.cenae-legacy-content .wsite-image {
    max-width: 100%;
}

.cenae-legacy-content .wsite-multicol {
    width: 100%;
}

.cenae-legacy-content .wsite-multicol-table {
    width: 100% !important;
    max-width: 100% !important;

    border-collapse: collapse;
    table-layout: auto;
}

.cenae-legacy-content .wsite-multicol-tbody,
.cenae-legacy-content .wsite-multicol-tr {
    width: 100%;
}

.cenae-legacy-content .wsite-multicol-col {
    box-sizing: border-box;
    vertical-align: top;

    padding-left: 12px !important;
    padding-right: 12px !important;
}

.cenae-legacy-content .wsite-multicol-col:first-child {
    padding-left: 0 !important;
}

.cenae-legacy-content .wsite-multicol-col:last-child {
    padding-right: 0 !important;
}

.cenae-legacy-content .wsite-button,
.cenae-legacy-content .wsite-button-inner {
    display: inline-block;
}

@media (max-width: 768px) {

    .cenae-legacy-content .wsite-multicol-table,
    .cenae-legacy-content .wsite-multicol-tbody,
    .cenae-legacy-content .wsite-multicol-tr,
    .cenae-legacy-content .wsite-multicol-col {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
    }

    .cenae-legacy-content .wsite-multicol-col {

        padding-left: 0 !important;
        padding-right: 0 !important;

        margin-bottom: 18px;
    }
}


/*
 * CENAE_LEGACY_MOBILE_REFINEMENT_BEGIN
 *
 * Ajustes exclusivamente responsive para el
 * HTML historico procedente de Weebly.
 */

@media (max-width: 768px) {

    /*
     * Titulos legacy.
     *
     * Se limita el tama?o para evitar encabezados
     * de cuatro o cinco lineas excesivamente grandes.
     */
    body.single-cenae_legacy
    .cenae-legacy-content
    .wsite-content-title {

        font-size: clamp(
            1.55rem,
            7vw,
            1.90rem
        ) !important;

        line-height: 1.15 !important;

        overflow-wrap: normal;
        word-break: normal;
    }


    /*
     * Las tablas wsite-multicol son estructuras
     * de maquetacion, no tablas editoriales.
     *
     * GeneratePress les estaba a?adiendo bordes
     * visibles en movil.
     */
    body.single-cenae_legacy
    .cenae-legacy-content
    .wsite-multicol-table,

    body.single-cenae_legacy
    .cenae-legacy-content
    .wsite-multicol-table > tbody,

    body.single-cenae_legacy
    .cenae-legacy-content
    .wsite-multicol-table > tbody > tr,

    body.single-cenae_legacy
    .cenae-legacy-content
    .wsite-multicol-table > tbody > tr > td,

    body.single-cenae_legacy
    .cenae-legacy-content
    .wsite-multicol-col {

        border: 0 !important;

        box-shadow: none !important;

        outline: 0 !important;
    }


    /*
     * Una columna real en movil.
     */
    body.single-cenae_legacy
    .cenae-legacy-content
    .wsite-multicol-col {

        padding-left: 0 !important;
        padding-right: 0 !important;

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

        min-width: 0 !important;
    }


    /*
     * En columnas estrechas el texto justificado
     * producia grandes huecos entre palabras.
     *
     * Solo se cambia la alineacion dentro de
     * estructuras multicol legacy.
     */
    body.single-cenae_legacy
    .cenae-legacy-content
    .wsite-multicol-col p,

    body.single-cenae_legacy
    .cenae-legacy-content
    .wsite-multicol-col .paragraph,

    body.single-cenae_legacy
    .cenae-legacy-content
    .wsite-multicol-col div.paragraph {

        text-align: left !important;

        word-spacing: normal !important;

        letter-spacing: normal;
    }


    /*
     * Multimedia responsive.
     */
    body.single-cenae_legacy
    .cenae-legacy-content iframe,

    body.single-cenae_legacy
    .cenae-legacy-content video,

    body.single-cenae_legacy
    .cenae-legacy-content object,

    body.single-cenae_legacy
    .cenae-legacy-content embed {

        display: block;

        max-width: 100% !important;

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


    /*
     * Imagenes centradas cuando la maquetacion
     * original dependia de una celda Weebly.
     */
    body.single-cenae_legacy
    .cenae-legacy-content
    .wsite-multicol-col img {

        max-width: 100%;

        height: auto;

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

/*
 * CENAE_LEGACY_MOBILE_REFINEMENT_END
 */

/* ==========================================================
   CENAE FRONT B - HOME PUBLICATION CLEANUP
   2026-09-11
   Solo Home. No aplicar globalmente al corpus historico.
   ========================================================== */

/* Las tablas wsite-multicol de la Home son layout heredado,
   no tablas de datos. Eliminar apariencia de hoja de cálculo. */
body.home .cenae-legacy-content .wsite-multicol-table,
body.home .cenae-legacy-content .wsite-multicol-tbody,
body.home .cenae-legacy-content .wsite-multicol-tr,
body.home .cenae-legacy-content .wsite-multicol-col {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Separadores visuales heredados de Weebly. */
body.home .cenae-legacy-content .styled-hr {
    display: none !important;
}

/* Reducir espaciadores heredados excesivos sin eliminarlos. */
body.home .cenae-legacy-content .wsite-spacer {
    height: 16px !important;
}

/* El buscador funcional será el de WordPress del sidebar. */
body.home .cenae-legacy-content .wsite-search-element-outer {
    display: none !important;
}

/* Evitar que textos heredados provoquen overflow. */
body.home .cenae-legacy-content {
    max-width: 100%;
    overflow-wrap: anywhere;
}

/* ---------- MOBILE ---------- */
@media (max-width: 768px) {

    /* Las viejas tablas multicolumna pasan a una columna.
       Prima legibilidad e integridad sobre replicar Weebly. */
    body.home .cenae-legacy-content .wsite-multicol-table,
    body.home .cenae-legacy-content .wsite-multicol-tbody,
    body.home .cenae-legacy-content .wsite-multicol-tr {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.home .cenae-legacy-content .wsite-multicol-col {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* El justificado produce huecos enormes en pantallas estrechas. */
    body.home .cenae-legacy-content .paragraph[style*="text-align:justify"],
    body.home .cenae-legacy-content .paragraph[style*="text-align: justify"] {
        text-align: left !important;
    }

    body.home .cenae-legacy-content img {
        max-width: 100% !important;
        height: auto;
    }
}


/* ==========================================================
   CENAE LEGACY — MOBILE LAYOUT HARDENING
   2026-09-11

   Convierte únicamente las tablas multicolumna de Weebly
   usadas como layout en una sola columna en móvil.
   No afecta tablas de datos normales.
   ========================================================== */

@media (max-width: 768px) {

    /* Contenedor histórico */
    body.single-cenae_legacy .cenae-legacy-content {
        width: 100% !important;
        max-width: 100% !important;

        overflow-x: hidden !important;

        box-sizing: border-box;
    }


    /* Wrappers de columnas Weebly */
    body.single-cenae_legacy
    .cenae-legacy-content
    .wsite-multicol,

    body.single-cenae_legacy
    .cenae-legacy-content
    .wsite-multicol-table-wrap {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

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

        padding-left: 0 !important;
        padding-right: 0 !important;

        overflow: visible !important;
    }


    /* Las tablas de layout dejan de comportarse como tablas */
    body.single-cenae_legacy
    .cenae-legacy-content
    table.wsite-multicol-table,

    body.single-cenae_legacy
    .cenae-legacy-content
    .wsite-multicol-table > tbody,

    body.single-cenae_legacy
    .cenae-legacy-content
    .wsite-multicol-table > tbody > tr {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        table-layout: auto !important;

        border: 0 !important;
    }


    /* Cada antigua columna pasa a ocupar el ancho completo */
    body.single-cenae_legacy
    .cenae-legacy-content
    .wsite-multicol-table > tbody > tr > td,

    body.single-cenae_legacy
    .cenae-legacy-content
    td.wsite-multicol-col {

        display: block !important;

        float: none !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

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

        border-left: 0 !important;
        border-right: 0 !important;

        box-sizing: border-box !important;
    }


    /* Separar visualmente las antiguas columnas al apilarse */
    body.single-cenae_legacy
    .cenae-legacy-content
    .wsite-multicol-col + .wsite-multicol-col {

        margin-top: 24px !important;
    }


    /* Imágenes */
    body.single-cenae_legacy
    .cenae-legacy-content img {

        max-width: 100% !important;
        height: auto !important;
    }


    /* Vídeos e iframes no deben ensanchar el viewport */
    body.single-cenae_legacy
    .cenae-legacy-content iframe,

    body.single-cenae_legacy
    .cenae-legacy-content video,

    body.single-cenae_legacy
    .cenae-legacy-content .wsite-video,

    body.single-cenae_legacy
    .cenae-legacy-content .wsite-video-wrapper,

    body.single-cenae_legacy
    .cenae-legacy-content .wsite-video-container {

        width: 100% !important;
        max-width: 100% !important;

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

        box-sizing: border-box !important;
    }


    /* Justificado heredado genera huecos enormes en móvil */
    body.single-cenae_legacy
    .cenae-legacy-content
    .paragraph[style*="text-align:justify"],

    body.single-cenae_legacy
    .cenae-legacy-content
    .paragraph[style*="text-align: justify"] {

        text-align: left !important;
    }


    /* URLs extremadamente largas tampoco deben romper la pantalla */
    body.single-cenae_legacy
    .cenae-legacy-content a {

        overflow-wrap: anywhere;
        word-break: normal;
    }
}


/* ==========================================================
   CENAE LEGACY — EDITORIAL READING LAYER
   2026-09-11
   ========================================================== */

/* El corpus completo puede ser ancho porque algunas páginas
   utilizan composiciones multicolumna. */
body.single-cenae_legacy .cenae-legacy-content {
    width: 100%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;

    font-size: 16px;
    line-height: 1.6;
}


/* Texto corrido de primer nivel: ancho editorial más cómodo. */
body.single-cenae_legacy .cenae-legacy-content > .paragraph,
body.single-cenae_legacy .cenae-legacy-content > p {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}


/* Títulos principales heredados */
body.single-cenae_legacy
.cenae-legacy-content > .wsite-content-title {
    max-width: 980px;

    margin-left: auto;
    margin-right: auto;

    line-height: 1.18;
}


/* Imágenes siempre seguras */
body.single-cenae_legacy .cenae-legacy-content img {
    height: auto !important;
}


/* Separadores Weebly menos agresivos */
body.single-cenae_legacy
.cenae-legacy-content .styled-hr {
    margin-top: 24px !important;
    margin-bottom: 24px !important;

    border-color: #e5e7e9 !important;
}


/* Limitar espaciadores artificiales */
body.single-cenae_legacy
.cenae-legacy-content .wsite-spacer {
    max-height: 24px !important;
}


/* Enlaces largos */
body.single-cenae_legacy
.cenae-legacy-content a {
    overflow-wrap: anywhere;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 768px) {

    body.single-cenae_legacy .cenae-legacy-content {
        font-size: 17px !important;
        line-height: 1.55 !important;
    }


    body.single-cenae_legacy
    .cenae-legacy-content > .paragraph,

    body.single-cenae_legacy
    .cenae-legacy-content > p {
        max-width: 100%;
    }


    /* En móvil la justificación da espacios muy grandes. */
    body.single-cenae_legacy
    .cenae-legacy-content .paragraph[style*="text-align:justify"],

    body.single-cenae_legacy
    .cenae-legacy-content .paragraph[style*="text-align: justify"] {
        text-align: left !important;
    }


    /* Subtítulos heredados de <font size> */
    body.single-cenae_legacy
    .cenae-legacy-content font[size="5"] {
        font-size: 21px !important;
        line-height: 1.25 !important;
    }


    /* Separadores más compactos */
    body.single-cenae_legacy
    .cenae-legacy-content .styled-hr {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }


    body.single-cenae_legacy
    .cenae-legacy-content .wsite-spacer {
        max-height: 16px !important;
    }


    /* Los iframes/vídeos mantienen ancho seguro. */
    body.single-cenae_legacy
    .cenae-legacy-content iframe,

    body.single-cenae_legacy
    .cenae-legacy-content video {
        display: block;

        max-width: 100% !important;

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


/* ==========================================================
   CENAE LEGACY — BROKEN WEEBLY VIDEO SUPPRESSION
   2026-09-11

   Temporal hasta que Frente A restaure los videos.
   Solo oculta reproductores Weebly heredados.
   Videos HTML5/restaurados con otro markup no se afectan.
   ========================================================== */

body.single-cenae_legacy
.cenae-legacy-content
.wsite-video,

body.single-cenae_legacy
.cenae-legacy-content
.wsite-video-wrapper,

body.single-cenae_legacy
.cenae-legacy-content
.wsite-video-container,

body.single-cenae_legacy
.cenae-legacy-content
iframe[id^="video-iframe-"] {

    display: none !important;

    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;

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

    border: 0 !important;

    overflow: hidden !important;
}


/* ==========================================================
   CENAE LEGACY — WEEBLY LAYOUT TABLE CLEANUP
   2026-09-11

   Las wsite-multicol-table son estructuras de maquetación
   heredadas de Weebly, no tablas de datos.
   Aplicable desktop + mobile.
   ========================================================== */

body.single-cenae_legacy
.cenae-legacy-content
.wsite-multicol-table-wrap,

body.single-cenae_legacy
.cenae-legacy-content
.wsite-multicol-table,

body.single-cenae_legacy
.cenae-legacy-content
.wsite-multicol-tbody,

body.single-cenae_legacy
.cenae-legacy-content
.wsite-multicol-tr,

body.single-cenae_legacy
.cenae-legacy-content
.wsite-multicol-col {

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    background: transparent !important;
}


/* Neutralizar estilos de tabla del tema sin alterar
   las tablas de datos que no sean wsite-multicol. */

body.single-cenae_legacy
.cenae-legacy-content
table.wsite-multicol-table {

    border-collapse: collapse !important;
    border-spacing: 0 !important;

    background: transparent !important;
}


body.single-cenae_legacy
.cenae-legacy-content
table.wsite-multicol-table > tbody > tr > td {

    border: 0 !important;
}


/* Mantener separación visual entre columnas en desktop
   mediante padding, no mediante líneas de tabla. */

@media (min-width: 769px) {

    body.single-cenae_legacy
    .cenae-legacy-content
    .wsite-multicol-col {

        vertical-align: top;
    }
}


/* ==========================================================
   CENAE LEGACY — RESPONSIVE YOUTUBE EMBEDS
   2026-09-11

   Mantiene ocultos los videos rotos de Weebly,
   pero mejora el tamaño y responsividad de iframes
   reales de YouTube.
   ========================================================== */

body.single-cenae_legacy
.cenae-legacy-content
iframe[src*="youtube.com/embed"],

body.single-cenae_legacy
.cenae-legacy-content
iframe[src*="youtube-nocookie.com/embed"] {

    display: block !important;
    width: 100% !important;
    max-width: 760px !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;

    margin: 24px auto !important;

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

/* Si el iframe está metido dentro de un párrafo o contenedor
   centrado heredado, lo contenemos y centramos bien. */
body.single-cenae_legacy
.cenae-legacy-content
p:has(> iframe[src*="youtube.com/embed"]),

body.single-cenae_legacy
.cenae-legacy-content
p:has(> iframe[src*="youtube-nocookie.com/embed"]),

body.single-cenae_legacy
.cenae-legacy-content
div:has(> iframe[src*="youtube.com/embed"]),

body.single-cenae_legacy
.cenae-legacy-content
div:has(> iframe[src*="youtube-nocookie.com/embed"]) {

    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Mobile */
@media (max-width: 768px) {
    body.single-cenae_legacy
    .cenae-legacy-content
    iframe[src*="youtube.com/embed"],

    body.single-cenae_legacy
    .cenae-legacy-content
    iframe[src*="youtube-nocookie.com/embed"] {
        max-width: 100% !important;
        margin: 18px auto !important;
    }
}


/* ==========================================================
   CENAE LEGACY — GLOBAL EDITORIAL READING LAYER
   2026-09-11
   ========================================================== */

/*
 * El contenedor general permanece relativamente ancho porque
 * algunas páginas históricas usan composiciones multicolumna.
 */
body.single-cenae_legacy .cenae-legacy-content {
    width: 100%;
    max-width: 1180px;

    margin-left: auto;
    margin-right: auto;

    color: #202124;

    font-family: inherit;
    font-size: 17px;
    line-height: 1.65;
}


/* ----------------------------------------------------------
   TEXTO CORRIDO

   Solo los párrafos de primer nivel se convierten en columna
   editorial. Los párrafos dentro de wsite-multicol conservan
   el ancho de sus respectivas columnas.
   ---------------------------------------------------------- */

body.single-cenae_legacy
.cenae-legacy-content > .paragraph,

body.single-cenae_legacy
.cenae-legacy-content > p {

    width: 100%;
    max-width: 900px;

    margin-left: auto;
    margin-right: auto;

    box-sizing: border-box;
}


/* ----------------------------------------------------------
   TITULO PRINCIPAL LEGACY
   ---------------------------------------------------------- */

body.single-cenae_legacy
.cenae-legacy-content > h2.wsite-content-title {

    width: 100%;
    max-width: 980px;

    margin:
        14px auto
        22px;

    color: #171717;

    font-size: 34px;
    line-height: 1.16;
    font-weight: 700;

    text-align: center;
}


/* Si el título es un enlace externo, debe parecer título,
   no hipervínculo azul subrayado. */

body.single-cenae_legacy
.cenae-legacy-content > h2.wsite-content-title > a,

body.single-cenae_legacy
.cenae-legacy-content > h2.wsite-content-title strong > a {

    color: inherit !important;
    text-decoration: none !important;
}


body.single-cenae_legacy
.cenae-legacy-content > h2.wsite-content-title a:hover,

body.single-cenae_legacy
.cenae-legacy-content > h2.wsite-content-title a:focus-visible {

    color: #1769aa !important;
}


/* ----------------------------------------------------------
   IMAGENES
   ---------------------------------------------------------- */

body.single-cenae_legacy
.cenae-legacy-content img {

    height: auto !important;
}


/* Imágenes centradas de primer nivel: evitar que excedan
   innecesariamente la columna editorial. */

body.single-cenae_legacy
.cenae-legacy-content > div
.wsite-image {

    max-width: 900px;

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


/* ----------------------------------------------------------
   SEPARADORES Y SPACERS WEEBLY
   ---------------------------------------------------------- */

body.single-cenae_legacy
.cenae-legacy-content .styled-hr {

    height: 1px !important;

    margin-top: 28px !important;
    margin-bottom: 28px !important;

    border: 0 !important;

    background: #e5e7e9 !important;
}


body.single-cenae_legacy
.cenae-legacy-content .wsite-spacer {

    max-height: 24px !important;
}


/* ----------------------------------------------------------
   LINKS

   URLs gigantes de fuentes/redes no deben romper el viewport.
   ---------------------------------------------------------- */

body.single-cenae_legacy
.cenae-legacy-content a {

    overflow-wrap: anywhere;
}


/* ----------------------------------------------------------
   WEEBLY BUTTONS / ENLACES DESTACADOS
   ---------------------------------------------------------- */

body.single-cenae_legacy
.cenae-legacy-content .wsite-button {

    display: inline-block;

    max-width: 100%;

    color: #1769aa;

    text-decoration: none !important;

    line-height: 1.4;
}


body.single-cenae_legacy
.cenae-legacy-content .wsite-button:hover,

body.single-cenae_legacy
.cenae-legacy-content .wsite-button:focus-visible {

    color: #111;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 768px) {

    body.single-cenae_legacy .cenae-legacy-content {

        font-size: 17px !important;
        line-height: 1.62 !important;
    }


    body.single-cenae_legacy
    .cenae-legacy-content > h2.wsite-content-title {

        max-width: 100%;

        margin-top: 10px;
        margin-bottom: 20px;

        font-size: 28px !important;
        line-height: 1.14 !important;
    }


    body.single-cenae_legacy
    .cenae-legacy-content > .paragraph,

    body.single-cenae_legacy
    .cenae-legacy-content > p {

        max-width: 100%;
    }


    /*
     * Nunca justificar texto en pantallas pequeñas.
     * Evita los espacios enormes que vimos en el artículo
     * de China.
     */

    body.single-cenae_legacy
    .cenae-legacy-content
    .paragraph[style*="text-align:justify"],

    body.single-cenae_legacy
    .cenae-legacy-content
    .paragraph[style*="text-align: justify"] {

        text-align: left !important;
    }


    /*
     * Subtítulos que Weebly guardó con <font size="5">.
     */

    body.single-cenae_legacy
    .cenae-legacy-content font[size="5"] {

        font-size: 21px !important;
        line-height: 1.25 !important;
    }


    body.single-cenae_legacy
    .cenae-legacy-content .styled-hr {

        margin-top: 22px !important;
        margin-bottom: 22px !important;
    }


    body.single-cenae_legacy
    .cenae-legacy-content .wsite-spacer {

        max-height: 16px !important;
    }

}


/* ==========================================================
   CENAE — POST 1092 IMAGE ALIGNMENT
   ========================================================== */

body.postid-1092
.cenae-legacy-content .wsite-image {
    width: 100%;
    max-width: 760px;

    margin: 24px auto !important;

    text-align: center !important;
    box-sizing: border-box;
}

body.postid-1092
.cenae-legacy-content .wsite-image img {
    display: block;

    width: 100% !important;
    max-width: 760px !important;
    height: auto !important;

    margin: 0 auto !important;

    object-fit: contain;
}

@media (max-width: 768px) {

    body.postid-1092
    .cenae-legacy-content .wsite-image,

    body.postid-1092
    .cenae-legacy-content .wsite-image img {
        max-width: 100% !important;
    }
}


/* ==========================================================
   CENAE LEGACY — SINGLE COLUMN ARTICLE IMAGES
   2026-09-11

   Aplica el encuadre editorial a artículos legacy que
   NO contienen layouts multicolumna de Weebly.
   ========================================================== */

body.single-cenae_legacy
.cenae-legacy-content:not(:has(.wsite-multicol))
.wsite-image {

    width: 100%;
    max-width: 760px;

    margin: 24px auto !important;

    text-align: center !important;
    box-sizing: border-box;
}

body.single-cenae_legacy
.cenae-legacy-content:not(:has(.wsite-multicol))
.wsite-image img {

    display: block;

    width: 100% !important;
    max-width: 760px !important;
    height: auto !important;

    margin: 0 auto !important;

    object-fit: contain;
}

@media (max-width: 768px) {

    body.single-cenae_legacy
    .cenae-legacy-content:not(:has(.wsite-multicol))
    .wsite-image,

    body.single-cenae_legacy
    .cenae-legacy-content:not(:has(.wsite-multicol))
    .wsite-image img {

        max-width: 100% !important;
    }
}


/* ==========================================================
   CENAE — ARCHIVO DE NOTAS / POST 23
   ========================================================== */

body.postid-23 .cenae-legacy-content {
    max-width: 1050px;
}

body.postid-23 .cenae-archive-page {
    width: 100%;
    margin: 0 auto 52px;
}


/* HEADER */

body.postid-23 .cenae-archive-header {
    max-width: 760px;
    margin: 10px auto 44px;
    text-align: center;
}

body.postid-23 .cenae-archive-header h1 {
    margin: 0 0 8px;
    font-size: 40px;
    line-height: 1.1;
    font-weight: 750;
}

body.postid-23 .cenae-archive-org {
    margin: 0;
    font-size: 19px;
    line-height: 1.35;
    font-weight: 600;
}

body.postid-23 .cenae-archive-intro {
    margin: 12px auto 0;
    color: #687078;
    font-size: 15px;
    line-height: 1.5;
}


/* SECTION TITLES */

body.postid-23 .cenae-archive-page h2 {
    margin: 0 0 20px;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
}


/* YEARS */

body.postid-23 .cenae-archive-years {
    margin-bottom: 52px;
}

body.postid-23 .cenae-year-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

body.postid-23 .cenae-year-card {
    display: flex;
    min-height: 76px;

    align-items: center;
    justify-content: center;

    border: 1px solid #e1e5e8;
    border-radius: 9px;

    background: #fff;

    color: #171717;
    text-decoration: none !important;

    font-size: 20px;
    line-height: 1;
    font-weight: 700;

    box-shadow: 0 2px 7px rgba(0,0,0,.035);

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

body.postid-23 .cenae-year-card:hover,
body.postid-23 .cenae-year-card:focus-visible {
    transform: translateY(-2px);

    border-color: #aebbc5;
    box-shadow: 0 8px 19px rgba(0,0,0,.08);

    color: #1769aa;
}


/* FEATURED ARCHIVE */

body.postid-23 .cenae-archive-featured {
    margin-bottom: 52px;
}

body.postid-23 .cenae-archive-feature-card {
    display: flex;
    flex-direction: column;

    padding: 25px 28px;

    border-radius: 11px;

    background: #17191b;
    color: #fff;

    text-decoration: none !important;

    box-shadow: 0 8px 24px rgba(0,0,0,.11);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

body.postid-23 .cenae-archive-feature-card:hover,
body.postid-23 .cenae-archive-feature-card:focus-visible {
    transform: translateY(-3px);

    color: #fff;

    box-shadow: 0 13px 31px rgba(0,0,0,.16);
}

body.postid-23 .cenae-archive-feature-kicker {
    margin-bottom: 8px;

    color: #a9d7f3;

    font-size: 13px;
    line-height: 1;
    font-weight: 650;

    text-transform: uppercase;
    letter-spacing: .05em;
}

body.postid-23 .cenae-archive-feature-title {
    font-size: 25px;
    line-height: 1.25;
    font-weight: 750;
}

body.postid-23 .cenae-archive-feature-description {
    margin-top: 8px;

    color: #d2d5d7;

    font-size: 15px;
    line-height: 1.45;
}

body.postid-23 .cenae-archive-feature-action {
    margin-top: 20px;

    font-size: 14px;
    font-weight: 650;
}


/* RELATED */

body.postid-23 .cenae-archive-related-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 20px;
}

body.postid-23 .cenae-archive-related-card {
    display: flex;
    flex-direction: column;

    overflow: hidden;

    border: 1px solid #e1e5e8;
    border-radius: 10px;

    background: #fff;

    color: #171717;
    text-decoration: none !important;

    box-shadow: 0 2px 8px rgba(0,0,0,.04);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

body.postid-23 .cenae-archive-related-card:hover,
body.postid-23 .cenae-archive-related-card:focus-visible {
    transform: translateY(-3px);

    color: #171717;

    box-shadow: 0 10px 24px rgba(0,0,0,.10);
}

body.postid-23 .cenae-archive-related-media {
    display: flex;

    height: 230px;

    align-items: center;
    justify-content: center;

    overflow: hidden;

    background: #f2f4f5;
}

body.postid-23 .cenae-archive-related-media img {
    display: block;

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

    padding: 10px;

    box-sizing: border-box;

    object-fit: contain;
}

body.postid-23 .cenae-archive-related-title {
    padding: 16px 18px 2px;

    font-size: 19px;
    line-height: 1.3;
    font-weight: 700;
}

body.postid-23 .cenae-archive-related-meta {
    padding: 0 18px 17px;

    color: #6d7479;

    font-size: 13px;
}


/* TABLET */

@media (max-width: 900px) and (min-width: 769px) {

    body.postid-23 .cenae-year-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


/* MOBILE */

@media (max-width: 768px) {

    body.postid-23 .cenae-archive-page {
        margin-bottom: 34px;
    }

    body.postid-23 .cenae-archive-header {
        margin-top: 4px;
        margin-bottom: 34px;
    }

    body.postid-23 .cenae-archive-header h1 {
        font-size: 31px;
    }

    body.postid-23 .cenae-archive-org {
        font-size: 17px;
    }

    body.postid-23 .cenae-archive-page h2 {
        font-size: 22px;
    }

    body.postid-23 .cenae-year-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    body.postid-23 .cenae-year-card {
        min-height: 64px;

        font-size: 18px;
    }

    body.postid-23 .cenae-archive-years,
    body.postid-23 .cenae-archive-featured {
        margin-bottom: 40px;
    }

    body.postid-23 .cenae-archive-feature-card {
        padding: 21px 20px;
    }

    body.postid-23 .cenae-archive-feature-title {
        font-size: 21px;
    }

    body.postid-23 .cenae-archive-related-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    body.postid-23 .cenae-archive-related-media {
        height: 200px;
    }
}

@media (prefers-reduced-motion: reduce) {

    body.postid-23 .cenae-year-card,
    body.postid-23 .cenae-archive-feature-card,
    body.postid-23 .cenae-archive-related-card {
        transition: none;
    }
}


/* ==========================================================
   CENAE ARCHIVE — YEAR GRID WPAUTOP FIX
   Los <br> insertados por WordPress no deben ocupar celdas.
   ========================================================== */

body.postid-23 .cenae-year-grid > br {
    display: none !important;
}