:root{
    --lea-navy:#0D3F6A;
    --lea-green:#00A752;
    --lea-yellow:#FFE42C;
    --lea-sky:#01A8E6;
    --lea-paper:#F4EEDC;
    --lea-paper-light:#FBF7EA;
    --lea-paper-deep:#EDE3C7;
    --lea-ink:#2B2925;
    --lea-muted:#6A655C;
    --lea-line:#D8D0BF;
}

/* =========================================================
   PERIÓDICO COMPLETO: PAPEL SUAVE
========================================================= */

body.page-periodico,
body.page-periodico #page,
body.page-periodico .site,
body.page-periodico .site-content,
body.page-periodico .ast-container,
body.page-periodico #primary,
body.page-periodico .site-main,
body.page-periodico .entry-content{
    background:var(--lea-paper) !important;
}

body.page-periodico .ast-container,
body.page-periodico .site-content > .ast-container{
    width:100% !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

body.page-periodico #primary{
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
    margin:0 !important;
}

body.page-periodico .entry-content{
    margin:0 !important;
    padding:0 !important;
}

.lea-wrap{
    width:100%;
    max-width:none;
    margin:0;
    background:
        linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)),
        var(--lea-paper);
    color:var(--lea-ink);
    font-family:Georgia, "Times New Roman", serif;
}

/* =========================================================
   CABECERA
========================================================= */

.lea-head{
    text-align:center;
    border-top:5px solid var(--lea-navy);
    border-bottom:1px solid #C9BFA8;
    padding:24px 16px 15px;
    background:var(--lea-paper-light);
}

.lea-brand{
    font-family:Impact, Haettenschweiler, "Arial Black", "Arial Narrow Bold", sans-serif;
    font-size:18px;
    font-weight:900;
    letter-spacing:3px;
    color:var(--lea-navy);
    text-transform:uppercase;
    line-height:1;
    margin-bottom:8px;
}

.lea-name{
    font-size:74px;
    line-height:.95;
    color:var(--lea-navy);
    font-weight:700;
    text-transform:uppercase !important;
}

.lea-sub{
    font:700 14px Arial, Helvetica, sans-serif;
    letter-spacing:6px;
    color:var(--lea-ink);
    text-transform:uppercase;
}

.lea-main{
    max-width:1380px;
    margin:0 auto;
    padding:24px;
}

.lea-top{
    display:grid;
    grid-template-columns:2fr .9fr;
    gap:24px;
}

.lea-hero{
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:20px;
    border-bottom:1px solid var(--lea-line);
    padding-bottom:20px;
}

.lea-tag{
    display:inline-block;
    color:var(--lea-navy) !important;
    background:var(--lea-yellow);
    padding:5px 8px 4px;
    font:900 11px Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    letter-spacing:1px;
    line-height:1.1;
}

.lea-hero h1,
.lea-card h3,
.lea-side h3{
    color:var(--lea-navy);
    text-transform:none !important;
}

.lea-hero h1{
    font-size:52px;
    line-height:.96;
    margin:12px 0 8px;
}

.lea-hero h1 a,
.lea-card h3 a,
.lea-side-item a{
    color:inherit;
    text-decoration:none;
}

.lea-hero h1 a:hover,
.lea-card h3 a:hover,
.lea-side-item a:hover{
    color:var(--lea-sky);
}

.lea-subtitle{
    font-size:21px;
    color:#4B4944;
}

.lea-meta{
    font:12px Arial, Helvetica, sans-serif;
    color:var(--lea-muted);
    margin:12px 0;
}

.lea-img,
.lea-ph{
    min-height:360px;
}

.lea-img > a{display:block;height:100%;}

.lea-img img{
    width:100%;
    height:100%;
    min-height:360px;
    object-fit:cover;
    display:block;
}

.lea-ph{
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#F4EEDC,#E8DFC8);
    color:#766F63;
    font-family:Arial,sans-serif;
    border:1px solid #E3DAC5;
}

.lea-btn{
    display:inline-block;
    background:var(--lea-green);
    color:#fff!important;
    text-decoration:none;
    padding:11px 17px;
    font:800 13px Arial, Helvetica, sans-serif;
    border:2px solid var(--lea-green);
}

.lea-btn:hover{
    background:var(--lea-navy);
    border-color:var(--lea-navy);
    color:#fff!important;
}

.lea-side{
    border-left:1px solid var(--lea-line);
    padding-left:18px;
}

.lea-side-item{
    padding:12px 0;
    border-bottom:1px solid var(--lea-line);
}

.lea-side-item .lea-tag{
    background:transparent;
    color:var(--lea-green)!important;
    padding-left:0;
    padding-right:0;
}

.lea-side-item a{
    color:var(--lea-navy);
    font-weight:700;
    text-transform:none!important;
}

.lea-section{
    margin:38px 0 16px;
    color:var(--lea-navy);
    font-size:32px;
    border-bottom:3px solid var(--lea-green);
    padding-bottom:6px;
    text-transform:none!important;
}

.lea-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.lea-card{
    border-bottom:1px solid var(--lea-line);
    padding-bottom:18px;
}

.lea-card-media{
    height:210px;
    overflow:hidden;
    background:#eee;
    margin-bottom:12px;
}

.lea-card-media > a{display:block;height:100%;}

.lea-card-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.lea-card-media .lea-ph{
    min-height:210px;
    height:210px;
}

.lea-card h3{
    font-size:26px;
    line-height:1.05;
    margin:8px 0;
}

.lea-card p{
    line-height:1.5;
    color:#45423D;
}

.lea-primary{
    margin-top:40px;
    background:rgba(255,255,255,.22);
    border-top:5px solid var(--lea-sky);
    padding:24px;
}

.lea-primary .lea-grid{
    grid-template-columns:repeat(2,1fr);
}

/* =========================================================
   MODAL
========================================================= */

.lea-modal{
    position:fixed;
    inset:0;
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:28px;
    background:rgba(13,63,106,.72);
    backdrop-filter:blur(2px);
}

.lea-modal.is-open{display:flex;}

.lea-modal-panel{
    position:relative;
    width:min(1100px,96vw);
    max-height:92vh;
    overflow:auto;
    background:var(--lea-paper)!important;
    color:var(--lea-ink)!important;
    box-shadow:0 20px 70px rgba(0,0,0,.34);
    border-radius:3px;
    border-top:6px solid var(--lea-navy);
}

.lea-modal-panel,
.lea-modal-panel p,
.lea-modal-panel li,
.lea-modal-panel blockquote,
.lea-modal-panel strong,
.lea-modal-panel em,
.lea-modal-panel span:not(.lea-tag),
.lea-modal-panel div{
    color:var(--lea-ink);
}

/* Cierre discreto y editorial */
.lea-modal-close{
    position:sticky;
    top:14px;
    float:right;
    z-index:20;
    margin:14px 16px 0 0;
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:1px solid rgba(13,63,106,.28)!important;
    border-radius:3px;
    background:rgba(251,247,234,.96)!important;
    color:var(--lea-navy)!important;
    font-family:Arial, Helvetica, sans-serif;
    font-size:26px;
    font-weight:400;
    line-height:1;
    cursor:pointer;
    box-shadow:0 2px 8px rgba(0,0,0,.06);
}

.lea-modal-close:hover{
    background:var(--lea-navy)!important;
    color:#fff!important;
    border-color:var(--lea-navy)!important;
}

.lea-modal-content{
    padding:45px 60px 60px;
    clear:both;
    background:var(--lea-paper);
    color:var(--lea-ink);
}

.lea-modal-loading{
    padding:90px 30px;
    text-align:center;
    font-family:Arial,sans-serif;
    color:var(--lea-ink)!important;
}

.lea-modal-article h1{
    color:var(--lea-navy)!important;
    font-size:56px;
    line-height:1;
    margin:12px 0;
    text-transform:none!important;
}

.lea-modal-article .lea-subtitle{
    color:#514D45!important;
}

.lea-modal-article .lea-meta,
.lea-modal-article .lea-meta *{
    color:#625D54!important;
}

.lea-modal-featured{
    margin:26px 0 30px;
}

.lea-modal-featured img{
    display:block;
    width:100%;
    max-height:620px;
    object-fit:cover;
    border:6px solid var(--lea-paper-light);
    box-shadow:0 3px 14px rgba(0,0,0,.08);
}

.lea-modal-body{
    color:var(--lea-ink)!important;
    font-size:19px;
    line-height:1.75;
}

.lea-modal-body p,
.lea-modal-body li{
    color:var(--lea-ink)!important;
}

.lea-modal-body h2,
.lea-modal-body h3,
.lea-modal-section-title{
    color:var(--lea-navy)!important;
    margin-top:34px;
    text-transform:none!important;
}

