/* ==========================================================
   NUNTIUS
   ARTÍCULO EDITORIAL
========================================================== */

.ce-article{
    width:100%;
    max-width:1220px;
    margin:0 auto;
    padding:58px 0 80px;
}


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

.ce-article-header{
    max-width:1000px;
    margin:0 auto 38px;
}

.ce-article-category{
    margin-bottom:12px;

    font-family:Inter, sans-serif;
    font-size:12px;
    line-height:1;
    font-weight:800;

    letter-spacing:.12em;
    text-transform:uppercase;

    color:#bd8c31;
}


.ce-article-title{
    max-width:980px;

    margin:0;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:64px;
    line-height:.98;
    font-weight:700;

    letter-spacing:-.025em;

    color:#0c315e;
}


/* ==========================================================
   BAJADA
========================================================== */

.ce-article-standfirst{
    max-width:850px;

    margin-top:24px;

    font-family:
        "Source Sans 3",
        Arial,
        sans-serif;

    font-size:22px;
    line-height:1.45;

    color:#444;
}

.ce-article-standfirst p{
    margin:0;
}


/* ==========================================================
   AUTOR / FECHA
========================================================== */

.ce-article-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:9px;

    margin-top:27px;
    padding-top:18px;

    border-top:1px solid #e4d9c6;

    font-family:Inter, sans-serif;
    font-size:12px;
    line-height:1.4;

    letter-spacing:.025em;

    color:#6b6b6b;
}

.ce-article-author strong{
    color:#0c315e;
    font-weight:700;
}

.ce-article-meta-separator{
    color:#bd8c31;
}


/* ==========================================================
   IMAGEN PRINCIPAL
========================================================== */

.ce-article-hero{
    width:100%;

    margin:0 auto 45px;
}

.ce-article-hero img{
    display:block;

    width:100%;
    max-height:680px;

    margin:0;

    object-fit:cover;

    border-radius:12px;
}

.ce-article-hero figcaption{
    max-width:1000px;

    margin:10px auto 0;

    font-family:Inter, sans-serif;
    font-size:11px;
    line-height:1.45;

    color:#777;
}


/* ==========================================================
   CUERPO
========================================================== */

.ce-article-body{
    width:100%;
    max-width:790px;

    margin:0 auto;

    font-family:
        "Source Sans 3",
        Arial,
        sans-serif;

    font-size:19px;
    line-height:1.78;

    color:#242424;
}

.ce-article-body p{
    margin:0 0 25px;
}


.ce-article-body > p:first-child{
    font-size:21px;
}


/* ==========================================================
   SUBTÍTULOS
========================================================== */

.ce-article-body h2{
    margin:48px 0 18px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:38px;
    line-height:1.05;

    color:#0c315e;
}

.ce-article-body h3{
    margin:38px 0 15px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:30px;
    line-height:1.1;

    color:#0c315e;
}


/* ==========================================================
   IMÁGENES DENTRO DEL ARTÍCULO
========================================================== */

.ce-article-body img{
    display:block;

    width:100%;
    height:auto;

    margin:35px 0;

    border-radius:8px;
}


/* ==========================================================
   CITAS
========================================================== */

.ce-article-body blockquote{
    margin:40px 0;
    padding:6px 0 6px 25px;

    border-left:3px solid #bd8c31;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:29px;
    line-height:1.3;

    font-style:italic;

    color:#0c315e;
}


/* ==========================================================
   ENLACES
========================================================== */

.ce-article-body a{
    color:#0c4c8c;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
}


/* ==========================================================
   ARTÍCULO SIN CONTENIDO
========================================================== */

.ce-article-body-empty{
    padding:28px 0;

    border-top:1px solid #e4d9c6;

    font-style:italic;
    color:#777;
}


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

@media(max-width:992px){

    .ce-article{
        padding:42px 22px 65px;
    }

    .ce-article-title{
        font-size:52px;
    }

    .ce-article-header{
        margin-bottom:30px;
    }

}


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

