html,body{background:var(--banda)}html{scroll-padding-top:var(--alto-barra)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.portada{min-height:100svh;margin-top:calc(-1 * var(--alto-barra));padding:calc(var(--alto-barra) + var(--esp-s)) var(--gutter) var(--esp-l);background:var(--banda);color:var(--texto-banda);place-items:center;display:grid;position:relative;overflow:hidden}.portada-centro{justify-items:center;gap:var(--esp-s);text-align:center;display:grid}.oculto{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lema{font:700 var(--paso-3) / 1.1 var(--letra-titulo);letter-spacing:-.01em;text-wrap:balance;max-width:14ch}.ver-sabores{background:var(--boton);min-height:48px;color:var(--texto-boton);border:2px solid var(--borde-boton);border-radius:var(--radio-pastilla);box-shadow:var(--sombra-boton);font:600 var(--paso-1) / 1 var(--letra-titulo);transition:translate var(--dur-rapida) var(--curva-salida), box-shadow var(--dur-rapida) var(--curva-salida);align-items:center;gap:.4em;padding:.55em 1.3em;text-decoration:none;display:inline-flex}.ver-sabores span{transition:translate var(--dur-media) var(--curva-salida)}@media (hover:hover){.ver-sabores:hover span{translate:0 3px}}.ver-sabores:active{box-shadow:0 2px 0 var(--borde-boton);translate:0 4px}.crema{background:var(--fondo);padding-bottom:var(--esp-seccion)}.seccion{padding:var(--esp-seccion) var(--gutter) 0}.caja{max-width:var(--ancho-max);margin:0 auto}.etiqueta{font:600 var(--paso--1) / 1.2 var(--letra-titulo);text-transform:uppercase;letter-spacing:.08em;color:var(--texto-suave);margin-bottom:var(--esp-s)}.seccion h2{font-size:var(--paso-4);margin-bottom:var(--esp-s);max-width:16ch}.bajada{color:var(--texto-suave);max-width:var(--ancho-lectura)}.flecha{min-height:44px;font:600 var(--paso-1) / 1 var(--letra-titulo);align-items:center;gap:.5em;text-decoration:underline;text-decoration-thickness:2px;display:inline-flex}.flecha span{transition:translate var(--dur-media) var(--curva-salida)}@media (hover:hover){.flecha:hover span{translate:4px}}.lista{margin:var(--esp-l) 0 0;gap:var(--esp-m);grid-template-columns:1fr;padding:0;list-style:none;display:grid}@media (width>=600px){.lista{grid-template-columns:repeat(2,1fr)}}@media (width>=1040px){.lista{gap:var(--esp-s);grid-template-columns:repeat(4,1fr)}}.pasos{margin:var(--esp-l) 0 0;gap:var(--esp-s);counter-reset:paso;padding:0;list-style:none;display:grid}@media (width>=760px){.pasos{gap:var(--esp-m);grid-template-columns:repeat(3,1fr)}}.paso{counter-increment:paso;align-items:start;gap:var(--esp-s);background:var(--superficie);border:2px solid var(--borde);border-radius:var(--radio-m);padding:var(--esp-m);rotate:var(--giro);transition:rotate var(--dur-media) var(--curva-salida), box-shadow var(--dur-media) var(--curva-salida);grid-template-columns:auto 1fr;display:grid}@media (width>=760px){.paso{grid-template-columns:1fr}}.paso:before{content:counter(paso);background:var(--acento);color:#fff;width:3.25rem;height:3.25rem;font:700 var(--paso-2) / 1 var(--letra-titulo);border-radius:50%;place-items:center;display:grid}.paso:first-child{--acento:var(--morado);--giro:-1deg}.paso:nth-child(2){--acento:var(--teal);--giro:.75deg}.paso:nth-child(3){--acento:var(--naranja);--giro:-.5deg}@media (hover:hover){.paso:hover{box-shadow:0 14px 32px var(--sombra-color);rotate:0deg}}@media (prefers-reduced-motion:reduce){.paso{rotate:0deg}}.paso h3{font-size:var(--paso-2);margin-bottom:var(--esp-2xs)}.paso p{color:var(--texto-suave)}.dudas{margin-top:var(--esp-l);color:var(--texto-suave)}.dudas a{color:var(--texto)}.mesa{border-radius:var(--radio-l);max-width:520px;box-shadow:var(--sombra-foto);aspect-ratio:3/4;margin:0 auto;overflow:hidden}.mesa img{object-fit:cover;width:100%;height:100%}.kosher-corto{background:var(--banda-inversa);color:var(--crema);padding:var(--esp-xl) var(--gutter)}.kosher-corto .caja{gap:var(--esp-m);display:grid}@media (width>=900px){.kosher-corto .caja{align-items:center;gap:var(--esp-xl);grid-template-columns:1fr auto}}.kosher-corto h2{font-size:var(--paso-3);max-width:18ch}.kosher-corto p{margin-top:var(--esp-2xs);color:#fffbead1;max-width:var(--ancho-lectura)}.kosher-corto .flecha{margin-top:var(--esp-2xs);color:var(--texto-banda-inversa)}.siglas{gap:var(--esp-2xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.siglas li{font:700 var(--paso-2) / 1 var(--letra-titulo);border-radius:var(--radio-s);background:var(--crema);color:var(--marino);border-top:5px solid var(--acento);rotate:var(--giro);padding:.4em .7em}.siglas li:first-child{--acento:var(--teal);--giro:-2deg}.siglas li:nth-child(2){--acento:var(--morado);--giro:1.5deg}.siglas li:nth-child(3){--acento:var(--naranja);--giro:-1deg}@media (prefers-reduced-motion:reduce){.siglas li{rotate:0deg}}:root{--frasco-linea:#242d7c8c;--frasco-luz:#fff;--frasco-cuerpo:1;--frasco-borde-oscuro:#242d7c29;--frasco-sombra:#242d7c4d}@media (prefers-color-scheme:dark){:root{--frasco-linea:#fffbea99;--frasco-luz:var(--crema);--frasco-cuerpo:.35;--frasco-borde-oscuro:#0000004d;--frasco-sombra:#00000080}}.frasco{aspect-ratio:400/520;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:min(72vw,360px,46svh);padding:0;position:relative}.frasco svg,.frasco canvas{pointer-events:none;position:absolute}.frasco svg{width:100%;height:100%;inset:0;overflow:visible}.frasco canvas{filter:drop-shadow(0 4px 5px #242d7c40);visibility:hidden}.frasco:focus-visible{outline-offset:10px;border-radius:var(--radio-m)}.frasco .linea{fill:none;stroke:var(--frasco-linea);stroke-width:3px;stroke-linejoin:round}.frasco .luz{fill:var(--frasco-luz)}.frasco .trazo-luz{fill:none;stroke:var(--frasco-luz);stroke-linecap:round}.frasco .cuerpo{opacity:var(--frasco-cuerpo)}.frasco stop{stop-color:var(--frasco-luz)}.frasco stop.oscuro{stop-color:var(--frasco-borde-oscuro)}.frasco stop.sombra{stop-color:var(--frasco-sombra)}:root{--dur-aparece:.35s}[data-anim] .aparece{opacity:0;translate:0 var(--desde,28px);scale:var(--escala,1);transition:opacity var(--dur-aparece) var(--curva-salida), translate var(--dur-aparece) var(--curva-salida), scale var(--dur-aparece) var(--curva-salida), rotate var(--dur-aparece) var(--curva-salida);transition-delay:calc(var(--i,0) * 60ms), calc(var(--i,0) * 60ms), calc(var(--i,0) * 60ms), calc(var(--i,0) * 60ms)}[data-anim] .aparece.visto{opacity:1;translate:0;scale:1}[data-anim] .paso.aparece.visto{transition-property:opacity,translate,scale,rotate,box-shadow;transition-delay:calc(var(--i,0) * 60ms), calc(var(--i,0) * 60ms), 0s, 0s, 0s}[data-anim] .siglas li.aparece{--desde:0px;--escala:1.15;rotate:calc(var(--giro) * 4)}[data-anim] .siglas li.aparece.visto{rotate:var(--giro)}@media (prefers-reduced-motion:reduce){[data-anim] .aparece{transition-property:opacity;translate:none;scale:none}[data-anim] .siglas li.aparece{rotate:var(--giro)}}