.lea-modal-body h2,
.lea-modal-section-title{
    font-size:31px;
    border-bottom:2px solid var(--lea-sky);
    padding-bottom:5px;
}

/* =========================================================
   FORMATO 1: ACADÉMICO / CIENTÍFICO
========================================================= */

.lea-tipo-academico .lea-modal-body > p:first-of-type{
    font-size:22px;
    line-height:1.62;
    font-weight:600;
    color:#3C3934!important;
    margin-bottom:28px;
}

.lea-tipo-academico .lea-modal-body > p:first-of-type::first-letter{
    float:left;
    font-family:Georgia,serif;
    font-size:74px;
    line-height:.72;
    padding:10px 10px 0 0;
    color:var(--lea-navy);
    font-weight:700;
}

@media(min-width:901px){
    .lea-tipo-academico .lea-modal-body{
        column-count:2;
        column-gap:46px;
        column-rule:1px solid rgba(13,63,106,.15);
    }

    .lea-tipo-academico .lea-modal-body h2,
    .lea-tipo-academico .lea-modal-body h3,
    .lea-tipo-academico .lea-modal-body blockquote{
        break-inside:avoid;
        break-after:avoid;
    }

    .lea-tipo-academico .lea-modal-body p{
        break-inside:avoid;
    }
}

/* =========================================================
   FORMATO 2: CRÓNICA / VIDA ESCOLAR
========================================================= */

.lea-tipo-cronica .lea-modal-body{
    max-width:860px;
    margin:0 auto;
}

.lea-tipo-cronica .lea-modal-body > p:first-of-type{
    font-size:23px;
    line-height:1.6;
    color:#3F3B34!important;
    border-left:5px solid var(--lea-green);
    padding-left:22px;
}

.lea-tipo-cronica .lea-gallery{
    grid-template-columns:repeat(3,1fr);
}

/* =========================================================
   FORMATO 3: REFLEXIÓN / OPINIÓN
========================================================= */

.lea-tipo-reflexion .lea-modal-body{
    max-width:780px;
    margin:0 auto;
    font-size:20px;
}

.lea-tipo-reflexion .lea-modal-body > p:first-of-type{
    font-size:24px;
    line-height:1.65;
    font-style:italic;
    color:#3F3A32!important;
    border-top:3px solid var(--lea-yellow);
    border-bottom:1px solid var(--lea-line);
    padding:22px 0;
}

.lea-tipo-reflexion .lea-modal-body h2:last-of-type{
    background:var(--lea-paper-deep);
    border-left:5px solid var(--lea-green);
    border-bottom:0;
    padding:14px 18px;
}

/* =========================================================
   FORMATO 4: VOCES CORTAS DE PRIMARIA
   JS agrupa cada nombre + respuesta en tarjetas
========================================================= */

.lea-tipo-voces .lea-modal-body{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin-top:28px;
}

.lea-voice-card{
    position:relative;
    background:var(--lea-paper-light);
    border:1px solid #DED4BD;
    border-top:5px solid var(--lea-sky);
    padding:22px 22px 20px;
    min-height:150px;
    box-shadow:0 4px 14px rgba(50,40,20,.05);
}

.lea-voice-card:nth-child(2n){
    border-top-color:var(--lea-green);
}

.lea-voice-card:nth-child(3n){
    border-top-color:var(--lea-yellow);
}

.lea-voice-card h2{
    margin:0 0 16px!important;
    padding:0 0 10px!important;
    border-bottom:1px solid var(--lea-line)!important;
    font-size:24px!important;
}

.lea-voice-card p{
    margin:0!important;
    font-size:21px;
    line-height:1.55;
}

.lea-voice-card::before{
    content:"“";
    position:absolute;
    right:14px;
    top:2px;
    color:rgba(13,63,106,.10);
    font:700 72px Georgia,serif;
    line-height:1;
}

/* =========================================================
   GALERÍA Y VIDEO
========================================================= */

.lea-gallery{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    margin-top:18px;
}

