/* 80 · Seda al Viento — capítulos a pantalla completa sobre la misma seda que ondea (fondo vivo en toda la página).
   La tela cambia de color por capítulo (champaña → rosa nude → azul noche). En la fecha la seda se retuerce en un nudo
   y el nudo se vuelve el anillo con el día. */
.c-seda { --display-peso: 400; --nombre-color: #2E2620; --titulo-letra: "Gloock"; --titulo-espacio: -.01em; --dia-letra: "Gloock"; --dia-color: #2E2620;
	--y-letra: "Gloock"; --y-tam: .3em; --y-color: #8A5A3C; --y-margen: .06em 0 .12em; --radio: 26px; --vj: 64px; --sombra: 0 26px 30px rgb(58 50 44 / .25);
	--nombre-tam: clamp(4.4rem, 12.5vw, 11rem); --pareja-tam: 1; --display-espacio: .02em;
	--panel: rgb(251 246 238 / .52); --panel-borde: rgb(255 255 255 / .55); --panel-filtro: blur(12px) saturate(1.15); --tinte-mezcla: multiply; --tinte-op: .62; }
.c-seda .e-evento { color: #8A5A3C; letter-spacing: .55em; font-weight: 600; font-size: .78rem; }
.c-seda .e-nombre { line-height: 1.02; text-shadow: 0 2px 30px rgb(251 246 238 / .9); }
.c-seda .e-fecha { color: #3A322C; font-weight: 600; letter-spacing: .12em; background: rgb(251 246 238 / .6); padding: 6px 16px; border-radius: 999px; }
.se-pliegue { --w: min(30vmin, 300px); right: 4vw; bottom: 6vh; --r: -8deg; --dx: 6vw; --dy: 16vh; --dr: 20deg; --ex: 30vw; --ey: 10vh; --ed: .6s; --fd: 6s; --fa: 12px; --fr: 4deg; opacity: .95; }
.c-seda .so-y { font-family: "Gloock", serif; font-size: .45em; color: #8A5A3C; }

/* capítulos */
.c-seda main > .xv-sec:not(#portada):not(#fecha) > .panel { max-width: 980px; }
.c-seda .xv-kicker { color: #8A5A3C; letter-spacing: .5em; }
.c-seda .xv-titulo .xv-script { font-family: "Italiana", serif; font-size: 1.15em; color: #8A5A3C; }
.c-seda .e-firma { font-family: "Italiana", serif; color: #8A5A3C; font-size: clamp(2.2rem, 4vw, 3rem); }
.c-seda .xv-superficie { background: rgb(255 255 255 / .55); border-color: rgb(255 255 255 / .6); }
.c-seda .xv-momento time { color: #8A5A3C; }
.c-seda .e-ornamento { width: min(70%, 260px); }
.c-seda #itinerario, .c-seda #vestimenta, .c-seda #regalos, .c-seda #confirmar, .c-seda #cierre { --tinta: #FBF6EE; --tinta-2: #E8DED2; --acento: #E8C9A8; --linea: rgba(251,246,238,.2); color: #FBF6EE;
	--panel: rgb(30 36 51 / .5); --panel-borde: rgb(255 255 255 / .18); }
.c-seda #itinerario .xv-momento time, .c-seda #vestimenta .xv-kicker, .c-seda #regalos .xv-kicker, .c-seda #confirmar .xv-kicker, .c-seda #itinerario .xv-kicker,
.c-seda #itinerario .xv-titulo .xv-script, .c-seda #confirmar .xv-titulo .xv-script, .c-seda #regalos .xv-titulo .xv-script { color: #E8C9A8; }
.c-seda #regalos .xv-superficie, .c-seda #confirmar .xv-superficie { background: rgb(30 36 51 / .55); border-color: rgb(255 255 255 / .2); }
.c-seda #cierre .e-nombre-fin { color: #FBF6EE; }

/* fecha: seda → nudo → anillo */
.c-seda .e-fecha-k { color: #8A5A3C; }
.se-m-pliegue { left: 8%; top: 12%; width: 84%; transform: rotate(calc(var(--t1) * 240deg)) scale(calc(1 - var(--t1) * .5)); opacity: clamp(0, calc((1 - var(--t1)) * 2.5), 1); }
.se-m-nudo { left: 2%; top: 3%; width: 96%; opacity: clamp(0, calc(var(--t1) * 2.5 - 1), 1); transform: rotate(calc(var(--m) * 120deg - 60deg)) scale(calc(.5 + var(--t1) * .5)); filter: drop-shadow(0 30px 40px rgb(58 50 44 / .35)); }
.se-m-aro { inset: 24%; border-radius: 50%; background: rgb(251 246 238 / .82); opacity: var(--t2); transform: scale(calc(.6 + var(--t2) * .4)); box-shadow: inset 0 0 0 1px rgb(138 90 60 / .25); }
.c-seda .e-dia { font-size: clamp(3.6rem, 10vw, 5.6rem); }
.c-seda .e-mes { font-family: "Italiana", serif; color: #8A5A3C; font-size: clamp(1.4rem, 3.6vw, 2rem); }
.c-seda .e-anio { color: #5C5048; }

.se-cierre-y { position: absolute; left: 50%; top: 50%; translate: -50% -50%; font: 400 min(70vmin, 560px)/1 "Italiana", serif; color: rgb(251 246 238 / .1); }

@media (max-width: 760px) {
	.c-seda { --nombre-tam: clamp(3.8rem, 18vw, 5.6rem); }
	.se-pliegue { --w: 40vw; right: -6vw; bottom: 4vh; }
}