@media(max-width:700px){

    .ce-article{
        padding:
            30px 17px
            55px;
    }

    .ce-article-header{
        margin-bottom:25px;
    }

    .ce-article-category{
        margin-bottom:10px;
        font-size:10px;
    }

    .ce-article-title{
        font-size:40px;
        line-height:1.01;
    }

    .ce-article-standfirst{
        margin-top:18px;

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

    .ce-article-meta{
        margin-top:20px;
        padding-top:14px;

        font-size:10px;
    }

    .ce-article-hero{
        margin-bottom:28px;
    }

    .ce-article-hero img{
        max-height:none;
        border-radius:7px;
    }

    .ce-article-body{
        font-size:17px;
        line-height:1.7;
    }

    .ce-article-body > p:first-child{
        font-size:18px;
    }

    .ce-article-body p{
        margin-bottom:21px;
    }

    .ce-article-body h2{
        margin-top:38px;
        font-size:31px;
    }

    .ce-article-body h3{
        font-size:26px;
    }

    .ce-article-body blockquote{
        margin:32px 0;
        padding-left:18px;

        font-size:25px;
    }

}


/* ==========================================================
   MÓVIL PEQUEÑO
========================================================== */

@media(max-width:420px){

    .ce-article-title{
        font-size:36px;
    }

}


/* ==========================================================
   NUNTIUS — ARTÍCULO + SIDEBAR V2
========================================================== */


/* ==========================================================
   GRID PRINCIPAL
========================================================== */

.ce-article-main-grid{
    width:100%;
    max-width:1180px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0, 1fr)
        330px;

    gap:48px;

    align-items:start;
}


/* ==========================================================
   COLUMNA EDITORIAL
========================================================== */

.ce-article-content{
    min-width:0;
}


/*
 * Antes el cuerpo estaba centrado mediante margin:auto.
 * Dentro de la grilla queremos que empiece desde la
 * izquierda de su columna.
 */

.ce-article-main-grid .ce-article-body{
    max-width:790px;

    margin:0;
}


/* ==========================================================
   SIDEBAR DE LA NOTICIA
========================================================== */

.ce-article-sidebar{
    min-width:0;
}


/*
 * El sidebar.php ya contiene <aside class="ce-sidebar">.
 * Este segundo selector evita márgenes innecesarios.
 */

.ce-article-sidebar > .ce-sidebar{
    width:100%;

    gap:22px;
}


/*
 * Widgets ligeramente más compactos dentro de una noticia.
 */

.ce-article-sidebar .ce-widget{
    border-radius:10px;
}


.ce-article-sidebar .ce-widget-header{
    padding:
        18px
        20px
        0;
}


.ce-article-sidebar .ce-widget-body{
    padding:
        17px
        20px
        20px;
}


.ce-article-sidebar .ce-widget-title{
    font-size:16px;
}


/* Lo más leído algo más compacto */

.ce-article-sidebar .ce-most-read-list li{
    min-height:0;

    margin-bottom:15px;
    padding:
        0
        0
        15px
        42px;
}


.ce-article-sidebar .ce-most-read-list li::before{
    font-size:25px;
}


.ce-article-sidebar .ce-most-read-list a{
    font-size:14px;
    line-height:1.35;
}


/* ==========================================================
   IMAGEN PRINCIPAL
========================================================== */

/*
 * Le damos una proporción editorial amplia,
 * pero evitamos una foto absurdamente alta.
 */

.ce-article-hero{
    max-width:1180px;
}


.ce-article-hero img{
    width:100%;
    height:auto;

    max-height:650px;

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

    background:#f3f0e9;
}


/* ==========================================================
   CABECERA MÁS EQUILIBRADA
========================================================== */

.ce-article-header{
    max-width:1060px;
}


.ce-article-title{
    max-width:1040px;

    font-size:clamp(
        46px,
        5vw,
        68px
    );
}


/* ==========================================================
   SEPARACIÓN DESPUÉS DEL ARTÍCULO
========================================================== */

.ce-article-content::after{
    content:"";

    display:block;

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

    margin-top:42px;

    border-bottom:1px solid #e6ddcc;
}


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

@media(max-width:1050px){

    .ce-article-main-grid{
        grid-template-columns:
            minmax(0,1fr)
            285px;

        gap:30px;
    }


    .ce-article-title{
        font-size:50px;
    }

}


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

@media(max-width:850px){

    /*
     * Una única columna.
     */

    .ce-article-main-grid{
        display:block;
    }


    .ce-article-main-grid .ce-article-body{
        max-width:760px;

        margin:0 auto;
    }


    /*
     * El sidebar pasa debajo de la noticia.
     */

    .ce-article-sidebar{
        max-width:760px;

        margin:
            46px
            auto
            0;
    }


    .ce-article-sidebar > .ce-sidebar{
        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:16px;
    }


    /*
     * Publicidad ocupa ancho completo.
     */

    .ce-article-sidebar .ce-widget.ce-ad{
        grid-column:1 / -1;
    }

}


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