.lea-gallery img{
    width:100%;
    height:330px;
    object-fit:cover;
    display:block;
    background:#fff;
    border:5px solid var(--lea-paper-light);
    box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.lea-modal-video{
    margin-top:34px;
}

.lea-modal-video iframe,
.lea-modal-video video{
    width:100%;
    max-width:100%;
    min-height:500px;
}

body.lea-modal-open{overflow:hidden;}

/* URL individual, respaldo */
.lea-single{
    max-width:900px;
    margin:35px auto;
    padding:0 18px;
    color:var(--lea-ink);
}

.lea-single h1{
    font-size:54px;
    line-height:1;
    color:var(--lea-navy);
    text-transform:none!important;
}

.lea-single .entry-content{
    font-size:19px;
    line-height:1.75;
    color:var(--lea-ink);
}

.lea-single .entry-content h2{
    color:var(--lea-navy);
    margin-top:30px;
}

@media(max-width:900px){
    .lea-top,
    .lea-hero{
        grid-template-columns:1fr;
    }

    .lea-grid{
        grid-template-columns:1fr 1fr;
    }

    .lea-side{
        border-left:0;
        padding-left:0;
    }

    .lea-name{font-size:48px;}

    .lea-modal-content{
        padding:35px 35px 45px;
    }

    .lea-modal-article h1{
        font-size:44px;
    }

    .lea-tipo-voces .lea-modal-body{
        grid-template-columns:1fr;
    }

    .lea-tipo-cronica .lea-gallery{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .lea-grid,
    .lea-primary .lea-grid,
    .lea-gallery,
    .lea-tipo-cronica .lea-gallery{
        grid-template-columns:1fr;
    }

    .lea-main{padding:16px;}

    .lea-brand{
        font-size:14px;
        letter-spacing:2px;
    }

    .lea-name{font-size:38px;}

    .lea-hero h1,
    .lea-single h1{
        font-size:40px;
    }

    .lea-modal{
        padding:0;
        align-items:stretch;
    }

    .lea-modal-panel{
        width:100%;
        max-height:100vh;
        border-radius:0;
    }

    .lea-modal-content{
        padding:28px 20px 40px;
    }

    .lea-modal-article h1{
        font-size:38px;
    }

    .lea-modal-close{
        width:36px;
        height:36px;
        margin-right:10px;
    }

    .lea-gallery img{
        height:auto;
    }

    .lea-modal-video iframe,
    .lea-modal-video video{
        min-height:240px;
    }
}


/* =========================================================
   v1.6 — IMÁGENES INTEGRADAS Y TEXTO EDITORIAL
========================================================= */

.lea-modal-body{
    text-align:justify;
    text-justify:inter-word;
    hyphens:auto;
}

.lea-modal-article h1{
    font-size:48px !important;
    line-height:.98 !important;
    margin-bottom:8px !important;
}

.lea-modal-article .lea-subtitle{
    font-size:20px !important;
    margin-bottom:6px;
}

/* Imagen destacada integrada */
.lea-modal-featured{
    float:left;
    width:44%;
    max-width:500px;
    margin:10px 28px 18px 0 !important;
    break-inside:avoid;
}

.lea-modal-featured img{
    width:100% !important;
    max-height:360px !important;
    object-fit:cover !important;
    border:4px solid var(--lea-paper-light) !important;
}

.lea-modal-featured::after{
    content:"Imagen principal";
    display:block;
    margin-top:5px;
    color:var(--lea-muted);
    font:italic 11px Georgia,serif;
    text-align:left;
}

.lea-modal-body::after{
    content:"";
    display:block;
    clear:both;
}

/* Imágenes extra intercaladas */
.lea-inline-photo{
    width:43%;
    margin:10px 0 16px 24px;
    float:right;
    break-inside:avoid;
}

.lea-inline-photo.is-left{
    float:left;
    margin:10px 24px 16px 0;
}

.lea-inline-photo img{
    width:100%;
    height:auto;
    max-height:300px;
    object-fit:cover;
    display:block;
    border:4px solid var(--lea-paper-light);
    box-shadow:0 2px 10px rgba(0,0,0,.06);
}

.lea-inline-photo figcaption{
    margin-top:5px;
    color:var(--lea-muted);
    font:italic 11px Georgia,serif;
    text-align:left;
}

.lea-gallery.lea-gallery-distributed{
    display:none !important;
}

/* Referencias */
.lea-references{
    clear:both;
    column-span:all;
    border-top:1px solid var(--lea-line);
    margin-top:22px;
    padding-top:10px;
    font-size:13px !important;
    line-height:1.45 !important;
    color:#5E584E !important;
}

.lea-references,
.lea-references p,
.lea-references li,
.lea-references em,
.lea-references strong{
    font-size:13px !important;
    line-height:1.45 !important;
    color:#5E584E !important;
}

.lea-references h2,
.lea-references h3{
    font-size:18px !important;
    margin:0 0 8px !important;
    padding:0 !important;
    border:0 !important;
    color:var(--lea-navy) !important;
}

@media(min-width:901px){
    .lea-tipo-academico .lea-modal-body{
        column-count:2;
        column-gap:34px;
        column-rule:1px solid rgba(13,63,106,.13);
        font-size:17px !important;
        line-height:1.58 !important;
    }

    .lea-tipo-academico .lea-modal-body > p:first-of-type{
        font-size:19px !important;
        line-height:1.5 !important;
        margin-bottom:18px !important;
    }

    .lea-tipo-academico .lea-modal-body > p:first-of-type::first-letter{
        font-size:62px !important;
    }

    .lea-tipo-academico .lea-modal-body h2{
        font-size:24px !important;
        margin-top:20px !important;
        padding-bottom:4px !important;
    }
}

.lea-tipo-cronica .lea-modal-body,
.lea-tipo-reflexion .lea-modal-body{
    text-align:justify;
}

.lea-tipo-voces .lea-modal-body,
.lea-tipo-voces .lea-voice-card{
    text-align:left;
}

@media(max-width:900px){
    .lea-modal-featured,
    .lea-inline-photo,
    .lea-inline-photo.is-left{
        float:none;
        width:100%;
        max-width:none;
        margin:16px 0 !important;
    }

    .lea-modal-featured img,
    .lea-inline-photo img{
        max-height:none !important;
    }

    .lea-modal-article h1{
        font-size:40px !important;
    }
}


/* =========================================================
   v1.7 — RETÍCULA EDITORIAL REAL Y MODAL MÁS LIMPIO
========================================================= */

/* Anula columnas automáticas que provocaban texto angosto */
@media(min-width:901px){
    .lea-tipo-academico .lea-modal-body{
        column-count:1 !important;
        column-gap:0 !important;
        column-rule:0 !important;
        font-size:17px !important;
        line-height:1.58 !important;
    }
}

/* El bloque superior usa una retícula real */
.lea-tipo-academico .lea-modal-featured{
    float:none !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
}

.lea-tipo-academico .lea-modal-featured img{
    max-height:330px !important;
}

/* Contenedor editorial creado por JS */
.lea-editorial-lead{
    display:grid;
    grid-template-columns:minmax(320px, 44%) minmax(0, 1fr);
    gap:30px;
    align-items:start;
    margin:22px 0 26px;
}

.lea-editorial-lead .lea-modal-featured{
    grid-column:1;
    grid-row:1;
}

.lea-editorial-lead .lea-lead-text{
    grid-column:2;
    grid-row:1;
    min-width:0;
}

.lea-lead-text p{
    margin-top:0;
    margin-bottom:16px;
    text-align:justify;
    hyphens:none !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

.lea-lead-text p:first-child{
    font-size:20px !important;
    line-height:1.48 !important;
    font-weight:600;
}

.lea-lead-text p:first-child::first-letter{
    float:left;
    font-family:Georgia,serif;
    font-size:58px !important;
    line-height:.78;
    padding:8px 8px 0 0;
    color:var(--lea-navy);
    font-weight:700;
}

/* Cuerpo debajo de la entradilla */
.lea-editorial-body{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 34px;
    align-items:start;
}

.lea-editorial-section{
    min-width:0;
    break-inside:avoid;
}

.lea-editorial-section h2,
.lea-editorial-section h3{
    margin-top:0 !important;
}

.lea-editorial-section p{
    text-align:justify;
    hyphens:none !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

/* Imágenes extra más grandes y realmente integradas */
.lea-inline-photo,
.lea-inline-photo.is-left{
    float:none !important;
    width:100% !important;
    margin:0 !important;
}

.lea-inline-photo img{
    max-height:320px !important;
}

/* Las imágenes intercaladas pueden ocupar media retícula */
.lea-editorial-photo{
    min-width:0;
    align-self:start;
}

/* Referencias a todo lo ancho */
.lea-references{
    grid-column:1 / -1;
    width:100%;
}

/* Ocultar galería por completo si las fotos ya se repartieron */
.lea-gallery.lea-gallery-distributed,
.lea-modal-section-title.lea-gallery-title-hidden{
    display:none !important;
}

/* X fija respecto al panel, no pegajosa al scroll */
.lea-modal-close{
    position:absolute !important;
    top:16px !important;
    right:16px !important;
    margin:0 !important;
    float:none !important;
}

/* Dejar espacio para la X */
.lea-modal-content{
    padding-top:52px !important;
}

/* Evitar guiones automáticos feos */
.lea-modal-body,
.lea-modal-body p,
.lea-modal-body li{
    hyphens:none !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

/* Más compacto */
.lea-modal-article h1{
    font-size:46px !important;
}

.lea-modal-article .lea-subtitle{
    font-size:19px !important;
}

/* Responsive */
@media(max-width:900px){
    .lea-editorial-lead{
        grid-template-columns:1fr;
    }

    .lea-editorial-lead .lea-modal-featured,
    .lea-editorial-lead .lea-lead-text{
        grid-column:1;
        grid-row:auto;
    }

    .lea-editorial-body{
        grid-template-columns:1fr;
    }

    .lea-modal-content{
        padding-top:50px !important;
    }
}


/* =========================================================
   v1.8 — ESTILO DE PORTADA DE PERIÓDICO PARA NOTAS ACADÉMICAS
========================================================= */

/* Encabezado superior: materia — línea — autor */
.lea-editorial-kicker{
    display:grid;
    grid-template-columns:auto minmax(40px,1fr) auto;
    gap:14px;
    align-items:center;
    margin:0 48px 13px 0;
    color:var(--lea-navy);
    font-family:Georgia, "Times New Roman", serif;
}

.lea-editorial-topic{
    font-size:12px;
    font-weight:700;
    letter-spacing:.7px;
    text-transform:uppercase;
    color:var(--lea-navy) !important;
}

.lea-editorial-rule{
    height:1px;
    background:var(--lea-navy);
    opacity:.78;
}

.lea-editorial-byline{
    font-size:12px;
    line-height:1.3;
    color:#4F493F !important;
    white-space:nowrap;
}

/* En notas académicas usamos este encabezado y ocultamos el meta repetido */
.lea-tipo-academico .lea-modal-meta-legacy{
    display:none;
}

/* Título como el boceto: serif, pesado, azul */
.lea-tipo-academico > h1{
    font-family:Georgia, "Times New Roman", serif !important;
    font-size:54px !important;
    line-height:.96 !important;
    font-weight:800 !important;
    letter-spacing:-1.4px;
    color:var(--lea-navy) !important;
    margin:0 0 5px !important;
}

/* Subtema/subtítulo editorial en cursiva */
.lea-tipo-academico > .lea-subtitle{
    font-family:Georgia, "Times New Roman", serif !important;
    font-size:31px !important;
    line-height:1.06 !important;
    font-style:italic !important;
    font-weight:400 !important;
    color:var(--lea-navy) !important;
    margin:0 0 13px !important;
}

/* El layout viejo de v1.7 se sustituye por dos columnas editoriales claras */
.lea-tipo-academico .lea-editorial-lead{
    display:none !important;
}

.lea-tipo-academico .lea-modal-body{
    display:block !important;
    column-count:1 !important;
    text-align:left;
}

.lea-academic-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:28px;
    align-items:start;
    margin-top:12px;
}

.lea-academic-left,
.lea-academic-right{
    min-width:0;
}

/* Imagen mediana: media página, no gigante */
.lea-academic-left .lea-modal-featured{
    float:none !important;
    width:100% !important;
    max-width:none !important;
    margin:0 0 10px !important;
}

.lea-academic-left .lea-modal-featured img{
    width:100% !important;
    height:270px !important;
    max-height:270px !important;
    object-fit:cover !important;
    border:4px solid var(--lea-paper-light) !important;
    box-shadow:0 2px 10px rgba(0,0,0,.07);
}

.lea-academic-left .lea-modal-featured::after{
    content:"Imagen principal";
    display:block;
    font:italic 11px Georgia, serif;
    color:#70695E;
    margin-top:5px;
}

/* Debajo de la imagen comienza el texto */
.lea-academic-left .lea-left-text{
    border-top:2px solid var(--lea-navy);
    padding-top:10px;
}

.lea-academic-left .lea-left-text p,
.lea-academic-right p{
    font-family:Georgia, "Times New Roman", serif;
    font-size:16px !important;
    line-height:1.34 !important;
    text-align:justify !important;
    color:#39352F !important;
    margin:0 0 12px;
}

/* Capitular más sobria */
.lea-academic-left .lea-left-text p:first-child::first-letter{
    float:left;
    font-family:Georgia, serif;
    font-size:52px;
    line-height:.78;
    padding:8px 8px 0 0;
    color:var(--lea-navy);
    font-weight:700;
}

/* Columna derecha: subtítulos más de periódico */
.lea-academic-right h2,
.lea-academic-right h3{
    font-family:Georgia, "Times New Roman", serif !important;
    color:var(--lea-navy) !important;
    font-size:20px !important;
    line-height:1.05 !important;
    font-weight:800 !important;
    border:0 !important;
    margin:0 0 4px !important;
    padding:0 !important;
}

.lea-academic-section{
    margin-bottom:13px;
    break-inside:avoid;
}

/* Imágenes secundarias dentro de la columna derecha */
.lea-academic-photo{
    margin:10px 0 14px;
}

.lea-academic-photo img{
    width:100%;
    height:190px;
    object-fit:cover;
    display:block;
    border:3px solid var(--lea-paper-light);
    box-shadow:0 2px 8px rgba(0,0,0,.06);
}

.lea-academic-photo figcaption{
    font:italic 10px Georgia,serif;
    color:#70695E;
    margin-top:4px;
}

/* Referencias, pequeñas y a todo lo ancho */
.lea-tipo-academico .lea-references{
    margin-top:14px;
    padding-top:8px;
    border-top:1px solid var(--lea-navy);
    font-size:10px !important;
    line-height:1.25 !important;
    column-count:2;
    column-gap:24px;
}

.lea-tipo-academico .lea-references h2,
.lea-tipo-academico .lea-references h3{
    column-span:all;
    font-family:Georgia, "Times New Roman", serif !important;
    font-size:15px !important;
    color:var(--lea-navy) !important;
    margin:0 0 5px !important;
    padding:0 !important;
    border:0 !important;
}

.lea-tipo-academico .lea-references p,
.lea-tipo-academico .lea-references li,
.lea-tipo-academico .lea-references strong,
.lea-tipo-academico .lea-references em{
    font-size:10px !important;
    line-height:1.25 !important;
}

/* El contenido debe caber mejor en el modal */
.lea-tipo-academico{
    max-width:100%;
}

.lea-tipo-academico .lea-modal-content{
    padding-top:38px;
}

@media(max-width:900px){
    .lea-editorial-kicker{
        grid-template-columns:1fr;
        gap:4px;
        margin-right:46px;
    }

    .lea-editorial-rule{
        display:none;
    }

    .lea-editorial-byline{
        white-space:normal;
    }

    .lea-tipo-academico > h1{
        font-size:40px !important;
    }

    .lea-tipo-academico > .lea-subtitle{
        font-size:24px !important;
    }

    .lea-academic-layout{
        grid-template-columns:1fr;
    }

    .lea-academic-left .lea-modal-featured img{
        height:auto !important;
        max-height:none !important;
    }

    .lea-tipo-academico .lea-references{
        column-count:1;
    }
}


/* =========================================================
   v1.9 — IMAGEN PRINCIPAL REALMENTE INTEGRADA EN TODAS LAS NOTAS
========================================================= */

/* Layout universal para notas con imagen destacada */
.lea-universal-lead{
    display:grid;
    grid-template-columns:minmax(0,48%) minmax(0,1fr);
    gap:28px;
    align-items:start;
    margin:18px 0 24px;
}

.lea-universal-lead .lea-modal-featured{
    float:none !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
}

.lea-universal-lead .lea-modal-featured img{
    width:100% !important;
    height:275px !important;
    max-height:275px !important;
    object-fit:cover !important;
    display:block;
}

.lea-universal-lead .lea-lead-copy{
    min-width:0;
}

.lea-universal-lead .lea-lead-copy p{
    margin:0 0 14px;
    text-align:justify !important;
    line-height:1.48 !important;
    font-size:18px !important;
    hyphens:none !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

.lea-universal-lead .lea-lead-copy p:first-child::first-letter{
    float:left;
    font-family:Georgia, "Times New Roman", serif;
    font-size:54px;
    line-height:.78;
    padding:8px 8px 0 0;
    color:var(--lea-navy);
    font-weight:700;
}

/* Después del bloque imagen + arranque, el resto sigue editorialmente */
.lea-universal-rest{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 32px;
    align-items:start;
}

.lea-universal-section{
    min-width:0;
}

.lea-universal-section p,
.lea-universal-section li{
    text-align:justify !important;
    hyphens:none !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

.lea-universal-section h2,
.lea-universal-section h3{
    margin-top:0 !important;
}

/* Imágenes extra dentro de la retícula */
.lea-universal-photo{
    min-width:0;
    margin:0;
}

.lea-universal-photo img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
    border:3px solid var(--lea-paper-light);
    box-shadow:0 2px 8px rgba(0,0,0,.06);
}

.lea-universal-photo figcaption{
    margin-top:4px;
    font:italic 10px Georgia,serif;
    color:#70695E;
}

/* Las referencias ocupan todo el ancho */
.lea-universal-rest .lea-references{
    grid-column:1 / -1;
}

/* Si una nota no tiene imagen destacada, el texto ocupa todo */
.lea-universal-lead.no-featured{
    grid-template-columns:1fr;
}

/* El layout académico previo queda anulado para evitar conflicto */
.lea-tipo-academico .lea-academic-layout{
    display:none !important;
}

@media(max-width:900px){
    .lea-universal-lead{
        grid-template-columns:1fr;
    }

    .lea-universal-lead .lea-modal-featured img{
        height:auto !important;
        max-height:none !important;
    }

    .lea-universal-rest{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   v2.0 — AJUSTE DE MAQUETACIÓN FINAL
   - imágenes más centradas
   - tipografía un poco más compacta
   - mejor aprovechamiento del espacio
========================================================= */

/* Modal ligeramente más amplio para que quepa mejor */
.lea-modal-content{
    width:min(1260px, 96vw) !important;
    max-width:min(1260px, 96vw) !important;
    max-height:95vh !important;
}

/* Encabezado un poco más compacto */
.lea-tipo-academico > h1{
    font-size:46px !important;
    line-height:.98 !important;
    margin:0 0 4px !important;
}

.lea-tipo-academico > .lea-subtitle{
    font-size:25px !important;
    line-height:1.06 !important;
    margin:0 0 10px !important;
}

.lea-editorial-kicker{
    margin:0 56px 10px 0 !important;
}

/* Primer bloque: imagen izquierda + texto derecha */
.lea-universal-lead{
    grid-template-columns:minmax(0,42%) minmax(0,1fr) !important;
    gap:22px !important;
    align-items:start !important;
    margin:14px 0 18px !important;
}

/* La imagen principal queda centrada dentro de su columna */
.lea-universal-lead .lea-modal-featured{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:center !important;
    width:100% !important;
}

.lea-universal-lead .lea-modal-featured img{
    width:92% !important;
    max-width:470px !important;
    height:245px !important;
    max-height:245px !important;
    margin:0 auto !important;
    object-fit:cover !important;
    display:block !important;
    box-shadow:0 2px 10px rgba(0,0,0,.07);
}

.lea-universal-lead .lea-modal-featured figcaption,
.lea-universal-lead .lea-modal-featured .wp-caption-text{
    width:92% !important;
    margin:5px auto 0 !important;
    text-align:left !important;
    font:italic 11px Georgia, serif !important;
    color:#70695E !important;
}

/* Texto de arranque un poco más pequeño para que quepa mejor */
.lea-universal-lead .lea-lead-copy p{
    font-size:15.6px !important;
    line-height:1.44 !important;
    margin:0 0 10px !important;
    text-align:justify !important;
}

/* Cuerpo general más compacto */
.lea-universal-rest{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:18px 24px !important;
    align-items:start !important;
}

.lea-universal-section p,
.lea-universal-section li{
    font-size:14.8px !important;
    line-height:1.43 !important;
    margin:0 0 10px !important;
    text-align:justify !important;
}

.lea-universal-section h2,
.lea-universal-section h3{
    font-size:18px !important;
    line-height:1.1 !important;
    margin:0 0 5px !important;
    color:var(--lea-navy) !important;
    font-family:Georgia, "Times New Roman", serif !important;
    font-weight:700 !important;
}

/* Imágenes secundarias centradas dentro de la retícula */
.lea-universal-photo{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:center !important;
    min-width:0 !important;
    margin:0 auto !important;
}

.lea-universal-photo img{
    width:88% !important;
    max-width:320px !important;
    height:170px !important;
    object-fit:cover !important;
    display:block !important;
    margin:0 auto !important;
    border:3px solid var(--lea-paper-light) !important;
    box-shadow:0 2px 8px rgba(0,0,0,.06) !important;
}

.lea-universal-photo figcaption{
    width:88% !important;
    max-width:320px !important;
    margin:4px auto 0 !important;
    text-align:left !important;
    font:italic 10px Georgia, serif !important;
    color:#70695E !important;
}

/* Referencias compactas */
.lea-universal-rest .lea-references{
    grid-column:1 / -1 !important;
    margin-top:6px !important;
    padding-top:8px !important;
    border-top:1px solid var(--lea-navy) !important;
    font-size:9.6px !important;
    line-height:1.22 !important;
    column-count:3 !important;
    column-gap:22px !important;
}

.lea-universal-rest .lea-references h2,
.lea-universal-rest .lea-references h3{
    column-span:all !important;
    font-size:15px !important;
    margin:0 0 5px !important;
}

.lea-universal-rest .lea-references p,
.lea-universal-rest .lea-references li,
.lea-universal-rest .lea-references strong,
.lea-universal-rest .lea-references em{
    font-size:9.6px !important;
    line-height:1.22 !important;
}

/* Notas muy cortas: mejor respiro visual */
.lea-voice-card{
    padding:18px 18px 14px !important;
}

/* Responsive */
@media(max-width:1100px){
    .lea-universal-rest{
        grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    }
    .lea-universal-rest .lea-references{
        column-count:2 !important;
    }
}

@media(max-width:900px){
    .lea-modal-content{
        width:min(98vw, 98vw) !important;
        max-width:min(98vw, 98vw) !important;
    }

    .lea-tipo-academico > h1{
        font-size:36px !important;
    }

    .lea-tipo-academico > .lea-subtitle{
        font-size:21px !important;
    }

    .lea-universal-lead{
        grid-template-columns:1fr !important;
    }

    .lea-universal-lead .lea-modal-featured img{
        width:100% !important;
        max-width:none !important;
        height:auto !important;
        max-height:none !important;
    }

    .lea-universal-rest{
        grid-template-columns:1fr !important;
    }

    .lea-universal-photo img,
    .lea-universal-photo figcaption{
        width:100% !important;
        max-width:none !important;
    }

    .lea-universal-rest .lea-references{
        column-count:1 !important;
    }
}


/* =========================================================
   v2.1 — CORRECCIÓN DE ANCHO, FLUJO Y BOTÓN DE CIERRE
========================================================= */

/* Evita que el contenido se salga del modal */
.lea-modal-panel{
    width:min(1280px,96vw) !important;
    max-width:min(1280px,96vw) !important;
    box-sizing:border-box !important;
}

.lea-modal-content{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow:visible !important;
}

/* El botón de cierre acompaña el scroll del modal */
.lea-modal-close{
    position:sticky !important;
    top:12px !important;
    right:auto !important;
    margin:12px 14px 0 auto !important;
    float:none !important;
    display:flex !important;
    z-index:999 !important;
}

/* El bloque principal usa mejor el espacio */
.lea-universal-lead{
    grid-template-columns:minmax(0,44%) minmax(0,1fr) !important;
    gap:26px !important;
    align-items:start !important;
}

/* Imagen principal centrada pero sin dejar un vacío excesivo */
.lea-universal-lead .lea-modal-featured img{
    width:100% !important;
    max-width:520px !important;
    height:255px !important;
    max-height:255px !important;
}

/* Cuerpo: dos columnas reales para evitar huecos raros */
.lea-universal-rest{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:20px 30px !important;
    align-items:start !important;
}

/* Imágenes secundarias más grandes y centradas */
.lea-universal-photo{
    width:100% !important;
    max-width:none !important;
    margin:0 auto 6px !important;
}

.lea-universal-photo img{
    width:82% !important;
    max-width:440px !important;
    height:220px !important;
    margin:0 auto !important;
}

.lea-universal-photo figcaption{
    width:82% !important;
    max-width:440px !important;
    margin:4px auto 0 !important;
}

/* Las referencias siguen ocupando todo el ancho */
.lea-universal-rest .lea-references{
    grid-column:1 / -1 !important;
    column-count:2 !important;
}

/* Compactar un poco el texto sin perder legibilidad */
.lea-universal-section p,
.lea-universal-section li{
    font-size:14.4px !important;
    line-height:1.4 !important;
}

.lea-universal-lead .lea-lead-copy p{
    font-size:15px !important;
    line-height:1.42 !important;
}

/* En pantallas medianas y chicas, una sola columna */
@media(max-width:900px){
    .lea-modal-close{
        top:8px !important;
        margin:8px 10px 0 auto !important;
    }

    .lea-universal-lead,
    .lea-universal-rest{
        grid-template-columns:1fr !important;
    }

    .lea-universal-photo img,
    .lea-universal-photo figcaption{
        width:100% !important;
        max-width:none !important;
    }

    .lea-universal-rest .lea-references{
        column-count:1 !important;
    }
}


/* =========================================================
   v2.2 — PULIDO VISUAL
========================================================= */

/* Más aire general sin cambiar la estructura */
.lea-modal-content{
    padding-left:58px !important;
    padding-right:58px !important;
    padding-bottom:48px !important;
}

/* Encabezado superior más fino */
.lea-editorial-kicker{
    gap:12px !important;
    margin-bottom:12px !important;
}

.lea-editorial-rule{
    height:1px !important;
    opacity:.48 !important;
}

.lea-editorial-topic{
    font-size:11px !important;
    letter-spacing:.9px !important;
}

.lea-editorial-byline{
    font-size:11px !important;
    color:#625D54 !important;
}

/* Título y subtítulo con un poco más de respiración */
.lea-tipo-academico > h1{
    margin-bottom:7px !important;
    letter-spacing:-1.15px !important;
}

.lea-tipo-academico > .lea-subtitle{
    margin-bottom:15px !important;
}

/* Capitular más contenida */
.lea-universal-lead .lea-lead-copy p:first-child::first-letter{
    font-size:48px !important;
    line-height:.8 !important;
    padding-right:7px !important;
}

/* Justificación más natural */
.lea-universal-lead .lea-lead-copy p,
.lea-universal-section p,
.lea-universal-section li{
    text-align:justify !important;
    text-justify:inter-word !important;
    letter-spacing:.01em !important;
    word-spacing:.015em !important;
}

/* Menor contraste del cuerpo; negritas siguen marcando ritmo */
.lea-universal-lead .lea-lead-copy p,
.lea-universal-section p,
.lea-universal-section li{
    color:#403B34 !important;
    font-weight:400 !important;
}

.lea-universal-lead .lea-lead-copy strong,
.lea-universal-section strong{
    color:#2D2923 !important;
    font-weight:700 !important;
}

/* Imagen secundaria más discreta y mejor integrada */
.lea-universal-photo{
    margin-top:-2px !important;
}

.lea-universal-photo img{
    width:74% !important;
    max-width:370px !important;
    height:190px !important;
}

/* Pies de foto más sutiles */
.lea-universal-lead .lea-modal-featured::after,
.lea-universal-photo figcaption{
    font-size:9.5px !important;
    color:#81796D !important;
    opacity:.9 !important;
}

/* Referencias más compactas */
.lea-universal-rest .lea-references{
    margin-top:8px !important;
    padding-top:6px !important;
    border-top:1px solid rgba(13,63,106,.45) !important;
    column-gap:18px !important;
}

.lea-universal-rest .lea-references h2,
.lea-universal-rest .lea-references h3{
    font-size:14px !important;
    margin-bottom:4px !important;
}

.lea-universal-rest .lea-references p,
.lea-universal-rest .lea-references li,
.lea-universal-rest .lea-references strong,
.lea-universal-rest .lea-references em{
    font-size:9.2px !important;
    line-height:1.18 !important;
}

/* X más discreta */
.lea-modal-close{
    width:34px !important;
    height:34px !important;
    font-size:22px !important;
    border-color:rgba(13,63,106,.18) !important;
    box-shadow:0 1px 4px rgba(0,0,0,.05) !important;
}

/* Un poco más de espacio entre columnas del cuerpo */
.lea-universal-rest{
    gap:22px 34px !important;
}

@media(max-width:900px){
    .lea-modal-content{
        padding-left:20px !important;
        padding-right:20px !important;
    }

    .lea-universal-photo img{
        width:100% !important;
        max-width:none !important;
        height:auto !important;
    }
}


/* =========================================================
   v2.3 — MENOS ESPACIO SUPERIOR + COLUMNAS MÁS AJUSTADAS
========================================================= */

/* Reducir espacio muerto arriba del encabezado editorial */
.lea-modal-content{
    padding-top:22px !important;
}

.lea-editorial-kicker{
    margin-top:0 !important;
    margin-bottom:8px !important;
}

/* Acercar todo el encabezado a la parte superior del modal */
.lea-modal-article{
    padding-top:0 !important;
}

.lea-tipo-academico > h1{
    margin-top:0 !important;
}

/* Menos espacio entre subtítulo y cuerpo */
.lea-tipo-academico > .lea-subtitle{
    margin-bottom:10px !important;
}

/* Hacer las columnas del cuerpo un poco más estrechas para empatar mejor con imágenes */
.lea-universal-lead{
    grid-template-columns:minmax(0,43%) minmax(0,1fr) !important;
    gap:22px !important;
}

.lea-universal-rest{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px 22px !important;
}

/* Ajustar ancho visual del texto para alinearlo con las imágenes */
.lea-universal-section{
    max-width:100% !important;
}

.lea-universal-section p,
.lea-universal-section li,
.lea-universal-lead .lea-lead-copy p{
    font-size:14.2px !important;
    line-height:1.38 !important;
}

/* Imagen principal y secundaria ligeramente más contenidas y centradas */
.lea-universal-lead .lea-modal-featured img{
    width:94% !important;
    max-width:500px !important;
}

.lea-universal-photo img{
    width:76% !important;
    max-width:360px !important;
}

/* Que el texto de la columna derecha no se vea más ancho que la imagen inferior */
.lea-universal-lead .lea-lead-copy{
    max-width:100% !important;
}

/* Referencias siguen compactas */
.lea-universal-rest .lea-references{
    margin-top:4px !important;
}

/* Responsive */
@media(max-width:900px){
    .lea-modal-content{
        padding-top:14px !important;
    }

    .lea-universal-lead,
    .lea-universal-rest{
        grid-template-columns:1fr !important;
    }

    .lea-universal-lead .lea-modal-featured img,
    .lea-universal-photo img{
        width:100% !important;
        max-width:none !important;
    }
}


/* =========================================================
   v2.4 — BLOQUES DE TEXTO ALINEADOS CON SUS IMÁGENES
========================================================= */

/* Conservamos las 2 columnas, pero cada una tiene un ancho interno controlado */
.lea-universal-rest{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px 28px !important;
}

/* Cada bloque de texto se centra y comparte el ancho visual de las imágenes */
.lea-universal-section{
    width:82% !important;
    max-width:440px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Si una sección lleva una imagen cerca, ambos bloques se ven del mismo ancho */
.lea-universal-photo{
    width:82% !important;
    max-width:440px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Imagen secundaria ocupa exactamente el ancho del bloque */
.lea-universal-photo img{
    width:100% !important;
    max-width:440px !important;
    height:220px !important;
    margin:0 auto !important;
}

/* Pie de foto alineado con la imagen */
.lea-universal-photo figcaption{
    width:100% !important;
    max-width:440px !important;
    margin:4px auto 0 !important;
}

/* Primer bloque: misma lógica entre imagen y texto */
.lea-universal-lead{
    grid-template-columns:minmax(0,44%) minmax(0,1fr) !important;
    gap:26px !important;
}

.lea-universal-lead .lea-modal-featured,
.lea-universal-lead .lea-lead-copy{
    width:92% !important;
    max-width:520px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.lea-universal-lead .lea-modal-featured img{
    width:100% !important;
    max-width:520px !important;
    height:255px !important;
}

/* Texto un poco más holgado para no sentirse tan estrecho */
.lea-universal-section p,
.lea-universal-section li{
    font-size:14.6px !important;
    line-height:1.42 !important;
}

.lea-universal-lead .lea-lead-copy p{
    font-size:15.2px !important;
    line-height:1.43 !important;
}

/* Referencias sí pueden usar todo el ancho */
.lea-universal-rest .lea-references{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    grid-column:1 / -1 !important;
}

/* En móvil, todo vuelve a ancho completo */
@media(max-width:900px){
    .lea-universal-section,
    .lea-universal-photo,
    .lea-universal-lead .lea-modal-featured,
    .lea-universal-lead .lea-lead-copy{
        width:100% !important;
        max-width:none !important;
    }

    .lea-universal-photo img,
    .lea-universal-photo figcaption,
    .lea-universal-lead .lea-modal-featured img{
        width:100% !important;
        max-width:none !important;
    }
}


/* =========================================================
   v2.5 — TEXTO PRIMERO + IMAGEN DESPUÉS, CON DIVISOR VERTICAL
========================================================= */

/* Oculta layouts universales previos si aún quedan estilos activos */
.lea-universal-lead,
.lea-universal-rest{
    display:none !important;
}

.lea-swapped-layout{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
    margin-top:10px;
    align-items:start;
}

.lea-swapped-col{
    min-width:0;
}

/* Separación editorial vertical */
.lea-swapped-col-1{
    padding-right:30px;
    border-right:1px solid rgba(13,63,106,.38);
}

.lea-swapped-col-2{
    padding-left:30px;
}

/* Texto de ambas columnas */
.lea-swapped-col p,
.lea-swapped-col li{
    font-size:14.6px !important;
    line-height:1.42 !important;
    text-align:justify !important;
    color:#403B34 !important;
    margin:0 0 12px !important;
}

.lea-swapped-col h2,
.lea-swapped-col h3{
    font-family:Georgia, "Times New Roman", serif !important;
    font-size:18px !important;
    line-height:1.12 !important;
    color:var(--lea-navy) !important;
    margin:8px 0 6px !important;
    padding:0 !important;
    border:0 !important;
}

/* Capitular solo en el primer párrafo de la primera columna */
.lea-swapped-col-1 > p:first-of-type::first-letter{
    float:left;
    font-family:Georgia, "Times New Roman", serif;
    font-size:48px;
    line-height:.8;
    padding:7px 7px 0 0;
    color:var(--lea-navy);
    font-weight:700;
}

/* Imagen principal al final de la primera columna */
.lea-swapped-col-1 .lea-modal-featured{
    float:none !important;
    width:82% !important;
    max-width:470px !important;
    margin:14px auto 0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
}

.lea-swapped-col-1 .lea-modal-featured img{
    width:100% !important;
    height:230px !important;
    max-height:230px !important;
    object-fit:cover !important;
    display:block !important;
    margin:0 auto !important;
}

.lea-swapped-col-1 .lea-modal-featured::after{
    font-size:9.5px !important;
    color:#81796D !important;
}

/* Imágenes extra al final de la segunda columna */
.lea-swapped-photo{
    width:82% !important;
    max-width:440px !important;
    margin:16px auto 0 !important;
}

.lea-swapped-photo img{
    width:100% !important;
    height:210px !important;
    object-fit:cover !important;
    display:block !important;
    border:3px solid var(--lea-paper-light);
    box-shadow:0 2px 8px rgba(0,0,0,.06);
}

.lea-swapped-photo figcaption{
    margin-top:4px;
    font:italic 9.5px Georgia,serif;
    color:#81796D;
}

/* Referencias debajo de ambas columnas */
.lea-modal-body > .lea-references{
    width:100% !important;
    margin-top:14px !important;
    padding-top:8px !important;
    border-top:1px solid rgba(13,63,106,.45) !important;
    column-count:2 !important;
    column-gap:20px !important;
}

.lea-modal-body > .lea-references h2,
.lea-modal-body > .lea-references h3{
    column-span:all;
    font-size:14px !important;
    margin:0 0 4px !important;
}

.lea-modal-body > .lea-references p,
.lea-modal-body > .lea-references li,
.lea-modal-body > .lea-references strong,
.lea-modal-body > .lea-references em{
    font-size:9.2px !important;
    line-height:1.18 !important;
}

/* Responsive */
@media(max-width:900px){
    .lea-swapped-layout{
        grid-template-columns:1fr;
    }

    .lea-swapped-col-1{
        padding-right:0;
        border-right:0;
        border-bottom:1px solid rgba(13,63,106,.28);
        padding-bottom:18px;
    }

    .lea-swapped-col-2{
        padding-left:0;
        padding-top:18px;
    }

    .lea-swapped-col-1 .lea-modal-featured,
    .lea-swapped-photo{
        width:100% !important;
        max-width:none !important;
    }

    .lea-swapped-col-1 .lea-modal-featured img,
    .lea-swapped-photo img{
        height:auto !important;
        max-height:none !important;
    }

    .lea-modal-body > .lea-references{
        column-count:1 !important;
    }
}


/* =========================================================
   v2.6 — PIES DE FOTO EDITABLES
========================================================= */

/* Ya no generamos automáticamente "Imagen principal" */
.lea-swapped-col-1 .lea-modal-featured::after{
    content:none !important;
    display:none !important;
}

.lea-featured-caption{
    width:100%;
    margin-top:4px;
    font:italic 9.5px Georgia, serif;
    color:#81796D;
    text-align:left;
}

/* Si una imagen extra no tiene leyenda, no deja hueco */
.lea-swapped-photo figcaption:empty{
    display:none !important;
}


/* =========================================================
   v2.7 — BALANCE 50/50 Y DETECCIÓN DE FUENTES
========================================================= */

.lea-balanced-unit{
    margin:0 0 10px;
}

.lea-balanced-unit > h2:first-child,
.lea-balanced-unit > h3:first-child{
    margin-top:0 !important;
}

.lea-balanced-unit:last-child{
    margin-bottom:0;
}

.lea-modal-body > .lea-references{
    display:block !important;
    clear:both !important;
}


/* =========================================================
   v2.8 — BALANCE REAL POR PÁRRAFOS
========================================================= */

.lea-swapped-layout{
    align-items:start !important;
}

.lea-swapped-col{
    min-width:0 !important;
}

.lea-swapped-col-1{
    border-right:1px solid rgba(13,63,106,.38) !important;
}

.lea-swapped-col > p,
.lea-swapped-col > h2,
.lea-swapped-col > h3,
.lea-swapped-col > ul,
.lea-swapped-col > ol{
    max-width:100% !important;
}

.lea-swapped-col-1 .lea-modal-featured{
    margin-top:16px !important;
}

.lea-modal-body > .lea-references{
    margin-top:14px !important;
}


/* =========================================================
   v2.9 — MÚLTIPLES VIDEOS EN CUADROS PEQUEÑOS
========================================================= */

.lea-videos-block{
    clear:both;
    margin-top:18px;
    padding-top:10px;
    border-top:1px solid rgba(13,63,106,.28);
}

.lea-videos-title{
    margin:0 0 10px !important;
    padding:0 !important;
    border:0 !important;
    font-family:Georgia, "Times New Roman", serif !important;
    font-size:16px !important;
    color:var(--lea-navy) !important;
}

.lea-videos-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    align-items:start;
}

.lea-video-card{
    position:relative;
    width:100%;
    aspect-ratio:16 / 9;
    overflow:hidden;
    background:#000;
    border:3px solid var(--lea-paper-light);
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.lea-video-card iframe,
.lea-video-card video{
    position:absolute;
    inset:0;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    border:0;
    display:block;
}

.lea-video-link{
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--lea-paper-light);
}

.lea-video-link a{
    color:var(--lea-navy) !important;
    font:700 13px Arial,sans-serif;
}

.lea-modal-video,
.lea-modal-video iframe,
.lea-modal-video video{
    min-height:0 !important;
}

@media(max-width:700px){
    .lea-videos-grid{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   v3.0 — CONSISTENCIA EDITORIAL
========================================================= */

/* Respetar exactamente las mayúsculas/minúsculas capturadas en WordPress */
#lea-periodico .lea-card h3,
#lea-periodico .lea-card h3 a,
#lea-periodico .lea-hero h1,
#lea-periodico .lea-hero h1 a,
#lea-periodico .lea-side-item a,
#lea-modal .lea-modal-article > h1,
#lea-modal .lea-modal-article > h1 a,
#lea-modal .lea-subtitle{
    text-transform:none !important;
}

/* La línea de autor sólo debe aparecer una vez, en el encabezado editorial */
#lea-modal .lea-modal-meta-legacy{
    display:none !important;
}

/* Asegurar columnas estables aun con bloques Gutenberg anidados */
#lea-modal .lea-swapped-layout{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    align-items:start !important;
}

#lea-modal .lea-swapped-col{
    min-width:0 !important;
    overflow-wrap:anywhere;
}

#lea-modal .lea-swapped-col > *{
    max-width:100%;
    box-sizing:border-box;
}

/* Enlaces del cuerpo: aspecto editorial, sin alterar los de control del modal */
#lea-modal .lea-modal-body a{
    color:var(--lea-navy);
    text-decoration:underline;
    text-underline-offset:2px;
}

#lea-modal .lea-modal-body a:hover{
    color:var(--lea-sky);
}


/* =========================================================
   v3.1 — TÍTULOS DE PORTADA + COLUMNAS MÁS ANCHAS
========================================================= */

/*
 * Evita que Astra u otro CSS global convierta visualmente
 * los títulos de portada a minúsculas.
 */
#lea-periodico .lea-title-preserve,
#lea-periodico .lea-title-preserve *,
#lea-periodico h1 .lea-title-preserve,
#lea-periodico h3 .lea-title-preserve,
#lea-periodico .lea-side-item .lea-title-preserve{
    text-transform:none !important;
    font-variant:normal !important;
}

/*
 * Más espacio horizontal para las dos columnas del artículo.
 * Conserva el diseño de dos columnas y la línea central.
 */
#lea-modal .lea-modal-panel{
    width:min(1480px,97vw) !important;
    max-width:min(1480px,97vw) !important;
}

#lea-modal .lea-modal-content{
    padding-left:52px !important;
    padding-right:52px !important;
}

#lea-modal .lea-swapped-col-1{
    padding-right:24px !important;
}

