/* T-03 · Landing (paginas). Solo tokens de style.css.
 * El contenido lo maquetan las reglas de `.pf-bloques` (templates/page/bloques.css);
 * aquí, el aire entre secciones y la «Cabecera de landing» (patterns/landing-cabecera.php),
 * pensada para que el botón quede a la vista sin desplazarse también a 360px. */

.pf-landing__contenido {
    padding-bottom: var(--pf-space-section);
}

/* Una banda a todo el ancho al principio va pegada a la cabecera; el texto
 * suelto, con aire. */
.pf-landing__contenido > :first-child:not(.alignfull) {
    margin-top: var(--pf-space-section);
}

.pf-landing__contenido > .alignfull {
    margin-block: 0 var(--pf-space-section);
}

/* Cabecera de landing: banda suave; dentro, al ancho de página, etiqueta,
 * titular, entradilla y botón. Selectores de descendiente: en un tema clásico
 * cada grupo envuelve a sus hijos en `.wp-block-group__inner-container`.
 * v2 (#59): anillos del ERP detrás, a la derecha, que se abren al cargar
 * (inc/paginas.php, pf_acanda_paginas_landing_cabecera_viva). */
.pf-bloques > .pf-landing-cabecera {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    overflow: clip;
    padding: var(--pf-space-lg) var(--pf-gutter) var(--pf-space-xl);
    background-color: var(--pf-color-bg-alt);
    border-bottom: var(--pf-rule);
}

.pf-bloques .pf-landing-cabecera__fondo {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}

.pf-bloques .pf-landing-cabecera__fondo .pf-ilustracion {
    position: absolute;
    top: 50%;
    left: 88%;
    width: min(56rem, 160%);
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
}

.pf-bloques .pf-landing-cabecera__interior {
    position: relative;
    max-width: var(--pf-container);
    margin: 0 auto;
}

.pf-bloques .pf-landing-cabecera__interior :is(.pf-etiqueta, .pf-landing-cabecera__titulo, .pf-landing-cabecera__entradilla, .wp-block-buttons) {
    margin-top: 0;
}

.pf-bloques .pf-landing-cabecera__interior .pf-etiqueta {
    margin-bottom: var(--pf-space-xs);
}

.pf-bloques .pf-landing-cabecera__titulo {
    max-width: 20ch;
    margin-bottom: var(--pf-space-sm);
    font-size: var(--pf-text-4xl);
    line-height: var(--pf-leading-tight);
}

.pf-bloques .pf-landing-cabecera__entradilla {
    max-width: var(--pf-measure-narrow);
    margin-bottom: var(--pf-space-md);
    font-size: var(--pf-text-lg);
    line-height: var(--pf-leading-normal);
    color: var(--pf-color-text-soft);
}

.pf-bloques .pf-landing-cabecera__interior .wp-block-buttons {
    margin-block: 0;
}

@media (min-width: 768px) {
    .pf-bloques > .pf-landing-cabecera {
        padding-block: var(--pf-space-section);
    }
}