/* T-01 · Inicio (paginas, #57). Solo tokens de style.css.
 * Ritmo de las secciones (fondo claro aireado, como el ERP): cabecera clara
 * con anillos, el día a día (claro, anillos a la izquierda), el hub (suave,
 * puntos), cómo se empieza (claro, anillos a la derecha), credibilidad
 * (suave, puntos) y la demostración (claro, anillos en el centro). Cada
 * sección trae su hoja; aquí solo lo que es de la página: las costuras. La
 * caja del formulario (46rem sobre los anillos) es del bloque de demo de
 * captacion (#74). */

/* Costura: una hoja del isotipo encima del corte entre dos secciones. */
.pf-home__costura {
    position: relative;
    z-index: 1;
    height: 0;
    overflow-x: clip;
    pointer-events: none;
}

.pf-home__costura-hoja {
    position: absolute;
    top: 0;
    width: clamp(3rem, 2rem + 4vw, 5.5rem);
    translate: 0 -50%;
}

.pf-home__costura--izquierda .pf-home__costura-hoja {
    left: max(var(--pf-gutter), calc((100% - var(--pf-container)) / 2 - 1rem));
    rotate: -24deg;
}

.pf-home__costura--derecha .pf-home__costura-hoja {
    right: max(var(--pf-gutter), calc((100% - var(--pf-container)) / 2 - 1rem));
    rotate: 152deg;
}

@media print {
    .pf-home__costura {
        display: none;
    }
}