#lea-modal .lea-swapped-col-2{
    padding-left:24px !important;
}

@media(max-width:900px){
    #lea-modal .lea-modal-panel{
        width:97vw !important;
        max-width:97vw !important;
    }

    #lea-modal .lea-modal-content{
        padding-left:20px !important;
        padding-right:20px !important;
    }

    #lea-modal .lea-swapped-col-1,
    #lea-modal .lea-swapped-col-2{
        padding-left:0 !important;
        padding-right:0 !important;
    }
}


/* =========================================================
   v3.4 — PUBLICACIONES DE IMAGEN / PDF / VIDEO
========================================================= */

.lea-card-media,
.lea-img{
    position:relative;
    overflow:hidden;
}

.lea-card-media > a,
.lea-img > a{
    position:relative;
    z-index:2;
}

.lea-resource-preview{
    position:relative;
    width:100%;
    height:100%;
    min-height:100%;
    overflow:hidden;
    background:#efe9d9;
}

.lea-resource-preview img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block;
}

.lea-resource-pdf iframe,
.lea-resource-video iframe,
.lea-resource-video video{
    position:absolute;
    inset:0;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    border:0 !important;
    pointer-events:none !important;
    display:block;
}

.lea-resource-pdf-badge,
.lea-play-badge{
    position:absolute;
    right:10px;
    bottom:10px;
    z-index:3;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    min-height:30px;
    padding:5px 9px;
    border-radius:4px;
    background:rgba(13,63,106,.92);
    color:#fff !important;
    font:800 12px/1 Arial,sans-serif;
    letter-spacing:.04em;
    box-shadow:0 2px 8px rgba(0,0,0,.18);
}

