/* 70 · Carreta Pintada — la rueda de Sarchí como mandala, laca negra y esmalte brillante.
   Guion: la rueda gira y frena; los nombres sobre laca con la rueda grande detrás que gira con el scroll como si
   la carreta avanzara; cenefas pintadas; en la fecha los rayos se recogen al centro y el día queda en el cubo. */
.c-carreta { --display-peso: 400; --nombre-color: #FFFFFF; --titulo-letra: "Cinzel Decorative"; --titulo-peso: 900; --titulo-espacio: 0; --dia-letra: "Rye"; --dia-color: #121212;
	--y-letra: "Cinzel Decorative"; --y-peso: 900; --y-tam: .42em; --y-color: #F5B700; --y-margen: .1em 0 .12em; --radio: 18px; --vj: 64px; --sombra: 0 24px 30px rgb(0 0 0 / .5); --nombre-tam: clamp(3.4rem, 9vw, 7.4rem); }
.c-carreta .e-evento { color: #F5B700; letter-spacing: .4em; font-weight: 700; }
.c-carreta .e-nombre { line-height: 1.02; text-shadow: 0 4px 0 #C1272D, 0 10px 30px rgb(0 0 0 / .7); }
.c-carreta .e-fecha { color: #E6E2DA; }
.c-carreta .e-titulos::before { content: ""; position: absolute; inset: -4vh -6vw; z-index: -1; border-radius: 40px; background: radial-gradient(closest-side, rgb(18 18 18 / .82), rgb(18 18 18 / .5) 70%, transparent); }

.ca-rueda { --w: min(84vmin, 760px); left: 50%; top: 50%; --x: -50%; --y: -50%; --dr: 220deg; --ds: .15; --ey: 0px; --ed: .2s; --fd: 0s; opacity: .36; }
.ca-rueda .e-img { animation: ca-gira 50s linear infinite; }
@keyframes ca-gira { to { rotate: 360deg; } }
.ca-cenefa-arriba { --w: min(70vw, 700px); left: 50%; top: 3vh; --x: -50%; --dy: -10vh; --ey: -20vh; --ed: .5s; --fd: 0s; }
.ca-cenefa-arriba .e-img { animation: none; }
.ca-flor-a { --w: min(16vmin, 160px); left: 6vw; bottom: 8vh; --r: -10deg; --dy: 14vh; --dr: -60deg; --ex: -20vw; --ey: 20vh; --ed: 1s; --fd: 6s; }
.ca-estrella { --w: min(14vmin, 140px); right: 7vw; bottom: 10vh; --r: 10deg; --dy: 12vh; --dr: 80deg; --ex: 20vw; --ey: 20vh; --ed: 1.2s; --fd: 5s; }

.c-carreta .xv-entrada { background: radial-gradient(70% 60% at 50% 40%, #222, #0A0A0A 80%); }
.ca-entrada-rueda { position: absolute; left: 50%; top: 50%; width: min(90vmin, 640px); translate: -50% -50%; opacity: .35; animation: ca-frena 3s cubic-bezier(.1,.7,.3,1) both; }
@keyframes ca-frena { from { rotate: -720deg; } to { rotate: 0deg; } }
.c-carreta .xv-entrada-contenido { position: relative; z-index: 1; }

.c-carreta .e-ornamento { width: min(80%, 320px); }
.c-carreta .e-firma { font-family: "Rye", serif; color: #F5B700; font-size: clamp(1.8rem, 3.6vw, 2.6rem); }

/* fecha: rueda → cubo con el día */
.ca-m-rueda { left: 0; top: 0; width: 100%; transform: rotate(calc(var(--m) * 540deg)) scale(calc(1 - var(--t2) * .2)); opacity: calc(1 - var(--t2) * .35); }
.ca-m-cubo { inset: 26%; border-radius: 50%; background: radial-gradient(circle at 40% 35%, #FFFFFF, #F4EFE6); box-shadow: 0 0 0 8px #C1272D, 0 0 0 14px #F5B700, 0 0 0 20px #1E4FA3, 0 20px 40px rgb(0 0 0 / .5);
	opacity: var(--t2); transform: scale(calc(.2 + var(--t2) * .8)); }
.c-carreta .e-dia { font-size: clamp(3rem, 9vw, 4.6rem); }
.c-carreta .e-mes { font-family: "Outfit", sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .2em; color: #C1272D; font-size: .85rem; margin-top: 6px; }
.c-carreta .e-anio { color: #1E4FA3; font-size: .75rem; }

.c-carreta .xv-superficie { background: #1A1A1A; border: 2px solid #F5B700; }
.c-carreta .e-itinerario { background: linear-gradient(180deg, #121212, #1B1712 50%, #121212); }
.c-carreta .xv-momento time { color: #F5B700; } .c-carreta .xv-momento:nth-child(3n+2) time { color: #FF6B6B; } .c-carreta .xv-momento:nth-child(3n) time { color: #7FB2FF; }
.c-carreta .xv-titulo .xv-script { font-family: "Rye", serif; color: #F5B700; }
.ca-cierre-rueda { position: absolute; left: 50%; top: 50%; width: min(80vmin, 640px); translate: -50% -50%; opacity: .2; animation: ca-gira 60s linear infinite; }

@media (max-width: 760px) {
	.ca-rueda { --w: 130vw; }
	.ca-cenefa-arriba { --w: 110vw; top: 2vh; }
	.ca-flor-a { --w: 24vw; left: 2vw; bottom: 6vh; }
	.ca-estrella { --w: 22vw; right: 2vw; bottom: 8vh; }
	.c-carreta { --nombre-tam: clamp(2.6rem, 12vw, 4.2rem); }
}