/* 91 · Faro del Caribe — el haz de luz revela: cada sección aparece barrida por el haz del faro y queda encendida.
   Portada: el haz gira sobre el cielo del atardecer y el mar brilla (fondo vivo). En la fecha los anillos del lente Fresnel
   se cierran alrededor del día. */
.c-faro { --display-peso: 400; --nombre-color: #FAF8F3; --titulo-letra: "Josefin Sans"; --titulo-peso: 700; --titulo-espacio: .02em; --titulo-mayus: uppercase; --dia-letra: "Abril Fatface"; --dia-color: #13294B;
	--y-letra: "Lora"; --y-peso: 400; --y-tam: .3em; --y-color: #F2B661; --y-margen: .12em 0 .16em; --radio: 6px; --vj: 54px; --sombra: 0 24px 30px rgb(0 0 0 / .4);
	--nombre-tam: clamp(4.4rem, 12vw, 10rem); --pareja-tam: 1; }
.c-faro .e-y { font-style: italic; }
.c-faro .e-evento { color: #F2B661; letter-spacing: .5em; font-family: "Josefin Sans", sans-serif; font-weight: 700; text-shadow: 0 2px 10px rgb(0 0 0 / .5); }
.c-faro .e-nombre { text-shadow: 0 4px 30px rgb(10 24 48 / .7); line-height: 1.02; }
.c-faro .e-fecha { color: #FAF8F3; font-weight: 600; background: rgb(19 41 75 / .5); padding: 6px 16px; border-radius: 999px; backdrop-filter: blur(6px); }
.c-faro .e-titulos { align-self: start; margin-top: 14vh; translate: -6vw 0; }
.c-faro .e-pista { color: #FAF8F3; }
.fa-ancla { --w: min(14vmin, 140px); left: 6vw; bottom: 4vh; --r: -10deg; --dy: 14vh; --ey: 30vh; --ed: .8s; --fd: 5s; --fr: 3deg; }
.c-faro .so-y { font-family: "Lora", serif; font-style: italic; font-size: .5em; color: #C2372F; }
/* secciones en penumbra que el haz enciende */
.c-faro .xv-cielo { background: linear-gradient(180deg, #13294B, #0E1F3A 60%, #13294B); }
.c-faro main > .xv-sec:not(#portada) { background: transparent; }
.c-faro main > .xv-sec:nth-of-type(even):not(#portada):not(#fecha) { background: repeating-linear-gradient(180deg, rgb(255 255 255 / .02) 0 40px, transparent 40px 80px); }
.c-faro .xv-kicker { color: #F2B661; }
.c-faro .xv-titulo .xv-script { font-family: "Lora", serif; font-style: italic; text-transform: none; color: #F2B661; font-weight: 400; letter-spacing: 0; }
.c-faro .xv-superficie { background: rgb(26 51 89 / .7); border: 1px solid rgb(250 248 243 / .2); }
.c-faro .xv-momento time { color: #F2B661; }
.c-faro .e-firma { font-family: "Abril Fatface", serif; color: #F2B661; font-size: clamp(1.8rem, 3.6vw, 2.6rem); }
.c-faro .e-ornamento { width: min(50%, 200px); }
.c-faro .xv-boton:not(.xv-boton-suave) { background: #C2372F; border-color: #C2372F; color: #FAF8F3; }
/* fecha: lente Fresnel */
.c-faro .e-fecha-sec { background: radial-gradient(60% 50% at 50% 45%, #1F3D6A, #13294B 75%); }
.c-faro .e-fecha-k { color: #F2B661; }
.fa-m-lente { left: 0; top: 0; width: 100%; transform: rotate(calc(var(--m) * 180deg)) scale(calc(1.25 - var(--t1) * .3)); opacity: calc(.4 + var(--t1) * .6); }
.fa-m-anillos { inset: 25%; border-radius: 50%; background: radial-gradient(circle, #FFF6E0, #F2D9A0 70%); box-shadow: 0 0 60px rgb(242 182 97 / .8); opacity: var(--t2); transform: scale(calc(.3 + var(--t2) * .7)); }
.c-faro .e-dia { font-size: clamp(3.4rem, 9vw, 5rem); }
.c-faro .e-mes { font-family: "Josefin Sans", sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .26em; color: #C2372F; font-size: .78rem; margin-top: 4px; }
.c-faro .e-anio { color: #13294B; font-size: .7rem; }
.c-faro .e-sem { color: #D6DCE6; }
.fa-cierre-haz { position: absolute; left: 50%; top: 0; width: 140vmax; height: 40px; translate: -50% 0; transform-origin: 50% 50%; background: linear-gradient(90deg, transparent, rgb(255 236 190 / .22) 45%, rgb(255 236 190 / .3) 50%, rgb(255 236 190 / .22) 55%, transparent); filter: blur(10px); animation: fa-gira 8s linear infinite; top: 30%; }
@keyframes fa-gira { to { transform: rotate(360deg); } }
@media (max-width: 760px) {
	.c-faro { --nombre-tam: clamp(3.8rem, 18vw, 5.4rem); }
	.c-faro .e-titulos { translate: 0 0; margin-top: 12vh; }
	.fa-ancla { --w: 20vw; }
}