/* ==========================================================================
   12-CUMBRE: Cumbre Single Page Styles

   Estilos para la plantilla de página individual de cumbre.
   Incluye: intro layout (picture/quote frames), visibilidad de imagen
   destacada, y media queries responsive.
   ========================================================================== */


/* ==========================================================================
   INTRO LAYOUT — PICTURE & QUOTE FRAMES
   ========================================================================== */

.sgn-picture-frame {
    overflow: hidden;
}

.sgn-picture-frame img {
    object-position: center center;
}

.sgn-quote-frame {
    overflow: hidden;
}


/* ==========================================================================
   CUMBRE TOP HEADER LAYOUT
   ========================================================================== */

/* Empuja el logo al extremo derecho dentro del row ciudad/año */
.sgn-logo-inline {
    margin-left: auto;
}

/* Logo de la cumbre - clase aplicada en el editor al bloque ACF */
.cumbre-single-logo .value img {
    max-width: 200px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    object-fit: contain;
}


/* ==========================================================================
   CUMBRE HIDDEN ELEMENTS (Prevent Duplicate Content)
   ========================================================================== */

/* Hide featured image blocks EXCEPT when inside the picture frame */
body.single-cumbre .wp-block-post-featured-image,
body[class*="cumbre"] .wp-block-post-featured-image {
    display: none;
}

/* Specificity fix: body.single-cumbre prefix needed to beat the hide rule above (0-3-1 > 0-2-1) */
body.single-cumbre .sgn-picture-frame .wp-block-post-featured-image,
body.single-cumbre .sgn-cumbre-set .wp-block-post-featured-image {
    display: block;
}


/* ==========================================================================
   CONSOLIDATED RESPONSIVE MEDIA QUERIES
   ========================================================================== */

/* TABLET & SMALL DESKTOP - 991px and down */
@media (max-width: 991px) {
    .cumbre-single-meta {
        font-size: 1.5rem;
    }

    .sgn-quote-inner {
        padding: 40px 30px;
        min-height: auto;
    }

    /* Picture/Quote set - Stack vertically */
    .sgn-cumbre-set {
        flex-direction: column;
    }

    .sgn-picture-frame,
    .sgn-quote-frame {
        flex: none;
        width: 100%;
    }

    #cumbre-noticias .wp-block-post-template {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    #cumbre-noticias .wp-block-post-date {
        font-size: 14px;
    }

    #cumbre-noticias .wp-block-post-title {
        font-size: 22px;
    }

    #cumbre-noticias h3.wp-block-heading {
        font-size: 28px;
    }
}

/* SMALL MOBILE - 480px and down */
@media (max-width: 480px) {
    .cumbre-single-meta {
        font-size: 1.25rem;
    }

    .sgn-quote-inner {
        padding: 30px 20px;
        min-height: 150px;
    }

    #cumbre-noticias .wp-block-post-date {
        font-size: 12px;
    }

    #cumbre-noticias .wp-block-post-title {
        font-size: 20px;
    }

    #cumbre-noticias h3.wp-block-heading {
        font-size: 24px;
    }
}