@media(max-width:700px){

    /*
     * Titular interno:
     * más compacto que los 40px actuales.
     */

    .ce-article-title{
        font-size:35px;
        line-height:1.02;

        letter-spacing:-.02em;
    }


    .ce-article-header{
        margin-bottom:24px;
    }


    .ce-article-standfirst{
        font-size:18px;
        line-height:1.42;
    }


    .ce-article-meta{
        gap:6px;

        font-size:10px;
    }


    /*
     * Foto sin alturas forzadas.
     */

    .ce-article-hero img{
        width:100%;
        height:auto;

        max-height:none;

        object-fit:contain;

        border-radius:8px;
    }


    /*
     * Sidebar debajo, una tarjeta por fila.
     */

    .ce-article-sidebar{
        margin-top:35px;
    }


    .ce-article-sidebar > .ce-sidebar{
        display:flex;

        flex-direction:column;

        gap:16px;
    }


    .ce-article-sidebar .ce-widget{
        width:100%;
    }


    /*
     * Lectura.
     */

    .ce-article-body{
        font-size:17px;
        line-height:1.72;
    }


    .ce-article-body > p:first-child{
        font-size:18px;
    }

}


/* ==========================================================
   TELÉFONO PEQUEÑO
========================================================== */

@media(max-width:420px){

    .ce-article-title{
        font-size:32px;
    }


    .ce-article{
        padding-left:15px;
        padding-right:15px;
    }

}



/* ==========================================================
   NUNTIUS — COMPARTIR + RELACIONADAS V1
========================================================== */


/* ==========================================================
   COMPARTIR
========================================================== */

.ce-article-share{
    max-width:790px;

    margin-top:38px;
    padding-top:24px;

    border-top:1px solid #ded7ca;
}


.ce-article-share-label{
    margin-bottom:13px;

    color:#0b274f;

    font-family:"Inter",Arial,sans-serif;

    font-size:11px;
    font-weight:800;

    letter-spacing:.09em;

    text-transform:uppercase;
}


.ce-article-share-buttons{
    display:flex;
    flex-wrap:wrap;

    gap:9px;
}


.ce-share-button{
    min-height:39px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:8px;

    padding:0 14px;

    border:1px solid #d9d4ca;
    border-radius:6px;

    background:#fff;

    color:#0b274f;

    font-family:"Inter",Arial,sans-serif;

    font-size:12px;
    font-weight:700;

    text-decoration:none;

    cursor:pointer;

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


.ce-share-button:hover{
    background:#0b274f;
    border-color:#0b274f;

    color:#fff;

    transform:translateY(-1px);
}


.ce-share-button i{
    font-size:15px;
}


/* WhatsApp conserva una pequeña diferenciación */

.ce-share-whatsapp:hover{
    background:#176b4c;
    border-color:#176b4c;
}


/* ==========================================================
   NOTICIAS RELACIONADAS
========================================================== */

.ce-related{
    max-width:790px;

    margin-top:52px;
    padding-top:28px;

    border-top:3px solid #0b274f;
}


.ce-related-header{
    margin-bottom:19px;
}


.ce-related-kicker{
    margin-bottom:4px;

    color:#c7a55b;

    font-family:"Inter",Arial,sans-serif;

    font-size:10px;
    font-weight:800;

    letter-spacing:.12em;

    text-transform:uppercase;
}


.ce-related-heading{
    margin:0;

    color:#0b274f;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:32px;
    font-weight:700;

    line-height:1.05;
}


/* ==========================================================
   GRID
========================================================== */

.ce-related-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:15px;
}


/* ==========================================================
   TARJETA
========================================================== */

.ce-related-card{
    min-width:0;

    overflow:hidden;

    background:#fff;

    border:1px solid #e5dfd4;
    border-radius:9px;
}


.ce-related-image{
    position:relative;

    display:block;

    width:100%;
    height:128px;

    overflow:hidden;

    background:#eae6dc;
}


.ce-related-image img{
    display:block;

    width:100%;
    height:100%;

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

    transition:transform .35s ease;
}


.ce-related-card:hover
.ce-related-image img{
    transform:scale(1.035);
}


/* Sin imagen */