.lea-play-badge{
    width:42px;
    height:42px;
    min-width:42px;
    min-height:42px;
    border-radius:50%;
    padding:0 0 0 3px;
    font-size:18px;
}

.lea-format-tag{
    background:var(--lea-sky) !important;
    color:#fff !important;
}

/* Modal especial: sólo título/autor/grado + recurso */
.lea-special-publication{
    max-width:1320px;
    margin:0 auto;
}

.lea-special-head{
    text-align:center;
    margin:0 auto 18px;
    max-width:980px;
}

.lea-special-head h1{
    margin:0 0 5px !important;
    color:var(--lea-navy) !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:clamp(30px,4vw,58px) !important;
    line-height:1.02 !important;
    text-transform:none !important;
}

.lea-special-meta{
    color:var(--lea-muted);
    font:600 13px/1.4 Arial,sans-serif;
}

.lea-special-image{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    width:100%;
}

.lea-special-image img{
    display:block;
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    max-height:76vh;
    object-fit:contain !important;
    background:#fff;
    box-shadow:0 4px 18px rgba(0,0,0,.10);
}

.lea-special-pdf{
    width:100%;
    height:76vh;
    min-height:620px;
    background:#e7e2d6;
    border:1px solid rgba(13,63,106,.18);
}

.lea-special-pdf iframe{
    width:100%;
    height:100%;
    border:0;
    background:#fff;
}

