/* =========================================
   PAGE — Plantilla genérica de página
   ========================================= */

.pagina {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}

.pagina__titulo {
    font-family: var(--tipografia-titulos);
    font-size: var(--tamanio-h1);
    font-weight: 700;
    color: var(--color-primario);
    padding-bottom: 20px;
    border-bottom: 2px solid var(--color-borde);
    margin-bottom: 30px;
}

.pagina__titulo h1 {
    margin: 0;
}

.pagina__contenido {
    font-family: var(--tipografia-base);
    font-size: var(--tamanio-base);
    color: var(--color-texto);
    line-height: 1.7;
}

.pagina__contenido h1 {
    font-family: var(--tipografia-titulos);
    font-size: var(--tamanio-h1);
    /* !important necesario para sobrescribir el inline style que inyecta Gutenberg */
    color: var(--color-primario) !important;
    margin-top: 0;
    margin-bottom: 1rem;
}

.pagina__contenido h2 {
    font-family: var(--tipografia-titulos);
    font-size: var(--tamanio-h2);
    color: var(--color-primario);
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.pagina__contenido h3 {
    font-family: var(--tipografia-titulos);
    font-size: var(--tamanio-h3);
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.pagina__contenido p {
    margin-bottom: 1.25rem;
}

.pagina__contenido a {
    color: var(--color-primario);
}

.pagina__contenido ul,
.pagina__contenido ol {
    padding-left: 1.5rem;
    margin-bottom: 1.25rem;
}

.pagina__contenido li {
    margin-bottom: 0.5rem;
    line-height: 1.7;
}

/* ---- Ponencias: enlaces de texto en wp:file ---- */
.pagina__contenido .wp-block-file a:not(.wp-block-file__button) {
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #1a78bf;
}

.pagina__contenido .wp-block-file a:not(.wp-block-file__button):hover {
    text-decoration: underline;
}

/* ---- Ponencias: layout de fila y separación de 5px ---- */
.pagina__contenido .wp-block-file {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.pagina__contenido .wp-block-file .wp-block-file__button {
    margin-left: auto;
    flex-shrink: 0;
}

.pagina__contenido .wp-block-group .wp-block-separator {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ---- Ponentes: fotos cuadradas (anula border-radius:50% inline de Gutenberg) ---- */
.pagina__contenido .wp-block-image>figure {
    border-radius: 0 !important;
    overflow: hidden !important;
}


/* =========================================
   MOBILE (≤ 800px)
   ========================================= */

@media (max-width: 800px) {
    .pagina {
        box-sizing: border-box;
        padding: 80px 10px 0;
    }
}