/* Reusable article components. Content stays in Ghost; shared presentation stays in the theme. */
.editorial-post .article-body.gh-content strong,
.editorial-post .article-body.gh-content b {
    font-weight: 600 !important;
    text-decoration: none;
}

.article-body .recuadro-definicion {
    margin: 3.2rem 0;
    padding: 2.2rem 2.6rem;
    border-left: 3px solid #A59B88;
    border-radius: 0 10px 10px 0;
    background: #F4F3EE;
}

.article-body .recuadro-definicion .titulo {
    margin: 0 0 .8rem;
    font-family: var(--serif);
    font-size: 2rem;
    line-height: 1.35;
    color: #1E1C18;
}

.article-body .recuadro-definicion p:not(.titulo) {
    margin: 0;
    font-size: 1.65rem;
    line-height: 1.7;
    color: #55514A;
}

.article-body .recuadro-definicion a {
    color: inherit;
    text-decoration: none;
}

.article-body .tabla-scroll {
    max-width: 100%;
    margin: 3.2rem 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

.article-body .tabla-marca {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
    font-family: var(--sans);
    font-size: 1.5rem;
    line-height: 1.55;
    background: #FFFFFF;
}

.article-body .tabla-marca thead,
.article-body .tabla-marca tbody,
.article-body .tabla-marca tr,
.article-body .tabla-marca th,
.article-body .tabla-marca td {
    background: #FFFFFF !important;
}

.article-body .tabla-marca th,
.article-body .tabla-marca td {
    padding: 1.6rem 1.8rem;
    border-bottom: 1px solid #E2DFD7;
    text-align: left;
    vertical-align: top;
    white-space: normal;
    overflow-wrap: anywhere;
}

.article-body .tabla-marca th {
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #6E675A;
}

.article-body .tabla-marca td:first-child {
    width: 29%;
    font-weight: 600;
    color: #292725;
}

.article-body .frase-destacada {
    margin: 4.5rem 0;
    padding: 1rem 0 1rem 2.5rem;
    border-left: 2px solid var(--sage);
    font-family: var(--serif);
    font-size: clamp(2.3rem, 3vw, 3.2rem);
    line-height: 1.42;
    color: var(--ink);
}

.article-body .fecha-actualizacion {
    margin-top: 5rem;
    padding-top: 1.8rem;
    border-top: 1px solid var(--line);
    font-size: 1.3rem !important;
    line-height: 1.5 !important;
    color: rgba(41, 40, 38, .58) !important;
}

.article-body .article-related-links {
    margin-top: 5rem;
    padding-top: 2.8rem;
    border-top: 1px solid var(--line);
}

.article-body .article-related-title {
    margin: 0 0 1.6rem;
    font-family: var(--serif);
    font-size: 2.4rem !important;
    line-height: 1.25 !important;
    color: var(--ink) !important;
}

.article-support-block {
    padding-top: 1.8rem;
    margin-top: 2.6rem;
    border-top: 1px solid #E7E4DC;
}

.authorbox-editorial + .bloque-transparencia {
    margin-top: 0;
    padding-top: 2.6rem;
    border-top: 0;
}

.article-support-block h3 {
    margin: 0 0 .8rem;
    font-family: var(--sans) !important;
    font-size: 1.5rem;
    font-weight: 500 !important;
    line-height: 1.4;
    letter-spacing: .04em;
    color: #55514A;
}

.article-support-block p,
.article-support-pending,
.article-support-link {
    margin: 0;
    font-size: 1.55rem;
    line-height: 1.65;
    color: #55514A;
}

.article-support-pending {
    display: block;
    margin-top: .7rem;
    color: #8A7E70;
}

.article-support-link {
    display: inline-block;
    margin-top: .7rem;
    color: var(--petrol, #49636A);
    text-decoration-color: rgba(73, 99, 106, .35);
    text-underline-offset: .16em;
}

@media (max-width: 600px) {
    .article-body .recuadro-definicion {
        padding: 2rem;
    }

    .article-body .tabla-marca {
        min-width: 650px;
        table-layout: auto;
    }

    .article-body .tabla-marca th,
    .article-body .tabla-marca td {
        padding: 1.4rem;
    }
}