/* 96 · Partitura — una obra en cuatro movimientos (I Andante, II Allegro, III Adagio, IV Vivace); la confirmación es el «bis».
   Portada: pentagramas que se escriben solos sobre el escenario del teatro. En la fecha una frase musical se dibuja y sus
   notas se ordenan alrededor del día. */
.c-partitura { --display-peso: 400; --nombre-color: #FBF8F1; --titulo-letra: "Libre Caslon Display"; --titulo-espacio: 0; --dia-letra: "Libre Caslon Display"; --dia-color: #141414;
	--y-letra: "Libre Caslon Display"; --y-tam: .3em; --y-color: #E2C27A; --y-margen: .08em 0 .14em; --radio: 4px; --vj: 50px; --sombra: 0 22px 26px rgb(0 0 0 / .45);
	--nombre-tam: clamp(4.8rem, 13vw, 11rem); --pareja-tam: 1; }
.c-partitura .e-evento { color: #E2C27A; letter-spacing: .5em; font-family: "EB Garamond", serif; font-weight: 600; }
.c-partitura .e-nombre { text-shadow: 0 4px 30px rgb(0 0 0 / .6); line-height: 1; }
.c-partitura .e-fecha { color: #EADFC8; font-style: italic; font-size: 1.1rem; }
.pa-pentagrama { position: absolute; left: 0; top: 18%; width: 100%; height: 44%; opacity: .55; }
.pa-pentagrama path { fill: none; stroke: #E2C27A; stroke-width: 1.2; vector-effect: non-scaling-stroke; stroke-dasharray: 1; stroke-dashoffset: 1; }
html.e-abierto .pa-pentagrama path { animation: pa-traza 3.2s cubic-bezier(.4,0,.2,1) forwards; }
html.e-abierto .pa-pentagrama path:nth-child(2) { animation-delay: .15s; } html.e-abierto .pa-pentagrama path:nth-child(3) { animation-delay: .3s; } html.e-abierto .pa-pentagrama path:nth-child(4) { animation-delay: .45s; } html.e-abierto .pa-pentagrama path:nth-child(5) { animation-delay: .6s; }
@keyframes pa-traza { to { stroke-dashoffset: 0; } }
.pa-violin { --w: min(16vmin, 160px); left: 6vw; bottom: 3vh; --r: -14deg; --dy: 14vh; --ey: 30vh; --ed: .8s; --fd: 6s; }
.pa-hojas { --w: min(24vmin, 240px); right: 2vw; top: 6vh; --r: 10deg; --dy: -20vh; --dr: 14deg; --ey: -20vh; --ed: .6s; --fd: 8s; --fa: 8px; opacity: .9; }
.c-partitura .so-y { font-family: "Libre Caslon Display", serif; font-size: .45em; color: #6E1F2E; }
/* movimientos */
.c-partitura main > .xv-sec:not(#portada):not(#fecha) { background: #F5EFE2; background-image: repeating-linear-gradient(180deg, transparent 0 46px, rgb(20 20 20 / .06) 46px 47px, transparent 47px 54px, rgb(20 20 20 / .06) 54px 55px, transparent 55px 62px, rgb(20 20 20 / .06) 62px 63px, transparent 63px 70px, rgb(20 20 20 / .06) 70px 71px, transparent 71px 78px, rgb(20 20 20 / .06) 78px 79px, transparent 79px 160px); }
.c-partitura .xv-kicker { color: #6E1F2E; font-style: italic; letter-spacing: .3em; }
.c-partitura .xv-titulo .xv-script { font-family: "Pinyon Script", cursive; color: #6E1F2E; font-size: 1.25em; }
.c-partitura .xv-superficie { background: #FBF8F1; border: 1px solid #E2D9C5; }
.c-partitura .xv-momento time { color: #6E1F2E; }
.c-partitura .xv-momento span { font-style: italic; }
.c-partitura .e-firma { font-family: "Pinyon Script", cursive; color: #6E1F2E; }
.c-partitura .e-ornamento { width: min(40%, 150px); }
.c-partitura #confirmar .xv-titulo { font-size: clamp(2.6rem, 6vw, 4.4rem); }
/* fecha: frase → notas alrededor del día */
.c-partitura .e-fecha-sec { background: #F5EFE2; }
.c-partitura .e-fecha-k { color: #6E1F2E; }
.pa-m-notas { inset: 0; }
.pa-m-notas i { position: absolute; left: 50%; top: 50%; font: 400 clamp(1.8rem, 5vw, 2.8rem)/1 "EB Garamond", serif; font-style: normal; color: #6E1F2E;
	--ang: calc(var(--k) * 60deg); translate: -50% -50%;
	transform: rotate(var(--ang)) translateY(calc(-1 * (var(--t1) * 40% + 40%) * 1)) translateY(calc(var(--t2) * -0%)) rotate(calc(-1 * var(--ang))) translateX(calc((1 - var(--t1)) * (var(--k) - 2.5) * 40px));
	opacity: clamp(0, calc(var(--t1) * 3 - var(--k) * .3), 1); }
.pa-m-notas i:nth-child(1) { --k: 0; } .pa-m-notas i:nth-child(2) { --k: 1; } .pa-m-notas i:nth-child(3) { --k: 2; } .pa-m-notas i:nth-child(4) { --k: 3; } .pa-m-notas i:nth-child(5) { --k: 4; } .pa-m-notas i:nth-child(6) { --k: 5; }
.pa-m-notas i { transform: rotate(var(--ang)) translateY(calc(-1 * var(--r, 150px))) rotate(calc(-1 * var(--ang))); --r: calc(60px + var(--t1) * 80px); }
@media (max-width: 760px) { .pa-m-notas i { --r: calc(50px + var(--t1) * 70px); } }
.c-partitura .e-dia-caja { padding: 14px 24px; border: 1px solid #6E1F2E; border-radius: 50%; aspect-ratio: 1; place-content: center; width: 50%; background: #FBF8F1; }
.c-partitura .e-dia { font-size: clamp(3.4rem, 9vw, 5rem); }
.c-partitura .e-mes { font-family: "Pinyon Script", cursive; color: #6E1F2E; font-size: clamp(1.6rem, 4vw, 2.2rem); }
.pa-cierre-hojas { position: relative; display: block; width: min(26vmin, 200px); margin: 0 auto; }
.c-partitura .e-cierre-arte { position: relative; inset: auto; z-index: 0; }
@media (max-width: 760px) {
	.c-partitura { --nombre-tam: clamp(4.2rem, 20vw, 6rem); }
	.pa-violin { --w: 22vw; } .pa-hojas { --w: 34vw; right: -6vw; }
}

/* cierre sobre papel claro: nombres en tinta */
.c-partitura #cierre .e-nombre-fin { color: #3A1E25; text-shadow: none; }
.c-partitura #cierre .e-y, .c-partitura #cierre .e-nombre-fin .e-y { color: #7A1F2E; }