/*
 * MDB Editorial · Fase 1 · Artículo individual (1.1.120).
 * Estilos propios de lectura. NO reproduce single.php ni sustituye sus hooks.
 * Fuente de tokens: assets/css/mdb-design-system.css (tema hijo).
 * Ámbito: entradas WordPress estándar, exclusivamente.
 */

body.single-post #mvp-article-wrap {
    color: var(--mdb-text);
    font-family: var(--mdb-font-ui);
}

/* El contenido mantiene el ancho y las columnas originales de Zox.
   La cabecera adopta el mismo acento superior que las tarjetas de HOME. */
body.single-post #mvp-article-cont #mvp-post-main {
    margin-top: 28px;
}

body.single-post #mvp-article-cont #mvp-post-head {
    box-sizing: border-box;
    padding: 16px 0 24px;
    border-top: 4px solid var(--mdb-orange);
    border-bottom: 1px solid var(--mdb-line);
    margin-bottom: 26px;
}

body.single-post #mvp-article-cont #mvp-post-head h3.mvp-post-cat {
    margin: 0 0 12px;
}

body.single-post #mvp-article-cont #mvp-post-head span.mvp-post-cat {
    display: inline-block;
    float: none;
    width: auto;
    padding: 0;
    background: transparent;
    color: var(--mdb-orange-hover);
    font-family: var(--mdb-font-ui);
    font-size: 11px;
    line-height: 1.35;
    font-weight: 900;
    letter-spacing: .07em;
    transform: none;
}

body.single-post #mvp-article-cont #mvp-post-head .mvp-post-title {
    width: 100%;
    max-width: 1020px;
    margin: 0;
    color: var(--mdb-ink);
    font-family: var(--mdb-font-display);
    font-size: clamp(32px, 4vw, 52px);
    font-weight: 900;
    letter-spacing: -.034em;
    line-height: 1.105;
    overflow-wrap: anywhere;
}

body.single-post #mvp-article-cont #mvp-post-head .mvp-post-excerpt {
    display: block;
    float: none;
    width: 100%;
    max-width: 860px;
    margin: 15px 0 0;
    color: var(--mdb-text);
    font-family: var(--mdb-font-ui);
    font-size: clamp(16px, 1.5vw, 19px);
    line-height: 1.58;
    font-weight: 400;
}

/* Autor y fechas: secundarios, legibles y no dependientes de PT Serif. */
body.single-post #mvp-article-cont .mvp-author-info-wrap {
    margin-top: 20px;
}

body.single-post #mvp-article-cont .mvp-author-info-text,
body.single-post #mvp-article-cont .mvp-author-info-text :is(p, span, a) {
    font-family: var(--mdb-font-ui);
    font-size: 12px;
    line-height: 1.5;
}

body.single-post #mvp-article-cont .mvp-author-info-text {
    color: var(--mdb-muted);
}

/* Fotografía: sin recortes nuevos, conservando vídeo, galerías y créditos. */
body.single-post #mvp-article-cont #mvp-post-feat-img {
    margin-bottom: 18px;
}

body.single-post #mvp-article-cont #mvp-post-feat-img img {
    max-width: 100%;
    height: auto;
}

body.single-post #mvp-article-cont .mvp-feat-caption {
    color: var(--mdb-muted);
    font-family: var(--mdb-font-ui);
    font-size: 12px;
    line-height: 1.45;
}

/* Texto periodístico. Los aside promocionales conservan su propio diseño. */
body.single-post #mvp-article-cont #mvp-content-main {
    color: var(--mdb-text);
    font-family: var(--mdb-font-ui);
    font-size: 17px;
    line-height: 1.72;
    overflow-wrap: break-word;
}

body.single-post #mvp-article-cont #mvp-content-main > p,
body.single-post #mvp-article-cont #mvp-content-main > ul li,
body.single-post #mvp-article-cont #mvp-content-main > ol li {
    color: var(--mdb-text);
    font-family: var(--mdb-font-ui);
    font-size: 17px;
    line-height: 1.72;
}