.lea-special-pdf-open{
    text-align:center !important;
    margin:10px 0 0 !important;
    font-size:12px !important;
}

.lea-special-video{
    width:min(100%,980px);
    margin:0 auto;
}

.lea-special-video .lea-video-card{
    width:100%;
    aspect-ratio:16/9;
    max-width:none;
}

.lea-special-empty{
    padding:28px;
    text-align:center;
    background:var(--lea-paper-light);
    border:1px solid var(--lea-line);
    color:var(--lea-muted);
}

@media(max-width:700px){
    .lea-special-pdf{
        height:68vh;
        min-height:420px;
    }

    .lea-special-image img{
        max-height:none;
    }

    .lea-special-head h1{
        font-size:30px !important;
    }
}


/* =========================================================
   v3.5 — MODAL LIMPIO PARA IMAGEN / PDF
========================================================= */

#lea-modal .lea-only-resource{
    max-width:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

#lea-modal .lea-only-resource .lea-special-image,
#lea-modal .lea-only-resource .lea-special-pdf{
    margin:0 !important;
}

#lea-modal .lea-only-resource .lea-special-image img{
    max-height:82vh !important;
}

#lea-modal .lea-only-resource .lea-special-pdf{
    height:82vh !important;
    min-height:620px !important;
}

@media(max-width:700px){
    #lea-modal .lea-only-resource .lea-special-image img{
        max-height:none !important;
    }

    #lea-modal .lea-only-resource .lea-special-pdf{
        height:76vh !important;
        min-height:420px !important;
    }
}