.ce-related-image-placeholder{
    width:100%;
    height:100%;

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

    background:
        linear-gradient(
            145deg,
            #071c39,
            #0b274f
        );
}


.ce-related-image-placeholder span{
    color:#c7a55b;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:48px;
    font-weight:700;
}


/* ==========================================================
   CONTENIDO
========================================================== */

.ce-related-content{
    padding:13px 14px 15px;
}


.ce-related-category{
    margin-bottom:7px;

    color:#c7a55b;

    font-family:"Inter",Arial,sans-serif;

    font-size:9px;
    font-weight:800;

    letter-spacing:.08em;

    text-transform:uppercase;
}


.ce-related-title{
    margin:0 0 11px;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:19px;
    font-weight:700;

    line-height:1.08;
}


.ce-related-title a{
    color:#102947;

    text-decoration:none;
}


.ce-related-title a:hover{
    color:#9d7c38;
}


.ce-related-date{
    color:#888278;

    font-family:"Inter",Arial,sans-serif;

    font-size:9px;
    font-weight:600;

    letter-spacing:.04em;
}


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

@media(max-width:1050px){

    .ce-related-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .ce-related-card:last-child{
        display:none;
    }

}


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

@media(max-width:700px){

    .ce-article-share{
        margin-top:30px;
        padding-top:20px;
    }


    .ce-article-share-buttons{
        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:8px;
    }


    .ce-share-button{
        width:100%;

        padding:0 10px;
    }


    .ce-related{
        margin-top:40px;
        padding-top:23px;
    }


    .ce-related-heading{
        font-size:28px;
    }


    /*
     * En teléfono dejamos las relacionadas
     * horizontales y compactas.
     */

    .ce-related-grid{
        display:flex;
        flex-direction:column;

        gap:12px;
    }


    .ce-related-card,
    .ce-related-card:last-child{
        display:grid;

        grid-template-columns:
            120px
            minmax(0,1fr);

        min-height:105px;
    }


    .ce-related-image{
        width:120px;
        height:100%;

        min-height:105px;

        border-radius:0;
    }


    .ce-related-content{
        padding:11px 12px;
    }


    .ce-related-title{
        margin-bottom:7px;

        font-size:18px;
    }

}


/* ==========================================================
   TELÉFONO PEQUEÑO
========================================================== */

@media(max-width:400px){

    .ce-related-card,
    .ce-related-card:last-child{
        grid-template-columns:
            105px
            minmax(0,1fr);
    }


    .ce-related-image{
        width:105px;
    }

}



/* ==========================================================
   NUNTIUS — ANTERIOR / SIGUIENTE
========================================================== */

.ce-article-navigation{
    width:100%;
    max-width:790px;

    margin-top:48px;
    padding-top:25px;

    border-top:1px solid #dcd4c6;

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:12px;
}


