/* 146 · Toque de Chef — graduación de gastronomía: chaqueta blanca, cobre, albahaca y harina. Se abre la campana de cocina: se levanta con vapor y la invitación queda servida.
   Portada: la mesa de trabajo con harina, hierbas y utensilios de cobre, con vapor que sube (WebGL, modo nubes).
   Orden: la comanda — cada sección es un ticket de comanda colgado en la barra del pase; al llegar suena la campanita.
   Fecha: la harina espolvoreada forma el día. Cierre: el gorro de chef al aire. */
.c-chef { --display-peso: 400; --nombre-color: #2E2E2E; --titulo-letra: "DM Serif Display"; --titulo-peso: 400; --titulo-espacio: -.01em;
	--dia-letra: "DM Serif Display"; --dia-color: #2E2E2E; --radio: 4px; --vj: 54px; --sombra: 0 14px 16px rgb(46 46 46 / .2);
	--nombre-tam: clamp(3.8rem, 10vw, 8.4rem); --ap-w: min(70vw, 340px); --ap-destello: rgb(255 255 255 / .9); }
.c-chef .xv-cielo { display: none; }
.c-chef main { background: #EFEAE0; }
.c-chef main > .xv-sec:not(#portada) { background: transparent; }
.c-chef .v-velo { background: radial-gradient(48% 40% at 50% 48%, rgb(250 248 242 / .85), transparent 76%); }
html.so-abre .ap-cosa[data-efecto="vapor"] .ap-pieza { transform: translateY(-36vh) rotate(-8deg); opacity: 0; transition: transform 1.2s cubic-bezier(.5,0,.3,1) .1s, opacity .6s ease .8s; }
.ap-cosa[data-efecto="vapor"]::after { content: ""; position: absolute; left: 10%; right: 10%; top: 10%; height: 60%; border-radius: 50%; background: radial-gradient(closest-side, rgb(255 255 255 / .9), transparent); filter: blur(10px); opacity: 0; pointer-events: none; }
html.so-abre .ap-cosa[data-efecto="vapor"]::after { animation: cf-vapor 1.6s ease-out .3s forwards; }
@keyframes cf-vapor { 0% { opacity: 0; transform: translateY(0) scale(.6); } 40% { opacity: 1; } 100% { opacity: 0; transform: translateY(-50%) scale(1.8); } }

.c-chef .e-evento { font-family: "Work Sans", sans-serif; color: #9A5B24; letter-spacing: .44em; font-size: .74rem; font-weight: 700; }
.c-chef .e-grado-t { color: #2E2E2E; } .c-chef .e-grado-i { color: #55524D; }
.c-chef .e-fecha { color: #2E2E2E; font-weight: 600; background: rgb(250 250 247 / .85); padding: 6px 16px; border-radius: 999px; }
.c-chef .e-nombre { text-shadow: 0 2px 24px rgb(250 248 242 / .95); }
.cf-utensilios { --w: min(22vmin, 210px); left: 5vw; top: 10vh; --r: -16deg; --dy: -10vh; --ex: -30vw; --ey: 0px; --ed: .3s; --fd: 8s; --fa: 3px; --fr: 1deg; }
.cf-gorro { --w: min(18vmin, 170px); right: 7vw; top: 9vh; --r: 10deg; --dy: -14vh; --ex: 30vw; --ey: -20vh; --ed: .5s; --fd: 5s; --fa: 6px; --fr: 2deg; }
.cf-cloche { --w: min(22vmin, 210px); right: 6vw; bottom: 5vh; --dy: 10vh; --ex: 30vw; --ey: 0px; --ed: .7s; --fd: 7s; --fa: 3px; --fr: 0deg; }

/* la comanda: tickets colgados de la barra del pase */
.c-chef main > .xv-sec:not(#portada):not(#fecha):not(#cierre) > .xv-ancho { position: relative; background: #FFFFFF; border-radius: 0 0 4px 4px; padding: clamp(80px, 8vw, 100px) clamp(24px, 5vw, 64px) clamp(44px, 5vw, 64px);
	box-shadow: 0 30px 50px -30px rgb(46 46 46 / .45); -webkit-mask: radial-gradient(circle at 10px 100%, transparent 6px, #000 6.5px) -10px 100% / 20px 20px repeat-x, linear-gradient(#000, #000) 0 0 / 100% calc(100% - 10px) no-repeat;
	mask: radial-gradient(circle at 10px 100%, transparent 6px, #000 6.5px) -10px 100% / 20px 20px repeat-x, linear-gradient(#000, #000) 0 0 / 100% calc(100% - 10px) no-repeat; transform-origin: 50% 0; }
.c-chef main > .xv-sec.llego:not(#portada):not(#fecha):not(#cierre) > .xv-ancho { animation: fi-balanceo 2s ease-out .2s; }
.ch2-riel { top: 0; left: -2%; right: -2%; height: 34px; background: linear-gradient(180deg, #D9D9D6, #A9A9A4 60%, #C9C9C4); box-shadow: 0 6px 10px rgb(0 0 0 / .18); }
.ch2-riel i { position: absolute; left: 50%; top: 6px; width: 54px; height: 38px; translate: -50% 0; border-radius: 4px; background: linear-gradient(180deg, #E5E5E1, #9C9C97); box-shadow: 0 4px 6px rgb(0 0 0 / .2); }
.ch2-mesa { top: 48px; left: clamp(24px, 5vw, 64px); right: clamp(24px, 5vw, 64px); padding-bottom: 8px; border-bottom: 2px dashed rgb(46 46 46 / .25); font: 600 .74rem/1 "Work Sans", sans-serif; letter-spacing: .24em; text-transform: uppercase; color: #9A5B24; }
.ch2-campana { top: 44px; right: clamp(24px, 5vw, 64px); width: 22px; height: 16px; border-radius: 12px 12px 2px 2px; background: linear-gradient(#E3B57E, #9A5B24); }
.ch2-campana::after { content: ""; position: absolute; left: -4px; right: -4px; bottom: -3px; height: 3px; border-radius: 2px; background: #6F3F17; }
.llego > .xv-ancho > .ch2-campana { animation: cf-tilin .5s ease-in-out .5s 3; }
@keyframes cf-tilin { 25% { rotate: -16deg; } 75% { rotate: 16deg; } }
.c-chef .xv-kicker { color: #9A5B24; letter-spacing: .3em; font-weight: 700; }
.c-chef .xv-titulo .xv-script { font-style: italic; color: #4F7A3A; }
.c-chef .xv-superficie { background: #F6F3EC; border: 1px solid rgb(46 46 46 / .1); border-radius: 4px; box-shadow: none; }
.c-chef .xv-momento time { color: #9A5B24; font-weight: 700; }
.c-chef .e-firma { font-style: italic; color: #4F7A3A; }
.c-chef .xv-boton:not(.xv-boton-suave) { background: #2E2E2E; color: #FAFAF7; border-color: #2E2E2E; }
.c-chef .e-ornamento { width: min(60%, 230px); }

/* fecha: la harina forma el día */
.c-chef .e-fecha-k { color: #9A5B24; letter-spacing: .4em; font-weight: 700; }
.cf-m-harina { inset: 6%; border-radius: 50%; opacity: clamp(0, calc(var(--t1) * 2), 1);
	background: radial-gradient(circle, rgb(255 255 255 / .95) 0 1px, transparent 1.6px) 0 0 / 9px 9px, radial-gradient(circle, rgb(255 255 255 / .7) 0 1.4px, transparent 2px) 4px 5px / 13px 13px, radial-gradient(closest-side, #FFFFFF, #F4F0E6 70%, transparent);
	transform: scale(calc(.4 + var(--t1) * .6)); filter: blur(calc((1 - var(--t1)) * 4px)); }
.cf-m-ut { left: 62%; top: -4%; width: 40%; rotate: 20deg; opacity: var(--t2); }
.c-chef .e-dia-caja { filter: blur(calc((1 - var(--t2)) * 10px)); }
.c-chef .e-dia { font-size: clamp(5rem, 15vw, 8.6rem); }
.c-chef .e-mes { font-style: italic; color: #9A5B24; }
.c-chef .e-anio { color: #55524D; }

.cf-cierre-gorro { position: absolute; left: 50%; top: 30px; width: min(30vmin, 180px); translate: -50% 0; animation: cf-alaire 3s ease-in-out infinite; }
@keyframes cf-alaire { 0%, 100% { transform: translateY(20px) rotate(-6deg); } 50% { transform: translateY(-20px) rotate(8deg); } }
.c-chef .e-cierre { padding-top: clamp(260px, 38vh, 320px); }
.c-chef .e-cierre .xv-kicker { color: #9A5B24; }

@media (max-width: 760px) {
	.c-chef { --nombre-tam: clamp(3.2rem, 15vw, 4.6rem); }
	.cf-utensilios { --w: 32vw; left: -2vw; top: 8vh; } .cf-gorro { --w: 26vw; right: 4vw; top: 8vh; } .cf-cloche { --w: 36vw; right: 0; bottom: 4vh; }
	.c-chef main > .xv-sec:not(#portada):not(#fecha):not(#cierre) > .xv-ancho { padding: 84px 22px 44px; }
}