.elige{width:min(1280px,100%);margin:0 auto}.contenido:has(>.elige){width:min(1440px,100%)}.escena{min-height:32rem}@media(min-width:641px){.migas-elige li.miga-larga{flex:initial}}.pregunta{margin:0 0 1.25rem;font-size:clamp(1.625rem,1.25rem + 1.4vw,2.375rem);outline:none}.opciones{--columnas:3;--tarjeta:calc(max(21vw, 16rem) - .5625rem);display:grid;grid-template-columns:repeat(var(--columnas),minmax(0,var(--tarjeta)));justify-content:center;gap:1.125rem;margin:0;padding:0;list-style:none}.opciones-1{--columnas:1}.opciones-2{--columnas:2}.opciones-4{--columnas:4}.opciones-6{--columnas:6;--tarjeta:16.5rem}.opciones-6 .opcion-mitad{padding:.75rem .75rem .875rem}.opciones-6 .sello{top:5%;right:6%;width:2.25rem}@media(max-width:999px){.opciones-6{--columnas:3}}@media(max-width:900px){.opciones{gap:.875rem}.opciones-4 .opcion-mitad{padding:.75rem .75rem .875rem}}@media(max-width:759px){.opciones-4{--columnas:2}}.opciones>li{display:flex}.opcion{position:relative;display:flex;flex:1;color:inherit;text-decoration:none;border-radius:20px;-webkit-tap-highlight-color:transparent}.opcion:focus-visible{outline:3px solid var(--fg);outline-offset:4px}.opcion-mitad{display:flex;flex:1;flex-direction:column;padding:1rem 1rem 1.125rem;border:1px solid var(--borde);border-radius:20px;background:var(--surface)}.opcion-mitad-der{position:absolute;inset:0;visibility:hidden}a.opcion:hover .opcion-mitad-izq{border-color:var(--accent)}.bolsa{position:relative;display:grid;place-items:end center;aspect-ratio:4/5;margin-bottom:.875rem;padding-bottom:6%;border-radius:14px;background:radial-gradient(circle at 50% 62%,var(--resplandor),transparent 66%)}.bolsa img{display:block;width:72%;height:auto;aspect-ratio:attr(width type(<number>))/attr(height type(<number>));filter:drop-shadow(0 14px 18px var(--sombra));transition:transform .35s cubic-bezier(.2,.8,.2,1)}.bolsa img.escala-70{width:50%}.bolsa img.escala-80{width:58%}.bolsa img.escala-90{width:65%}a.opcion:hover .bolsa img{transform:translateY(-6px)rotate(-1.5deg)}.sello{position:absolute;top:9%;right:10%;width:clamp(2.75rem,28%,4rem);aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--tono,var(--accent)) 22%,#fdfaf5);box-shadow:0 0 0 3px var(--tono,var(--accent)),0 0 0 5px rgb(253 250 245/.85),0 6px 14px rgb(0 0 0/.35)}.tono-claro{--tono:#c98b4f}.tono-medio{--tono:#8b5a2b}.tono-medio-oscuro{--tono:#5e3a1d}.tono-oscuro{--tono:#3a2417}.opcion-texto{display:grid;gap:.2rem}.opcion-titulo{font-family:var(--font-marca);font-size:1.1875rem;font-weight:600}.opcion-notas{color:var(--fg);font-size:.9375rem;font-style:italic}.opcion-nota{justify-self:start;margin-top:.375rem;padding:.0625rem .625rem;border:1px solid var(--accent);border-radius:999px;color:var(--fg-2);font-size:.8125rem;font-weight:600}.nota-agotado{border-color:var(--aviso);color:var(--aviso)}.opcion-agotada{cursor:not-allowed;opacity:.5}.distintivo{position:absolute;z-index:4;top:.875rem;left:.875rem;padding:.125rem .625rem;border-radius:999px;background:var(--salvia);color:var(--accent-on);font-size:.75rem;font-weight:700}.destacada .opcion-mitad{border-color:color-mix(in srgb,var(--salvia) 70%,var(--surface))}.discontinua .opcion-mitad{border:1px dashed color-mix(in srgb,var(--salvia) 55%,var(--surface))}.opcion-precio{justify-self:start;margin:.5rem 0 1.25rem;padding:.25rem .75rem;border-radius:999px;background:color-mix(in srgb,var(--salvia) 12%,var(--surface));font-size:.875rem}.opcion-accion{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:auto;padding:.75rem;border:1px solid color-mix(in srgb,var(--salvia) 55%,var(--surface));border-radius:999px;font-weight:600}.destacada .opcion-accion{border-color:var(--accent);background:var(--accent);color:var(--accent-on)}@media(min-width:641px){.paso-camino .opcion-texto{text-wrap:balance}.paso-camino .bolsa{width:85%;margin:1.25rem auto .875rem;background:0 0}.paso-camino .opcion-titulo{font-size:1.5rem}}.sello-granos{display:block;width:100%;height:100%}.grano-cuerpo{fill:var(--tono,#6b4423);stroke:color-mix(in srgb,var(--tono,#6b4423) 60%,black);stroke-width:.6}.grano-surco{fill:none;stroke:color-mix(in srgb,var(--tono,#6b4423) 40%,black);stroke-width:1.3;stroke-linecap:round}.grano-brillo{fill:rgb(255 255 255/.28)}.monton circle{fill:var(--tono,#6b4423)}.monton .p1{fill:color-mix(in srgb,var(--tono,#6b4423) 85%,white)}.monton .p2{fill:color-mix(in srgb,var(--tono,#6b4423) 60%,black)}.rajita{position:absolute;inset:0;width:100%;height:100%}.rajita-corteza{fill:#a5582d}.rajita-veta{fill:none;stroke:#cf8452;stroke-width:1;stroke-linecap:round}.rajita-rizo{fill:#73361a}.rajita-espiral{fill:none;stroke:#e0a072;stroke-width:.9;stroke-linecap:round}.bolsa img.recipiente{width:80%}.bolsa img.recipiente-foto{width:88%;max-height:100%;border-radius:12px;object-fit:contain;object-position:50% 100%}.bolsa img.recipiente-acompana.recipiente-foto{width:34%;max-height:46%}.bolsa img.imagen-propia{width:92%;max-height:100%;object-fit:contain;object-position:50% 100%}.bolsa img.imagen-propia.escala-90{width:84%}.bolsa img.imagen-propia.escala-80{width:76%}.bolsa img.imagen-propia.escala-70{width:66%}.bolsa.con-imagen-propia>.sello{top:4%;right:5%}.grieta{position:absolute;inset:0;pointer-events:none}.grieta svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0}.grieta path{fill:none;stroke:color-mix(in srgb,var(--tono,#8b5a2b) 45%,#fdfaf5);stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgb(0 0 0/.6))}.astilla{position:absolute;width:8px;height:6px;margin:-3px 0 0 -4px;border-radius:45% 55% 40% 60%;background:var(--tono,#8b5a2b);opacity:0}.astilla:nth-child(odd){width:6px;height:4px;background:color-mix(in srgb,var(--tono,#8b5a2b) 50%,#fdfaf5)}.astilla-1{top:16%;left:43%;--dx:-57px;--dy:-27px;--giro:-160deg;animation-delay:30ms}.astilla-2{top:27%;left:42.1%;--dx:51px;--dy:-33px;--giro:140deg;animation-delay:45ms}.astilla-3{top:38%;left:44.2%;--dx:-44px;--dy:9px;--giro:-200deg;animation-delay:55ms}.astilla-4{top:49%;left:49.4%;--dx:61px;--dy:-12px;--giro:180deg;animation-delay:40ms}.astilla-5{top:58%;left:54.3%;--dx:-64px;--dy:21px;--giro:-120deg;animation-delay:70ms}.astilla-6{top:68%;left:57.4%;--dx:47px;--dy:27px;--giro:220deg;animation-delay:60ms}.astilla-7{top:79%;left:57.8%;--dx:-40px;--dy:39px;--giro:-180deg;animation-delay:85ms}.astilla-8{top:89%;left:55.5%;--dx:54px;--dy:45px;--giro:150deg;animation-delay:95ms}@keyframes agrietar{0%{clip-path:inset(0 0 100% 0);opacity:1}16%{clip-path:inset(0 0 0 0);opacity:1}22%{opacity:1}38%,100%{clip-path:inset(0 0 0 0);opacity:0}}@keyframes astillar{0%{opacity:0;transform:none}12%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy))rotate(var(--giro))}}.opcion.partiendo .grieta svg{animation:agrietar .45s linear forwards}.opcion.partiendo .astilla{animation:astillar .3s cubic-bezier(.2,.7,.4,1)both}@keyframes partir-izq{0%{transform:none;animation-timing-function:ease-in}10%{transform:translateY(1px)scale(.988);animation-timing-function:cubic-bezier(.2,.9,.3,1)}24%{transform:translateX(-3px)rotate(-3.5deg);animation-timing-function:cubic-bezier(.5,0,.75,0)}60%{opacity:1}100%{transform:translate(-34%,6%)rotate(-17deg);opacity:0}}@keyframes partir-der{0%{transform:none;animation-timing-function:ease-in}10%{transform:translateY(1px)scale(.988);animation-timing-function:cubic-bezier(.2,.9,.3,1)}24%{transform:translateX(3px)rotate(3.5deg);animation-timing-function:cubic-bezier(.5,0,.75,0)}60%{opacity:1}100%{transform:translate(34%,6%)rotate(17deg);opacity:0}}.opcion.partiendo{z-index:2;pointer-events:none}.opcion.partiendo .opcion-mitad-izq{clip-path:polygon(0 0,50% 0%,47.12% 5%,44.88% 10%,43.28% 15%,42.32% 20%,42% 25%,42.32% 30%,43.28% 35%,44.88% 40%,47.12% 45%,50% 50%,52.88% 55%,55.12% 60%,56.72% 65%,57.68% 70%,58% 75%,57.68% 80%,56.72% 85%,55.12% 90%,52.88% 95%,50% 100%,0 100%);transform-origin:50% 100%;animation:partir-izq .45s forwards}.opcion.partiendo .opcion-mitad-der{visibility:visible;clip-path:polygon(50% 0%,47.12% 5%,44.88% 10%,43.28% 15%,42.32% 20%,42% 25%,42.32% 30%,43.28% 35%,44.88% 40%,47.12% 45%,50% 50%,52.88% 55%,55.12% 60%,56.72% 65%,57.68% 70%,58% 75%,57.68% 80%,56.72% 85%,55.12% 90%,52.88% 95%,50% 100%,100% 100%,100% 0);transform-origin:50% 100%;animation:partir-der .45s forwards}.opciones.eligiendo .opcion:not(.partiendo){opacity:.2;transform:scale(.96);transition:opacity .3s,transform .3s}.paso{transform-origin:50% 30%;transition:opacity .3s ease-out,transform .3s ease-out}@starting-style{.paso { opacity: 0; transform: scale(.96); }
}.resumen-elige{display:grid;gap:1.25rem clamp(1.25rem,3vw,2.5rem);align-items:center}.bolsa-grande{margin:0;background-color:var(--surface)}.bolsa-grande.con-recipiente{place-items:end end;padding-right:4%}.bolsa-cuerpo{position:relative;z-index:3;display:block;width:72%;transform-origin:50% 100%;transition:transform .5s cubic-bezier(.3,1.45,.5,1)}.con-recipiente .bolsa-cuerpo{width:58%}.bolsa-cuerpo.con-imagen-propia{width:88%}.con-recipiente .bolsa-cuerpo.con-imagen-propia{width:66%}.bolsa .bolsa-cuerpo>img{width:100%}.bolsa img.recipiente-acompana{position:absolute;z-index:1;left:4%;bottom:17%;width:34%;height:auto;opacity:0;filter:brightness(.62)saturate(.8)blur(.6px)drop-shadow(0 8px 10px rgb(0 0 0/.3))}.bolsa-grande .bolsa-final{position:absolute;z-index:4;inset:auto 0 6%;width:72%;max-height:88%;margin:0 auto;object-fit:contain;object-position:50% 100%}.bolsa-grande .bolsa-final.imagen-propia{width:92%}.bolsa-grande.en-dos .bolsa-final{width:56%;margin:0 2% 0 auto}.bolsa-grande.en-dos .bolsa-final.imagen-propia{width:64%}.bolsa-grande.en-dos .bolsa-final-otra{bottom:15%;width:46%;margin:0 auto 0 4%;filter:brightness(.8)}.bolsa-grande.en-dos .bolsa-final-otra.imagen-propia{width:54%}.bolsa-grande[data-llenado=molido]:not(.con-recipiente,.ampliada) .bolsa-cuerpo{width:58%}.bolsa-grande[data-llenado=molido]:not(.con-recipiente,.ampliada) .bolsa-cuerpo.con-imagen-propia{width:66%}.bolsa-grande:not(.animando,.listo) .bolsa-cuerpo{visibility:hidden}.cantidad-elige{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0 0 1rem}.cantidad-elige .boton-cantidad{display:inline-grid;place-items:center;border-radius:999px;text-decoration:none}.cantidad-elige .inactivo{opacity:.35;pointer-events:none}.cantidad-numero{min-width:6rem;text-align:center;font-variant-numeric:tabular-nums}.resumen-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.resumen-acciones form{display:contents}.agregado-texto{margin:0 0 1.25rem;font-size:1.125rem}@media(max-width:640px){.opciones{--columnas:2;grid-template-columns:repeat(var(--columnas),minmax(0,1fr));gap:.75rem}.opciones-1{--columnas:1}.opciones:is(.opciones-3,.opciones-4,.opciones-6){grid-template-columns:none;justify-content:start;grid-auto-flow:column;grid-auto-columns:calc(50% - 1.125rem);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding:.5rem var(--gutter);scroll-padding-inline:var(--gutter)}.opciones:is(.opciones-3,.opciones-4,.opciones-6)>li{scroll-snap-align:start}.opciones .bolsa{min-height:0;grid-template-rows:minmax(0,1fr)}.opcion-mitad{padding:.75rem .75rem .875rem}.opcion-accion{padding:.625rem .25rem;font-size:.875rem}.opcion-accion .icono{display:none}.sello{box-shadow:0 0 0 2px var(--tono,var(--accent)),0 0 0 4px rgb(253 250 245/.85),0 4px 10px rgb(0 0 0/.35)}.resumen-elige{grid-template-columns:1fr}.bolsa-grande{width:min(100%,15rem);margin:0 auto}.resumen-acciones .boton{flex:1 1 100%;justify-content:center}}@media(min-width:768px) and (min-height:520px){.contenido:has(>.elige){display:flex;flex-direction:column;padding-block:clamp(.75rem,3dvh,2.5rem)}.elige,.escena,.escena>.paso{display:flex;flex:1;flex-direction:column;min-height:0}.escena{min-height:0}.pregunta{margin-bottom:clamp(.625rem,2dvh,1.25rem);font-size:clamp(1.375rem,.9rem + 1vw + 1.2dvh,2.375rem)}.opciones{flex:initial;min-height:0;grid-auto-rows:auto}.opciones>li{display:grid;grid-row:span 2;grid-template-rows:subgrid}.paso-camino .opciones>li{grid-row:span 3}.opciones>li,.opcion,.opcion-mitad{row-gap:0}.opcion,.opcion-mitad{display:grid;grid-row:1/-1;grid-column:1;grid-template-rows:subgrid}.opcion-mitad-der{position:static}.bolsa{min-height:4.5rem}.opcion .bolsa{grid-row:1;place-self:stretch;grid-template-rows:minmax(0,1fr)}.bolsa img{max-height:100%;object-fit:contain;object-position:50% 100%}.opcion-texto{grid-row:2;align-self:start}.resumen-elige{flex:initial;min-height:0;grid-template-rows:minmax(0,auto)auto}.bolsa-grande{justify-self:end;width:auto;max-width:100%;height:min(32.5rem,100%)}}@media(min-width:768px) and (min-height:520px) and (max-height:700px){.contenido:has(>.elige){padding-block:.625rem}.pregunta{margin-bottom:.625rem;font-size:clamp(1.25rem,.5rem + .9vw + 1.8dvh,1.875rem)}}@media(min-width:768px) and (min-height:520px) and (max-height:600px){.contenido:has(>.elige){padding-block:.375rem}}.detalle-elige>.pregunta,.detalle-elige>.aviso-error,.detalle-elige>.agregado-texto{text-align:center}.paso-agregado .detalle-elige>.resumen-acciones,.detalle-elige .resumen-acciones{justify-content:center}@media(min-width:1024px){.paso.maestro-detalle{display:grid;grid-template-columns:clamp(13.5rem,20vw,18rem)minmax(0,1fr);column-gap:clamp(1.5rem,3vw,3rem);align-items:start}.maestro-elige{padding:1rem .5rem .5rem;border:1px solid var(--borde);border-radius:20px;background:color-mix(in srgb,var(--surface) 55%,transparent)}.maestro-elige .maestro-cabecera{display:block;margin:0 .625rem .875rem;container-type:inline-size}.maestro-elige .maestro-cabecera .elige-origen{margin:0 0 .25rem;font-size:.8125rem;line-height:1.3;text-wrap:balance}.maestro-elige .maestro-cabecera h1{margin:0;font-size:clamp(1rem,9cqi,2.125rem);line-height:1.1;text-wrap:balance}.maestro-elige .migas-elige{flex-direction:column;flex-wrap:nowrap;gap:.125rem;margin:0}.maestro-elige .migas-elige li,.maestro-elige .migas-elige li.miga-larga{display:block;flex:none;min-width:0}.maestro-elige .migas-elige li>a,.maestro-elige .migas-elige .miga{display:grid;grid-template-columns:1.875rem minmax(0,1fr);column-gap:.75rem;align-items:center;width:100%;max-width:none;min-height:3rem;padding:.5rem .625rem;border:1px solid transparent;border-radius:14px}.maestro-elige .miga-texto{display:grid;gap:.0625rem;min-width:0;line-height:1.3}.maestro-elige .migas-elige li .miga-nombre,.maestro-elige .migas-elige li.hecho .miga-nombre{display:block;color:var(--fg);font-weight:600}.maestro-elige .miga-eleccion{color:var(--fg-2);font-size:.875rem;font-weight:500;white-space:normal;overflow:visible;text-overflow:clip}.maestro-elige .miga-eleccion:empty{display:none}.maestro-elige li.hecho>a:hover{border-color:var(--borde);background:var(--surface)}.maestro-elige li.actual>a,.maestro-elige li.actual .miga{border-color:var(--accent);background:var(--surface)}.maestro-elige li:not(.hecho):not(.actual) .miga{opacity:.65}.maestro-elige li:not(.hecho):not(.actual) .miga-nombre{color:var(--fg-2);font-weight:500}.detalle-elige{min-width:0;container-type:inline-size}.detalle-elige .opciones-6{--columnas:3}}@media(min-width:768px) and (min-height:520px){.detalle-elige{display:flex;flex:1;flex-direction:column;min-height:0}}@media(min-width:1024px) and (min-height:520px){.escena>.paso.maestro-detalle{display:grid;grid-template-rows:minmax(0,1fr);align-items:stretch}.maestro-elige{align-self:start;max-height:100%;overflow:auto}}@media(prefers-reduced-motion:reduce){.opcion.partiendo .opcion-mitad-izq{clip-path:none;animation:none;opacity:.6}.opcion.partiendo .opcion-mitad-der{animation:none;visibility:hidden}@starting-style{.paso { transform: none; }
  }.opcion.partiendo .grieta svg,.opcion.partiendo .astilla{animation:none}}