.ce-article-navigation-card{
    min-width:0;
    min-height:115px;

    display:flex;
    flex-direction:column;

    justify-content:center;

    padding:17px 19px;

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

    background:#fff;

    color:#102947;

    text-decoration:none;

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


.ce-article-navigation-card:hover{
    border-color:#c7a55b;

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

    transform:translateY(-2px);
}


.ce-article-navigation-label{
    display:block;

    margin-bottom:8px;

    color:#b28b40;

    font-family:"Inter",Arial,sans-serif;

    font-size:9px;
    font-weight:800;

    letter-spacing:.09em;

    text-transform:uppercase;
}


.ce-article-navigation-card strong{
    display:block;

    font-family:
        "Cormorant Garamond",
        Georgia,
        serif;

    font-size:20px;
    line-height:1.08;

    font-weight:700;

    color:#102947;
}


.ce-article-navigation-next{
    text-align:right;
}


.ce-article-navigation-empty{
    visibility:hidden;
}


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

@media(max-width:700px){

    .ce-article-navigation{
        grid-template-columns:1fr;

        margin-top:38px;

        gap:9px;
    }


    .ce-article-navigation-card{
        min-height:0;

        padding:14px 15px;
    }


    .ce-article-navigation-card strong{
        font-size:18px;
    }


    .ce-article-navigation-next{
        text-align:left;
    }


    .ce-article-navigation-empty{
        display:none;
    }

}



/* ==========================================================
   NUNTIUS — TIEMPO + PROGRESO DE LECTURA
========================================================== */


/* Tiempo estimado */

.ce-article-reading-time{
    display:inline-flex;
    align-items:center;

    gap:5px;

    white-space:nowrap;
}


.ce-article-reading-time i{
    color:#c7a55b;

    font-size:11px;
}


/* ==========================================================
   BARRA DE PROGRESO
========================================================== */

.ce-reading-progress{
    position:fixed;

    top:0;
    left:0;

    z-index:99999;

    width:100%;
    height:3px;

    pointer-events:none;

    background:
        rgba(11,39,79,.10);
}


.ce-reading-progress-bar{
    width:0;
    height:100%;

    background:
        linear-gradient(
            90deg,
            #0b274f 0%,
            #0b274f 65%,
            #c7a55b 100%
        );

    transition:width .08s linear;
}


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

@media(max-width:700px){

    .ce-reading-progress{
        height:3px;
    }


    .ce-article-meta{
        row-gap:5px;
    }


    .ce-article-reading-time{
        font-size:10px;
    }

}



/* ==========================================================
   NUNTIUS — ARTICLE V3
   Refinamiento editorial definitivo
========================================================== */


/* ----------------------------------------------------------
   CONTENEDOR GENERAL
---------------------------------------------------------- */

.ce-article{
    max-width:1240px;
    padding-top:48px;
}


/* ----------------------------------------------------------
   CABECERA
---------------------------------------------------------- */

.ce-article-header{
    max-width:1080px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:34px;
}


/* Categoría */

.ce-article-category{
    position:relative;

    margin-bottom:15px;
    padding-left:29px;

    font-size:11px;
    font-weight:800;
    letter-spacing:.13em;

    color:#b18b43;
}

.ce-article-category::before{
    content:"";

    position:absolute;
    left:0;
    top:50%;

    width:20px;
    height:2px;

    background:#0b274f;

    transform:translateY(-50%);
}


/* ----------------------------------------------------------
   TITULAR
---------------------------------------------------------- */

.ce-article-title{
    max-width:1030px;

    font-size:clamp(48px,4.7vw,67px);
    line-height:.99;

    letter-spacing:-.028em;

    color:#0b274f;

    text-wrap:balance;
}


/* ----------------------------------------------------------
   BAJADA
---------------------------------------------------------- */

.ce-article-standfirst{
    max-width:850px;

    margin-top:22px;

    font-size:21px;
    line-height:1.48;

    color:#4c4c4c;
}


/* ----------------------------------------------------------
   METADATOS
---------------------------------------------------------- */

.ce-article-meta{
    max-width:900px;

    margin-top:25px;
    padding-top:15px;

    border-top:1px solid #ded6c8;

    font-size:11px;
}

.ce-article-author strong{
    color:#0b274f;
}


/* ----------------------------------------------------------
   IMAGEN PRINCIPAL
---------------------------------------------------------- */

.ce-article-hero{
    max-width:1180px;

    margin:
        0
        auto
        42px;
}

.ce-article-hero img{
    display:block;

    width:100%;
    height:auto;

    max-height:none;

    object-fit:contain;
    object-position:center;

    border-radius:8px;

    background:#f4f1ea;
}

.ce-article-hero figcaption{
    max-width:1180px;

    margin-top:8px;

    padding-left:2px;

    font-size:10px;
    line-height:1.45;

    color:#777;
}


/* ----------------------------------------------------------
   GRILLA ARTÍCULO + SIDEBAR
---------------------------------------------------------- */

.ce-article-main-grid{
    max-width:1180px;

    grid-template-columns:
        minmax(0, 790px)
        minmax(280px, 330px);

    justify-content:space-between;

    gap:50px;
}


/* ----------------------------------------------------------
   CUERPO EDITORIAL
---------------------------------------------------------- */

.ce-article-main-grid .ce-article-body{
    width:100%;
    max-width:790px;
}

.ce-article-body{
    font-size:19px;
    line-height:1.78;

    color:#252525;
}

.ce-article-body p{
    margin-bottom:26px;
}


/*
   Primer párrafo ligeramente destacado,
   sin convertirlo en una bajada gigante.
*/

.ce-article-body > p:first-child{
    font-size:20px;
    line-height:1.72;
}


/* ----------------------------------------------------------
   SUBTÍTULOS
---------------------------------------------------------- */

.ce-article-body h2{
    margin:
        48px
        0
        17px;

    font-size:37px;
    line-height:1.06;

    color:#0b274f;
}

.ce-article-body h3{
    margin:
        38px
        0
        14px;

    font-size:29px;
    line-height:1.1;

    color:#0b274f;
}


/* ----------------------------------------------------------
   CITAS
---------------------------------------------------------- */

.ce-article-body blockquote{
    margin:
        40px
        0;

    padding:
        5px
        0
        5px
        24px;

    border-left:3px solid #c7a55b;

    font-size:28px;
    line-height:1.3;

    color:#0b274f;
}


/* ----------------------------------------------------------
   SIDEBAR
---------------------------------------------------------- */

.ce-article-sidebar{
    width:100%;
    min-width:0;
}

.ce-article-sidebar > .ce-sidebar{
    width:100%;
}


/*
   En escritorio acompañará la lectura.
   No lo hacemos sticky en pantallas bajas para evitar
   widgets atrapados fuera de pantalla.
*/

@media(min-width:1051px) and (min-height:750px){

    .ce-article-sidebar{
        position:relative;
    }

}


/* ----------------------------------------------------------
   COMPARTIR / RELACIONADAS / NAVEGACIÓN
---------------------------------------------------------- */

.ce-article-share,
.ce-related,
.ce-article-navigation{
    width:100%;
    max-width:790px;
}


/* ----------------------------------------------------------
   TABLET
---------------------------------------------------------- */

@media(max-width:1050px){

    .ce-article{
        padding-top:40px;
    }

    .ce-article-title{
        font-size:48px;
    }

    .ce-article-main-grid{
        grid-template-columns:
            minmax(0,1fr)
            285px;

        gap:30px;
    }

}


/* ----------------------------------------------------------
   TABLET VERTICAL
---------------------------------------------------------- */

@media(max-width:850px){

    .ce-article-header{
        max-width:760px;
    }

    .ce-article-hero{
        max-width:760px;
    }

    .ce-article-main-grid{
        display:block;
        max-width:760px;
    }

    .ce-article-content{
        width:100%;
    }

}


/* ----------------------------------------------------------
   MÓVIL
---------------------------------------------------------- */

@media(max-width:700px){

    .ce-article{
        padding:
            26px
            16px
            48px;
    }


    /* Categoría */

    .ce-article-category{
        margin-bottom:11px;

        padding-left:23px;

        font-size:9px;
        letter-spacing:.12em;
    }

    .ce-article-category::before{
        width:15px;
    }


    /* Titular */

    .ce-article-title{
        max-width:none;

        font-size:33px;
        line-height:1.02;

        letter-spacing:-.025em;

        text-wrap:balance;
    }


    /* Bajada */

    .ce-article-standfirst{
        margin-top:17px;

        font-size:17px;
        line-height:1.46;
    }


    /* Autor / fecha */

    .ce-article-meta{
        margin-top:19px;
        padding-top:13px;

        gap:5px;

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


    /* Imagen */

    .ce-article-hero{
        width:100%;

        margin:
            0
            auto
            27px;
    }

    .ce-article-hero img{
        width:100%;
        height:auto;

        max-height:none;

        object-fit:contain;

        border-radius:6px;
    }


    /* Texto */

    .ce-article-body{
        font-size:17px;
        line-height:1.72;
    }

    .ce-article-body > p:first-child{
        font-size:18px;
        line-height:1.68;
    }

    .ce-article-body p{
        margin-bottom:21px;
    }


    /* Subtítulos */

    .ce-article-body h2{
        margin-top:36px;

        font-size:29px;
        line-height:1.08;
    }

    .ce-article-body h3{
        margin-top:31px;

        font-size:25px;
    }


    /* Citas */

    .ce-article-body blockquote{
        margin:
            30px
            0;

        padding-left:17px;

        font-size:24px;
    }


    /*
       Sidebar fuera del flujo principal en teléfono.
       La información lateral ya está disponible
       en otras zonas del portal y evitamos una
       página interminable después de cada noticia.
    */

    .ce-article-sidebar{
        display:none;
    }

}


/* ----------------------------------------------------------
   TELÉFONOS PEQUEÑOS
---------------------------------------------------------- */

@media(max-width:420px){

    .ce-article{
        padding-left:14px;
        padding-right:14px;
    }

    .ce-article-title{
        font-size:30px;
    }

    .ce-article-standfirst{
        font-size:16.5px;
    }

}


/* ==========================================================
   FIN NUNTIUS ARTICLE V3
========================================================== */