/*
 * CENAE — Native Post V4
 * Complemento para entradas WordPress/Gutenberg.
 */

/* ----------------------------------------------------------
   NEUTRALIZAR ELEMENTOS NATIVOS GENERATEPRESS
   ---------------------------------------------------------- */

body.cenae-v4-native-post
.featured-image.page-header-image-single {
    display: none !important;
}

body.cenae-v4-native-post
.entry-header {
    display: none !important;
}

body.cenae-v4-native-post
footer.entry-meta {
    display: none !important;
}

body.cenae-v4-native-post
#right-sidebar {
    display: none !important;
}

body.cenae-v4-native-post
#primary {
    width: 100% !important;
    float: none !important;
}


/* ----------------------------------------------------------
   IMAGEN DESTACADA EDITORIAL
   ---------------------------------------------------------- */

.cenae-v4-native-featured {
    margin: 0;
    padding: 46px 24px 0;
    background: #fff;
}

.cenae-v4-native-featured-inner {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.cenae-v4-native-featured-image {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 720px;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
}

.cenae-v4-native-featured figcaption {
    max-width: 820px;
    margin: 12px auto 0;
    color: var(--cenae-muted, #6B6560);
    font-family: var(--cenae-sans);
    font-size: 12px;
    line-height: 1.5;
}


/* ----------------------------------------------------------
   CUERPO NATIVO / GUTENBERG
   ---------------------------------------------------------- */

body.cenae-v4-native-post
.cenae-v4-native-content {
    width: 100%;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;

    color: #34312D;
    font-family: var(--cenae-sans);
    font-size: 17px;
    line-height: 1.72;
}


/*
 * Columna normal de lectura.
 */
body.cenae-v4-native-post
.cenae-v4-native-content
> :is(
    p,
    h2,
    h3,
    h4,
    h5,
    h6,
    ul,
    ol,
    blockquote,
    pre,
    table,
    figure.wp-block-image
) {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}


/*
 * Gutenberg puede necesitar mayor anchura para galerías,
 * columnas y estructuras visuales.
 */
body.cenae-v4-native-post
.cenae-v4-native-content
> :is(
    .wp-block-gallery,
    .wp-block-columns,
    .alignwide
) {
    width: 100%;
    max-width: 1120px;
    margin-left: auto !important;
    margin-right: auto !important;
}


/*
 * Las galerías mantienen sus propias columnas, pero el conjunto
 * queda centrado dentro del área editorial.
 */
body.cenae-v4-native-post
.cenae-v4-native-content
.wp-block-gallery {
    margin-left: auto;
    margin-right: auto;
}


/* Links coherentes con V4. */
body.cenae-v4-native-post
.cenae-v4-native-content a {
    color: var(--cenae-piedra, #7A5230);
    text-decoration-color: rgba(122, 82, 48, .38);
    text-underline-offset: 3px;
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width: 900px) {
    .cenae-v4-native-featured {
        padding-top: 36px;
    }

    .cenae-v4-native-featured-image {
        max-height: 620px;
    }
}

@media (max-width: 640px) {
    .cenae-v4-native-featured {
        padding:
            28px
            18px
            0;
    }

    .cenae-v4-native-featured-image {
        max-height: 520px;
    }

    body.cenae-v4-native-post
    .cenae-v4-native-content {
        font-size: 17px;
        line-height: 1.66;
    }
}