/* 65 · Iridiscente — cromo y foil holográfico sobre marfil, como campaña de moda.
   Guion: la luz barre la lámina holográfica; los nombres en carbón y la forma líquida detrás cambia de color con
   el scroll; la cinta se dobla y despliega; en la fecha la gota se estira en un anillo con el día adentro. */
.c-iridiscente { --display-peso: 400; --display-estilo: italic; --nombre-color: #22202A; --titulo-letra: "Unbounded"; --titulo-peso: 800; --titulo-espacio: -.03em; --dia-letra: "Unbounded"; --dia-color: #22202A;
	--y-letra: "Instrument Serif"; --y-tam: .5em; --y-color: #6A4FB3; --radio: 22px; --vj: 64px; --sombra: 0 24px 40px rgb(106 79 179 / .2); --nombre-tam: clamp(4.6rem, 12vw, 10rem); --display-espacio: -.02em; }
.c-iridiscente .e-evento { color: #6A4FB3; font-family: "Unbounded", sans-serif; font-weight: 700; letter-spacing: .3em; font-size: .8rem; }
.c-iridiscente .e-fecha { color: #4A4656; }
.c-iridiscente .e-y { font-style: italic; }
.c-iridiscente .e-titulos::before { content: ""; position: absolute; inset: -4vh -4vw; z-index: -1; background: radial-gradient(closest-side, rgb(247 244 238 / .85), rgb(247 244 238 / .5) 60%, transparent); }

.ir-forma { --w: min(46vmin, 460px); left: 50%; top: 50%; --x: -50%; --y: -50%; --ds: .3; --dr: 30deg; --ey: 0px; --ed: .2s; --fd: 9s; --fa: 10px; --fr: 4deg; opacity: .4;
	filter: hue-rotate(calc(var(--p, 0) * 160deg)); }
.ir-acrilico { --w: min(20vmin, 200px); left: 6vw; top: 8vh; --r: -14deg; --dy: -16vh; --dr: -10deg; --ex: -20vw; --ey: 0px; --ed: .6s; --fd: 8s; opacity: .9; }
.ir-cinta { --w: min(30vmin, 300px); right: 4vw; top: 6vh; --r: 8deg; --dy: -20vh; --dr: 20deg; --ex: 30vw; --ey: 0px; --ed: .9s; --fd: 6s; --fa: 12px; }
.ir-prisma { --w: min(18vmin, 180px); left: 10vw; bottom: 8vh; --r: -8deg; --dy: 12vh; --dr: 40deg; --ex: -20vw; --ey: 20vh; --ed: 1.2s; --fd: 5s; }

.c-iridiscente .xv-entrada { background: linear-gradient(120deg, #F7F4EE 20%, #EDE4FA 45%, #E2F3F8 60%, #FBE7EE 75%, #F7F4EE 90%); background-size: 300% 100%; animation: ir-barre 5s ease-in-out infinite alternate; }
@keyframes ir-barre { from { background-position: 0 0; } to { background-position: 100% 0; } }
.ir-entrada-cinta { position: absolute; right: 6%; top: 8%; width: min(40vmin, 320px); }

.c-iridiscente .e-ornamento { width: min(56%, 220px); }
.c-iridiscente .e-firma { font-family: "Instrument Serif", serif; font-style: italic; color: #6A4FB3; font-size: clamp(2.4rem, 4.6vw, 3.4rem); }

/* fecha: gota → anillo iridiscente */
.ir-m-gota { left: 14%; top: 14%; width: 72%; transform: scale(calc(1 - var(--t1) * .5)) rotate(calc(var(--t1) * 180deg)); opacity: clamp(0, calc((1 - var(--t1)) * 3), 1); filter: hue-rotate(calc(var(--m) * 200deg)); }
.ir-m-anillo { left: 0; top: 0; width: 100%; opacity: var(--t2); transform: scale(calc(.5 + var(--t2) * .5)) rotate(calc(var(--m) * 40deg)); }
.c-iridiscente .e-dia-caja { padding: 12px 20px; background: rgb(255 255 255 / .8); border-radius: 22px; backdrop-filter: blur(6px); }
.c-iridiscente .e-dia { font-weight: 800; font-size: clamp(4rem, 11vw, 6.4rem); }
.c-iridiscente .e-mes { font-family: "Instrument Serif", serif; font-style: italic; color: #6A4FB3; }

.c-iridiscente .xv-superficie { background: rgb(255 255 255 / .86); border: 1px solid transparent; background-clip: padding-box; box-shadow: 0 0 0 1px #E3D8F6, 0 24px 50px -30px rgb(106 79 179 / .35); }
.c-iridiscente .e-itinerario { background: linear-gradient(120deg, #F7F4EE, #EFE8FA 40%, #E6F4F8 70%, #F7F4EE); }
.c-iridiscente .xv-momento time { color: #6A4FB3; }
.c-iridiscente .xv-titulo .xv-script { font-family: "Instrument Serif", serif; font-style: italic; font-weight: 400; color: #6A4FB3; font-size: 1.2em; }
.ir-cierre-anillo { position: absolute; left: 50%; top: 50%; width: min(60vmin, 480px); translate: -50% -50%; opacity: .25; animation: ir-gira 30s linear infinite; }
@keyframes ir-gira { to { rotate: 360deg; } }

@media (max-width: 760px) {
	.ir-forma { --w: 90vw; }
	.ir-acrilico { --w: 26vw; left: 2vw; top: 6vh; }
	.ir-cinta { --w: 40vw; right: -4vw; top: 4vh; }
	.ir-prisma { --w: 24vw; left: 4vw; bottom: 6vh; }
}