/* 43 · Medio Siglo Dorado — estampado en oro sobre papel negro: carbón, oro, champaña y vino.
   Guion: un sobre negro se funde; el número de años en Bodoni enorme, cruzado por el nombre en letra de firma,
   con un laurel dorado detrás. Al bajar las copas se acercan para brindar. En la fecha la medalla gira como una
   moneda y se detiene con el día al frente. Las secciones alternan negro y marfil. */

.c-dorado { --display-peso: 400; --nombre-color: #FAF6EE; --edad-letra: "Bodoni Moda"; --edad-color: #D4AF5A; --titulo-letra: "Bodoni Moda"; --titulo-peso: 700;
	--dia-letra: "Bodoni Moda"; --dia-color: #1A1408; --radio: 4px; --vj: 120px; --lamina: #1F1D1A; --sombra: 0 26px 30px rgb(0 0 0 / .5); }
.c-dorado .e-titulos { grid-template-areas: "ev" "centro" "fe"; gap: 0; }
.c-dorado .e-evento { grid-area: ev; margin-bottom: 1vh; }
.c-dorado .e-nombre-caja, .c-dorado .e-edad { grid-area: centro; }
.c-dorado .e-fecha { grid-area: fe; margin-top: 1vh; justify-self: center; color: #F3E6C8; background: rgb(18 18 18 / .78); padding: 6px 16px; border-radius: 999px; }
.c-dorado .e-edad { justify-content: center; }
.c-dorado .e-edad-n { font-weight: 900; font-size: clamp(10rem, 30vw, 21rem); line-height: .82; letter-spacing: -.04em;
	background: linear-gradient(170deg, #F6E3A8 0%, #D4AF5A 38%, #8E6B22 62%, #E8CF8A 100%); -webkit-background-clip: text; background-clip: text; color: transparent; opacity: .95; }
.c-dorado .e-edad-t { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.c-dorado .e-nombre-caja { z-index: 1; align-self: center; translate: 0 6%; }
.c-dorado .e-nombre { font-size: calc(clamp(4rem, 10vw, 8rem) * var(--n, 1)); text-shadow: 0 6px 30px rgb(0 0 0 / .85), 0 0 2px #000; }

.do-laurel { --w: min(78vmin, 700px); left: calc(50% - min(39vmin, 350px)); top: calc(50% - min(34vmin, 300px)); --ds: .08; --dy: 6vh; --ey: 0px; --ed: .2s; --fd: 10s; --fa: 4px; --fr: .6deg; opacity: .9; }
html:not(.e-abierto) .do-laurel { scale: .85; }
.do-laurel { transition: opacity 1.4s ease var(--ed), translate 1.6s cubic-bezier(.16,1,.3,1) var(--ed), scale 1.6s cubic-bezier(.16,1,.3,1) var(--ed); }
.do-copas { --w: min(30vmin, 280px); left: 4vw; bottom: 2vh; --dx: 9vw; --dy: -4vh; --dr: 8deg; --ex: -30vw; --ey: 0px; --ed: .9s; --fd: 6s; }
.do-botella { --w: min(22vmin, 210px); right: 5vw; bottom: 0; --r: 12deg; --dr: -14deg; --dy: -6vh; --ex: 30vw; --ey: 0px; --ed: 1.1s; --fd: 5.5s; }

/* entrada */
.c-dorado .xv-entrada { background: radial-gradient(70% 60% at 50% 45%, #1E1B16, #0B0B0B 70%); }
.do-entrada-laurel { position: absolute; left: 50%; top: 50%; width: min(70vmin, 620px); translate: -50% -50%; opacity: .35; }
.c-dorado .xv-entrada-nombre { color: #F3E6C8; }
.c-dorado .xv-entrada .xv-evento { color: #D4AF5A; }

/* bienvenida */
.c-dorado .e-ornamento { width: min(70%, 260px); }
.c-dorado .e-firma { color: #D4AF5A; }

/* fecha: la medalla gira como moneda y se detiene con el día al frente */
.c-dorado .e-fecha-escena { perspective: 1200px; }
.do-m-medalla { left: 12%; top: 14%; width: 76%; transform: rotateY(calc((1 - var(--t2)) * 900deg)) scale(calc(.6 + var(--t1) * .4)); opacity: clamp(0, calc(var(--t1) * 2), 1);
	filter: drop-shadow(0 30px 40px rgb(0 0 0 / .6)); backface-visibility: visible; }
.c-dorado .e-dia-caja { translate: 0 -6%; }
.c-dorado .e-dia { font-weight: 900; font-size: clamp(4.4rem, 12vw, 7.6rem); }
.c-dorado .e-mes { color: #5B1A2A; font-size: clamp(1.6rem, 4.5vw, 2.6rem); }
.c-dorado .e-anio { color: #3A2A10; }
.c-dorado .xv-num { color: #E8CF8A; }

/* secciones en marfil (contraste con las negras) */
.c-dorado :is(.e-itinerario, .e-regalos) { background: #FAF6EE; color: #121212; --tinta: #121212; --tinta-2: #4A4235; --linea: rgba(18,18,18,.14); --papel: #FFFFFF; --acento: #7A5A16; --boton: #121212; --boton-tinta: #FAF6EE; }
.c-dorado .xv-superficie { border-color: rgb(212 175 90 / .4); }
.c-dorado .e-lugar { background: linear-gradient(160deg, #1F1D1A, #141414); }
.c-dorado .xv-titulo .xv-script { font-size: 1.4em; }

/* cierre: el laurel vuelve detrás del nombre */
.do-cierre-laurel { position: absolute; left: 50%; top: 50%; width: min(80vmin, 640px); translate: -50% -50%; opacity: .14; }

@media (max-width: 760px) {
	.c-dorado .e-edad-n { font-size: 46vw; }
	.do-laurel { --w: 96vw; left: 2vw; top: 26vh; }
	.do-copas { --w: 36vw; left: 0; }
	.do-botella { --w: 26vw; right: 2vw; }
}

/* Fecha con agrupación natural y menos espaciado entre letras. */
.xv-fecha-discreta { letter-spacing:.06em; line-height:1.55; text-wrap:balance; }