body.single-post #mvp-article-cont #mvp-content-main :is(h2, h3, h4, h5, h6) {
    color: var(--mdb-ink);
    font-family: var(--mdb-font-display);
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 1.24;
    overflow-wrap: anywhere;
}

body.single-post #mvp-article-cont #mvp-content-main h2 {
    font-size: clamp(24px, 2.6vw, 30px);
    margin: 30px 0 14px;
}

body.single-post #mvp-article-cont #mvp-content-main h3 {
    font-size: clamp(20px, 2.2vw, 24px);
    margin: 26px 0 12px;
}

body.single-post #mvp-article-cont #mvp-content-main :is(h4, h5, h6) {
    font-size: 18px;
    margin: 22px 0 10px;
}

body.single-post #mvp-article-cont #mvp-content-main > p a,
body.single-post #mvp-article-cont #mvp-content-main > :is(ul, ol) a {
    color: var(--mdb-orange-hover);
    text-decoration: underline;
    text-underline-offset: 3px;
}

body.single-post #mvp-article-cont #mvp-content-main blockquote {
    box-sizing: border-box;
    margin: 24px 0;
    padding: 18px 22px;
    background: var(--mdb-soft);
    border-left: 4px solid var(--mdb-orange);
}

body.single-post #mvp-article-cont #mvp-content-main blockquote p {
    width: auto;
    margin: 0;
    color: var(--mdb-ink);
    font-family: var(--mdb-font-display);
    font-size: clamp(18px, 2vw, 23px);
    font-weight: 800;
    line-height: 1.35;
}

body.single-post #mvp-article-cont #mvp-content-main :is(figcaption, .wp-caption-text) {
    color: var(--mdb-muted);
    font-family: var(--mdb-font-ui);
    font-size: 12px;
    line-height: 1.45;
}

body.single-post #mvp-article-cont #mvp-content-main :is(img, iframe, video) {
    max-width: 100%;
}

/* Cierre del artículo: metadatos y recomendaciones, con geometría MDB. */
body.single-post #mvp-article-cont .mvp-post-tags {
    padding: 18px 0 10px;
    border-top: 1px solid var(--mdb-line);
    font-family: var(--mdb-font-ui);
    font-size: 12px;
    line-height: 1.45;
    text-transform: none;
}

body.single-post #mvp-article-cont .mvp-post-tags-header {
    margin: 8px 12px 8px 0;
    font-weight: 900;
    font-size: 12px;
}

body.single-post #mvp-article-cont .mvp-post-tags a {
    margin: 0 8px 8px 0;
    padding: 6px 10px;
    border: 1px solid var(--mdb-line);
    background: var(--mdb-soft);
    color: var(--mdb-text);
    font-family: var(--mdb-font-ui);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

body.single-post #mvp-article-cont .mvp-post-tags a:before {
    position: static;
    content: '#';
    margin-right: 1px;
}

body.single-post #mvp-article-cont #mvp-author-box-wrap,
body.single-post #mvp-article-cont #mvp-related-posts {
    box-sizing: border-box;
    border-top: 3px solid var(--mdb-orange);
    background: var(--mdb-soft);
    padding: 18px 20px;
    margin-top: 28px;
}

body.single-post #mvp-article-cont #mvp-related-posts .mvp-widget-home-title,
body.single-post #mvp-article-cont #mvp-author-box-wrap .mvp-author-box-name {
    font-family: var(--mdb-font-display);
    font-weight: 900;
}

body.single-post #mvp-article-cont #mvp-prev-next-wrap,
body.single-post #mvp-article-cont #mvp-post-bot-ad {
    border-top: 1px solid var(--mdb-line);
    margin-top: 30px;
    padding-top: 18px;
}

/* Elementos de navegación y widget: solo tipografía; no se mueven anuncios. */
body.single-post #mvp-article-cont :is(.mvp-prev-next-label, .mvp-post-date),
body.single-post #mvp-article-cont #mvp-side-wrap {
    font-family: var(--mdb-font-ui);
}

body.single-post #mvp-article-cont #mvp-side-wrap h4.mvp-widget-home-title {
    font-family: var(--mdb-font-display);
    font-weight: 900;
}