/* =========================================================
   v3.6 — GALERÍA LEA + VIDEOS LEA
========================================================= */

.lea-visual-section{
    margin-top:42px;
    padding-top:8px;
}

.lea-visual-heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:16px;
    border-bottom:2px solid var(--lea-navy);
    padding-bottom:8px;
}

.lea-visual-heading .lea-section{
    margin:2px 0 0 !important;
    border:0 !important;
    padding:0 !important;
}

.lea-visual-heading p{
    max-width:430px;
    margin:0 0 3px !important;
    text-align:right;
    color:var(--lea-muted);
    font-size:12px;
    line-height:1.35;
}

.lea-visual-kicker{
    display:block;
    color:var(--lea-green);
    font:800 10px/1.1 Arial,sans-serif;
    letter-spacing:.14em;
    text-transform:uppercase;
}

/* ---------- GALERÍA ---------- */

.lea-gallery-wall{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-auto-flow:dense;
    grid-auto-rows:175px;
    gap:12px;
}

.lea-gallery-tile{
    position:relative;
    min-width:0;
    overflow:hidden;
    background:var(--lea-paper-light);
    border:1px solid rgba(13,63,106,.12);
    box-shadow:0 3px 12px rgba(0,0,0,.06);
}

.lea-gallery-tile:nth-child(6n+2),
.lea-gallery-tile:nth-child(6n+5){
    grid-row:span 2;
}

