/* 46 · Diploma de Honor — certificado grabado: vino, pergamino, oro y tinta.
   Guion: un sello de lacre cierra la invitación; al romperlo, el diploma se desenrolla desde el centro y descubre
   el nombre escrito en él; una roseta de guilloché gira lenta detrás. En la fecha la roseta gira y se vuelve el
   sello de lacre con el día. El programa es el orden del día impreso, con líneas de puntos. */

.c-diploma { --display-peso: 900; --nombre-color: #231A16; --titulo-letra: "Cinzel"; --titulo-peso: 700; --titulo-espacio: .02em; --dia-letra: "Cinzel"; --dia-color: #F6EAD0;
	--radio: 3px; --vj: 96px; --nombre-tam: clamp(2.8rem, 7.5vw, 6rem); --sombra: 0 20px 26px rgb(35 26 22 / .25); }
.c-diploma .xv-kicker, .c-diploma .xv-evento { font-family: "EB Garamond", serif; letter-spacing: .3em; }
.c-diploma .e-evento { font-family: "UnifrakturCook", serif; font-weight: 700; text-transform: none; letter-spacing: .02em; font-size: clamp(1.4rem, 3vw, 2.2rem); color: #6B1E2E; }
.c-diploma .e-titulos { gap: 10px; translate: 0 -1vh; }
.c-diploma .e-grado-t { font-family: "EB Garamond", serif; font-style: italic; font-weight: 500; font-size: clamp(1.1rem, 2.4vw, 1.6rem); }
.c-diploma .e-fecha { color: #4E4136; }

/* el diploma se desenrolla desde el centro; el nombre queda escrito en él */
.di-diploma { --w: min(92vmin, 900px); left: calc(50% - min(46vmin, 450px)); top: calc(50% - min(37vmin, 362px)); --ds: .04; --ey: 0px; --ed: .2s; --fd: 12s; --fa: 3px; --fr: .3deg; }
.di-diploma { transition: opacity .6s ease var(--ed), clip-path 1.8s cubic-bezier(.77,0,.175,1) var(--ed); clip-path: inset(0 0 0 0); }
html:not(.e-abierto) .di-diploma { clip-path: inset(0 49% 0 49%); translate: none; }
.di-roseta { --w: min(30vmin, 280px); right: 6vw; top: 6vh; --dr: 120deg; --dy: 10vh; --ey: 0px; --ed: 1.2s; --fd: 0s; opacity: .85; }
.di-roseta .e-img { animation: di-gira 40s linear infinite; filter: none; }
@keyframes di-gira { to { rotate: 360deg; } }
.di-sello { --w: min(14vmin, 130px); left: calc(50% + min(26vmin, 260px)); top: calc(50% + min(14vmin, 140px)); --r: 8deg; --dy: 8vh; --ey: -40vh; --ed: 1.9s; --fd: 0s;
	transition: opacity .3s ease var(--ed), translate .7s cubic-bezier(.5,0,.75,0) var(--ed); }
.di-sello .e-img { animation: none; }
.di-pluma { --w: min(20vmin, 190px); left: 5vw; bottom: 6vh; --r: -6deg; --dx: 6vw; --dy: -16vh; --dr: -10deg; --ex: -24vw; --ey: 0px; --ed: 1.4s; --fd: 5s; }

/* entrada: sello de lacre */
.c-diploma .xv-entrada { background: radial-gradient(70% 60% at 50% 45%, #7A2436, #4A111D 72%); }
.di-entrada-sello { position: absolute; left: 50%; top: 50%; width: min(44vmin, 360px); translate: -50% -58%; opacity: .25; }
.c-diploma .xv-entrada-nombre { font-size: clamp(2.6rem, 9vw, 5rem); color: #F2E6CC; }
.c-diploma .xv-entrada .xv-evento { color: #E3CFA6; }
.c-diploma .xv-entrada .xv-boton:not(.xv-boton-suave) { background: #B8923A; border-color: #B8923A; color: #231A16; }

/* bienvenida */
.c-diploma .e-ornamento { width: min(70%, 280px); }
.c-diploma .di-orn { animation: di-gira 50s linear infinite; }
.c-diploma .e-firma { font-family: "UnifrakturCook", serif; font-weight: 700; color: #6B1E2E; }

/* fecha: la roseta gira y se vuelve el sello de lacre con el día */
.di-m-roseta { inset: 4%; transform: rotate(calc(var(--m) * 220deg)) scale(calc(.5 + var(--t1) * .55)); opacity: calc(var(--t1) * (1 - var(--t2) * .6)); }
.di-m-sello { left: 16%; top: 4%; width: 68%; transform: scale(calc(.4 + var(--t2) * .6)) rotate(calc((1 - var(--t2)) * 30deg)); opacity: var(--t2); filter: drop-shadow(0 24px 30px rgb(35 26 22 / .4)); }
.c-diploma .e-dia-caja { translate: 0 -14%; }
.c-diploma .e-dia { font-weight: 900; font-size: clamp(3.2rem, 9vw, 5.6rem); text-shadow: 0 2px 0 rgb(0 0 0 / .35); }
.c-diploma .e-mes { font-family: "UnifrakturCook", serif; font-weight: 700; color: #F6EAD0; font-size: clamp(1.4rem, 3.6vw, 2.2rem); }
.c-diploma .e-anio { color: #E3CFA6; }

/* orden del día impreso sobre banda vino */
.c-diploma .e-itinerario { background: #5A1625; color: #F2E6CC; --tinta: #F2E6CC; --tinta-2: #E3CFA6; --linea: rgba(242,230,204,.22); --acento: #E3C27A; }
.c-diploma .xv-momento { grid-template-columns: auto 1fr auto; border: 0; padding: 14px 0; }
.c-diploma .xv-momento:last-child { border: 0; }
.c-diploma .xv-momento time { order: 3; }
.c-diploma .xv-momento span { order: 1; font-family: "EB Garamond", serif; font-size: 1.25rem; }
.c-diploma .xv-momento::after { content: ""; order: 2; align-self: end; margin-bottom: .45em; border-bottom: 2px dotted rgb(242 230 204 / .45); }
.c-diploma .xv-superficie { background: #FBF5E6; border: 1px solid rgb(184 146 58 / .45); box-shadow: inset 0 0 0 6px #FBF5E6, inset 0 0 0 7px rgb(184 146 58 / .5); }

/* cierre */
.di-cierre-roseta { position: absolute; left: 50%; top: 50%; width: min(70vmin, 560px); translate: -50% -50%; opacity: .12; animation: di-gira 60s linear infinite; }

@media (max-width: 760px) {
	.di-diploma { --w: 128vw; left: -14vw; top: 22vh; }
	.c-diploma .e-titulos { padding: 0 12vw; }
	.di-roseta { --w: 30vw; right: 2vw; top: 4vh; }
	.di-sello { --w: 22vw; left: 70vw; top: 66vh; }
	.di-pluma { --w: 30vw; left: 0; bottom: 3vh; }
}

/* La fecha completa se revela dentro del sello, con la misma progresión original. */
.c-diploma .di-m-sello { left:5%; top:0; width:90%; }
.c-diploma .e-dia-caja { translate:0 -24%; gap:5px; }
.c-diploma .e-dia-caja .e-mes { display:block; font-family:"EB Garamond",serif; font-size:clamp(1.3rem,3.8vw,2rem); line-height:1; margin:0; }
.c-diploma .e-dia-caja .e-anio { display:block; font-size:.8rem; margin:0; letter-spacing:.24em; }

.c-diploma .e-fecha-escena .e-sem { margin-top:48px; }