/* 74 · Ikebana — japandi: cerámica wabi-sabi, una rama, papel washi y mucho vacío.
   Guion: la puerta shoji se desliza; el jarrón con una rama a un lado y los nombres al otro; la sombra de la rama se
   mueve como si cambiara la hora; en la fecha un trazo ensō se dibuja solo y el día queda adentro con el sello rojo. */
.c-ikebana { --display-peso: 800; --nombre-color: #2B2A28; --titulo-letra: "Shippori Mincho"; --titulo-peso: 800; --titulo-espacio: .02em; --dia-letra: "Shippori Mincho"; --dia-color: #2B2A28;
	--y-letra: "Ballet"; --y-tam: .62em; --y-color: #9E3B2E; --y-margen: -.06em 0 .02em; --radio: 4px; --vj: 46px; --sombra: 0 26px 30px rgb(43 42 40 / .14); --nombre-tam: clamp(3.4rem, 8.4vw, 7rem); --display-espacio: .04em; }
.c-ikebana .e-evento { color: #9E3B2E; letter-spacing: .6em; font-weight: 500; font-size: .78rem; }
.c-ikebana .e-nombre { line-height: 1.1; }
.c-ikebana .e-fecha { color: #4C4A45; letter-spacing: .2em; font-size: .85rem; }
.c-ikebana .e-titulos { justify-self: center; translate: 8vw 0; }
.c-ikebana .e-escena::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(40% 50% at calc(80% - var(--p, 0) * 50%) 20%, rgb(43 42 40 / .07), transparent 70%); }

.ik-rama { --w: min(30vmin, 300px); right: 4vw; top: 4vh; --r: 10deg; --dr: -8deg; --dy: -8vh; --ex: 20vw; --ey: 0px; --ed: .8s; --fd: 9s; --fa: 4px; --fr: 2deg; opacity: .7; }
.ik-jarron { --w: min(24vmin, 240px); left: 10vw; bottom: 8vh; --dy: 8vh; --ey: 20vh; --ed: .4s; --fd: 0s; }
.ik-jarron .e-img { animation: none; }
.ik-piedra { --w: min(12vmin, 120px); left: 30vw; bottom: 6vh; --dy: 8vh; --ex: 10vw; --ey: 10vh; --ed: 1s; --fd: 0s; }
.ik-piedra .e-img { animation: none; }

.c-ikebana .xv-entrada { background: #F3EEE4; }
.ik-shoji { position: absolute; inset: 0; background: linear-gradient(90deg, transparent 49.6%, #C9A88A 49.6% 50.4%, transparent 50.4%),
	repeating-linear-gradient(90deg, transparent 0 calc(25% - 3px), #C9A88A calc(25% - 3px) 25%), repeating-linear-gradient(0deg, transparent 0 calc(20% - 3px), #C9A88A calc(20% - 3px) 20%), #F7F3EA; opacity: .55; }
.c-ikebana .xv-entrada-contenido { position: relative; z-index: 1; background: rgb(243 238 228 / .94); padding: 26px 30px; }
html.abriendo .ik-shoji { transition: transform 1.4s cubic-bezier(.65,0,.35,1); transform: translateX(100%); }

.c-ikebana .e-ornamento { width: min(40%, 160px); }
.c-ikebana .e-firma { font-family: "Ballet", cursive; color: #9E3B2E; font-size: clamp(2rem, 4vw, 2.8rem); }

/* fecha: ensō se dibuja → el día y el sello */
.ik-m-enso { left: 4%; top: 4%; width: 92%; -webkit-mask: conic-gradient(from -30deg, #000 calc(var(--t1) * 360deg), transparent 0); mask: conic-gradient(from -30deg, #000 calc(var(--t1) * 360deg), transparent 0); filter: none; }
.ik-m-sello { right: 4%; bottom: 8%; width: 16%; opacity: var(--t2); transform: scale(calc(1.6 - var(--t2) * .6)); filter: none; }
.c-ikebana .e-dia { font-weight: 800; font-size: clamp(4rem, 11vw, 6.2rem); }
.c-ikebana .e-mes { font-family: "Ballet", cursive; color: #9E3B2E; font-size: clamp(1.8rem, 4.4vw, 2.6rem); margin-top: .1em; }

.c-ikebana .xv-superficie { background: #FBF8F2; border: 0; box-shadow: 0 1px 0 #C9A88A; }
.c-ikebana .e-itinerario { background: #EAE3D6; }
.c-ikebana .xv-momento time { color: #9E3B2E; }
.c-ikebana .xv-titulo .xv-script { font-family: "Ballet", cursive; color: #9E3B2E; font-weight: 400; font-size: 1.1em; }
.ik-cierre-jarron { position: relative; display: block; width: min(20vmin, 150px); margin: 0 auto; }
.c-ikebana .e-cierre-arte { position: relative; inset: auto; z-index: 0; }

@media (max-width: 760px) {
	.c-ikebana .e-titulos { translate: 0 -6vh; }
	.ik-rama { --w: 40vw; right: -6vw; top: 3vh; }
	.ik-jarron { --w: 30vw; left: 6vw; bottom: 4vh; }
	.ik-piedra { --w: 16vw; left: 40vw; bottom: 4vh; }
	.c-ikebana { --nombre-tam: clamp(3rem, 13vw, 4.4rem); }
}