.lea-gallery-featured{
    grid-column:span 2;
    grid-row:span 2;
}

.lea-gallery-media{
    position:absolute;
    inset:0;
    overflow:hidden;
    background:#e7dfca;
}

.lea-gallery-media > a,
.lea-gallery-media .lea-resource-preview{
    display:block;
    width:100%;
    height:100%;
}

.lea-gallery-media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block;
    transition:transform .25s ease;
}

.lea-gallery-tile:hover .lea-gallery-media img{
    transform:scale(1.025);
}

.lea-gallery-media .lea-resource-pdf iframe{
    width:100% !important;
    height:100% !important;
    border:0;
}

.lea-gallery-type{
    position:absolute;
    left:10px;
    top:10px;
    z-index:5;
    padding:5px 8px;
    background:rgba(255,228,44,.94);
    color:var(--lea-navy);
    font:900 9px/1 Arial,sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
    box-shadow:0 2px 6px rgba(0,0,0,.10);
    pointer-events:none;
}

.lea-gallery-caption{
    position:absolute;
    z-index:6;
    left:0;
    right:0;
    bottom:0;
    padding:34px 12px 11px;
    background:linear-gradient(to bottom,transparent,rgba(6,29,48,.88));
    color:#fff;
    pointer-events:none;
}

.lea-gallery-caption a{
    pointer-events:auto;
}

.lea-gallery-caption h3{
    margin:0 0 3px !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:16px !important;
    line-height:1.05 !important;
    color:#fff !important;
}

.lea-gallery-featured .lea-gallery-caption h3{
    font-size:24px !important;
}

.lea-gallery-caption h3 a,
.lea-gallery-caption h3 span{
    color:#fff !important;
    text-decoration:none !important;
}

.lea-gallery-caption .lea-meta{
    color:rgba(255,255,255,.86) !important;
    font-size:10px !important;
}

/* ---------- VIDEOS ---------- */

.lea-video-wall{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.lea-video-tile{
    min-width:0;
    background:var(--lea-paper-light);
    border:1px solid rgba(13,63,106,.14);
    box-shadow:0 3px 12px rgba(0,0,0,.05);
}

.lea-video-thumb{
    position:relative;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#111;
}

.lea-video-thumb > a,
.lea-video-thumb .lea-resource-preview{
    display:block;
    width:100%;
    height:100%;
}

.lea-video-thumb iframe,
.lea-video-thumb video{
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    border:0 !important;
    pointer-events:none !important;
}

.lea-video-caption{
    padding:10px 12px 12px;
}

.lea-video-caption h3{
    margin:0 0 4px !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:17px !important;
    line-height:1.1 !important;
    color:var(--lea-navy) !important;
}

.lea-video-caption h3 a,
.lea-video-caption h3 span{
    color:inherit !important;
    text-decoration:none !important;
}

@media(max-width:900px){
    .lea-gallery-wall{
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-auto-rows:190px;
    }

    .lea-gallery-featured{
        grid-column:span 2;
    }

    .lea-video-wall{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:620px){
    .lea-visual-heading{
        display:block;
    }

    .lea-visual-heading p{
        max-width:none;
        text-align:left;
        margin-top:6px !important;
    }

    .lea-gallery-wall{
        grid-template-columns:1fr 1fr;
        grid-auto-rows:145px;
        gap:8px;
    }

    .lea-gallery-featured{
        grid-column:span 2;
        grid-row:span 2;
    }

    .lea-gallery-tile:nth-child(6n+2),
    .lea-gallery-tile:nth-child(6n+5){
        grid-row:span 1;
    }

    .lea-gallery-caption h3{
        font-size:13px !important;
    }

    .lea-gallery-featured .lea-gallery-caption h3{
        font-size:19px !important;
    }

    .lea-video-wall{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   v3.8 — VISTA PREVIA REAL DE VIDEOS
========================================================= */

.lea-resource-video{
    background:#1b1b1b;
}

.lea-resource-video video{
    object-fit:cover !important;
    background:#1b1b1b !important;
}

.lea-video-thumb .lea-resource-video::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.18),transparent 45%);
    pointer-events:none;
    z-index:1;
}

.lea-video-thumb .lea-play-badge{
    z-index:3;
}


/* =========================================================
   v3.9 — VIDEOS INLINE CON PROPORCIÓN ORIGINAL
========================================================= */

.lea-video-wall{
    align-items:start;
}

.lea-video-tile{
    align-self:start;
}

.lea-video-thumb.lea-video-inline-wrap{
    aspect-ratio:auto !important;
    background:transparent !important;
    overflow:visible !important;
}

.lea-inline-video-player{
    display:block;
    width:100% !important;
    height:auto !important;
    max-height:72vh;
    object-fit:contain !important;
    background:#000;
}

.lea-inline-video-embed{
    width:100%;
}

.lea-inline-video-embed iframe{
    display:block;
    width:100% !important;
    height:auto !important;
    aspect-ratio:16 / 9;
    border:0;
}

/* Ya no necesitamos overlay de reproducción ni pseudo-miniatura */
.lea-video-inline-wrap .lea-play-badge,
.lea-video-inline-wrap::after{
    display:none !important;
}

.lea-video-inline-empty{
    padding:30px 16px;
    text-align:center;
    background:#111;
    color:#fff;
}

.lea-video-caption h3 .lea-title-preserve{
    pointer-events:none;
}

@media(max-width:700px){
    .lea-inline-video-player{
        max-height:none;
    }
}


/* =========================================================
   v3.10 — VIDEO INLINE SIN BOTÓN PLAY GRANDE
========================================================= */

.lea-video-inline-wrap{
    cursor:pointer;
}

.lea-inline-video-player{
    display:block;
    width:100% !important;
    height:auto !important;
    max-height:72vh;
    object-fit:contain !important;
    background:#111 !important;
    cursor:pointer;
}

/* No mostrar overlays personalizados sobre el video inline */
.lea-video-inline-wrap .lea-play-badge,
.lea-video-inline-wrap::after{
    display:none !important;
    content:none !important;
}

/* Evita que reglas anteriores creen una capa que bloquee el clic */
.lea-video-inline-wrap,
.lea-video-inline-wrap video{
    pointer-events:auto !important;
}

@media(max-width:700px){
    .lea-inline-video-player{
        max-height:none;
    }
}


/* =========================================================
   v3.13 — PRIMERA LETRA DE TÍTULOS AISLADA DEL TEMA
========================================================= */

/*
 * La primera letra real del título se renderiza en un elemento propio.
 * Esto evita que Astra, WordPress o CSS externos la conviertan visualmente
 * a minúscula en las tarjetas/previas del periódico.
 */
#lea-periodico .lea-title-preserve,
#lea-periodico .lea-title-preserve *,
.lea-wrap .lea-title-preserve,
.lea-wrap .lea-title-preserve *{
    text-transform:none !important;
    font-variant:normal !important;
    font-variant-caps:normal !important;
    font-feature-settings:normal !important;
}

#lea-periodico .lea-title-first-letter,
.lea-wrap .lea-title-first-letter{
    display:inline !important;
    text-transform:uppercase !important;
    font-variant:normal !important;
    font-variant-caps:normal !important;
    font-feature-settings:normal !important;
    font-family:inherit !important;
    font-size:inherit !important;
    font-weight:inherit !important;
    line-height:inherit !important;
    letter-spacing:inherit !important;
}