@media (max-width: 767px) {
    body.single-post #mvp-article-cont #mvp-post-main {
        margin-top: 16px;
    }

    body.single-post #mvp-article-cont #mvp-post-head {
        padding: 14px 0 18px;
        margin-bottom: 18px;
    }

    body.single-post #mvp-article-cont #mvp-post-head .mvp-post-title {
        font-size: clamp(29px, 7vw, 38px);
        line-height: 1.12;
    }

    body.single-post #mvp-article-cont #mvp-content-main,
    body.single-post #mvp-article-cont #mvp-content-main > p,
    body.single-post #mvp-article-cont #mvp-content-main > ul li,
    body.single-post #mvp-article-cont #mvp-content-main > ol li {
        font-size: 16px;
        line-height: 1.68;
    }

    body.single-post #mvp-article-cont #mvp-content-main blockquote {
        padding: 15px 16px;
    }

    body.single-post #mvp-article-cont #mvp-author-box-wrap,
    body.single-post #mvp-article-cont #mvp-related-posts {
        padding: 15px;
    }
}

/* MDB Editorial 1.1.124 · El título conserva todo el ancho. En los artículos
 * estándar de Zox la foto y el sidebar comparten una fila real, sin flotantes
 * que retrasen la primera tarjeta. No se aplica a otras variantes de Zox. */
@media (min-width:1100px) {
    body.single-post #mvp-article-cont #mvp-post-main:has(> #mvp-post-head)
    > .mvp-post-main-out:has(> #mvp-side-wrap.mdb-editorial-sidebar) {
        box-sizing:border-box;
        display:grid;
        grid-template-columns:minmax(0, 1fr) 320px;
        gap:60px;
        align-items:start;
        overflow:clip!important;
        width:100%;
        margin-right:0;
    }
    body.single-post #mvp-article-cont #mvp-post-main:has(> #mvp-post-head)
    > .mvp-post-main-out > .mvp-post-main-in {
        box-sizing:border-box;
        grid-column:1;
        grid-row:1;
        min-width:0;
        width:100%;
        margin:0;
    }
    body.single-post #mvp-article-cont #mvp-post-main:has(> #mvp-post-head)
    > .mvp-post-main-out > #mvp-side-wrap.mdb-editorial-sidebar {
        grid-column:2;
        grid-row:1;
        align-self:start;
        min-width:0;
        width:320px;
        margin:0;
    }
}

/* MDB Editorial 1.1.125 · Metadatos y noticias relacionadas.
 * Sin alterar las opciones nativas de teaser, autoplay ni el sidebar. */
body.single-post #mvp-post-head .mdb-editorial-byline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 3px;
    clear: both;
    width: 100%;
    margin-top: 16px;
    padding: 0;
    color: var(--mdb-muted, #65707b);
    font-family: var(--mdb-font-ui, sans-serif);
    font-size: 12px;
    line-height: 1.5;
}
body.single-post #mvp-post-head .mdb-editorial-byline a {
    color: var(--mdb-ink, #111318);
    font-weight: 800;
    text-decoration: none;
}
body.single-post #mvp-post-head .mdb-editorial-byline a:hover {
    color: var(--mdb-orange-hover, #f45100);
}
body.single-post #mvp-post-head .mdb-editorial-byline__sep {
    color: var(--mdb-muted, #87909a);
}

/* El diseño de tarjetas y el 3×2 ya existen en .mdb-country-news.
 * Aquí solo se fija el ancho máximo para sacarlo de las columnas de Zox. */
body.single-post .mdb-country-news.mdb-editorial-related {
    box-sizing: border-box;
    width: calc(100% - 40px) !important;
    max-width: 1200px;
    margin: 44px auto 48px !important;
    padding: 0 !important;
}
@media (max-width: 550px) {
    body.single-post #mvp-post-head .mdb-editorial-byline {
        column-gap: 7px;
        font-size: 11px;
    }
    body.single-post .mdb-country-news.mdb-editorial-related {
        width: calc(100% - 28px) !important;
        margin-top: 28px !important;
    }
}