.escenario{timeline-scope:--p0, --p1, --p2, --p3, --p4, --p5, --p6, --p7;flex-direction:column;flex:1;min-height:0;display:flex}.escenario .banner{text-align:center;font-size:var(--text-sm);background:var(--color-morado);color:var(--color-papel-carta);flex:none;margin:0;padding:.5rem 1.25rem}.marco{flex:1;min-height:0;position:relative}.vitrina{scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-y:contain;position:absolute;inset:0;overflow:hidden auto}.vitrina::-webkit-scrollbar{display:none}.escena{display:contents}.panel{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:flex-end;height:100%;display:flex;position:relative;overflow:hidden}@media (width>=1100px){.escena{scroll-snap-align:start;scroll-snap-stop:always;grid-template-columns:1fr 1fr;height:100%;display:grid}.escena .panel{scroll-snap-align:none}.escena .panel:first-child .rotulo{border-right:1px solid var(--color-borde-carta)}}.hoja-dec{pointer-events:none;position:absolute}.riel{z-index:30;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-papel) 72%, transparent);backdrop-filter:blur(8px);flex-direction:column;gap:2px;padding:4px 1px;display:flex;position:absolute;top:5px;right:7px}@media (width>=1100px){.riel{top:17px;right:15px}}.riel a{width:36px;height:27px;text-decoration:none;display:block;position:relative}.riel a:before,.riel a:after{content:"";border-radius:var(--radius-pill);height:9px;position:absolute;top:9px;left:5px}.riel a:before{background:color-mix(in srgb, var(--color-tinta) 20%, transparent);width:26px;transition:background .25s}.riel a:hover:before{background:color-mix(in srgb, var(--color-tinta) 34%, transparent)}.riel a:after{background:var(--color-morado);width:0;animation:linear both vitrina-llenar}@keyframes vitrina-llenar{0%{width:0}45%,55%{width:26px}to{width:0}}.riel a:first-child:after{animation-timeline:--p0}.riel a:nth-child(2):after{animation-timeline:--p1}.riel a:nth-child(3):after{animation-timeline:--p2}.riel a:nth-child(4):after{animation-timeline:--p3}.riel a:nth-child(5):after{animation-timeline:--p4}.riel a:nth-child(6):after{animation-timeline:--p5}.riel a:nth-child(7):after{animation-timeline:--p6}.riel a:nth-child(8):after{animation-timeline:--p7}#p0{view-timeline:--p0 block}#p1{view-timeline:--p1 block}#p2{view-timeline:--p2 block}#p3{view-timeline:--p3 block}#p4{view-timeline:--p4 block}#p5{view-timeline:--p5 block}#p6{view-timeline:--p6 block}#p7{view-timeline:--p7 block}.escenario .btn{border-radius:var(--radius-pill);transition:transform .18s var(--ease-suave), background .18s, border-color .18s;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:.97rem;font-weight:700;text-decoration:none;display:inline-flex}.escenario .btn:active{transform:translateY(1px)}.escenario .btn-1{background:var(--color-morado);color:#fff}.escenario .btn-1:hover{background:#6c3163}.escenario .btn-2{background:var(--color-papel-carta);color:var(--color-tinta);border:1.5px solid var(--color-borde)}.escenario .btn-2:hover{border-color:var(--color-hoja)}.escenario .btn[disabled]{cursor:not-allowed}.apertura{--cinta:44px;height:calc(100% - 96px);padding:14px 24px calc(var(--cinta) + 52px);background:var(--color-papel);justify-content:safe center}.apertura .caja{max-width:34ch}.caja,.lateral{z-index:1;min-width:0;position:relative}.apertura .marca{width:auto;height:clamp(44px,8.4svh,70px);margin:0;display:block}.apertura .sub{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--color-verde);margin:6px 0 0;font-size:12px;font-weight:700}.apertura .sub span{color:var(--color-morado)}.apertura .lema{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-morado);margin:clamp(12px,2.8svh,22px) 0 0;font-size:clamp(26px,4.7svh,38px);font-weight:800;line-height:1.02}.apertura .lema em{color:var(--color-verde);font-style:normal}.apertura .donde{max-width:32ch;margin:clamp(9px,2svh,16px) 0 0;font-size:clamp(.9rem,2.1svh,1.03rem);line-height:1.5}.lateral{flex-direction:column;align-items:flex-start;margin-top:clamp(11px,2.5svh,20px);display:flex}.escenario #estado-punto{position:relative}.escenario #estado-punto.bg-verde:after{content:"";border:2px solid var(--color-verde);opacity:.35;border-radius:50%;animation:2.4s infinite vitrina-latir;position:absolute;inset:-5px}@keyframes vitrina-latir{0%{opacity:.5;transform:scale(.6)}to{opacity:0;transform:scale(1.25)}}.tira{scrollbar-width:none;gap:8px;max-width:100%;margin-top:clamp(11px,2.5svh,20px);padding-bottom:4px;display:flex;overflow-x:auto}.tira::-webkit-scrollbar{display:none}.pastilla{background:var(--color-papel-carta);border:1px solid var(--color-borde-carta);border-radius:var(--radius-pill);font-size:var(--text-sm);box-shadow:var(--shadow-suave);white-space:nowrap;color:var(--color-tinta);flex:none;padding:8px 14px;font-weight:600;text-decoration:none}.pastilla b{font-family:var(--font-display);margin-left:5px;font-weight:700;font-stretch:78%}.pastilla.pronto{color:var(--color-tenue);box-shadow:none;background:0 0;border-style:dashed}.pastilla.pronto b{color:var(--color-tenue);font-family:var(--font-sans);font-weight:600;font-stretch:100%;font-size:var(--text-micro)}.baja{left:24px;bottom:calc(var(--cinta) + 14px);z-index:4;color:var(--color-tenue);align-items:center;gap:10px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex;position:absolute}.baja .flecha{border:1.5px solid var(--color-borde);background:var(--color-papel-carta);width:34px;height:34px;animation:vitrina-respira 2.6s var(--ease-suave) infinite;border-radius:50%;place-items:center;display:grid}@keyframes vitrina-respira{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.cinta{z-index:3;height:var(--cinta);scrollbar-width:none;white-space:nowrap;border-top:1px solid var(--color-borde);background:color-mix(in srgb, var(--color-papel-alto) 84%, transparent);backdrop-filter:blur(8px);color:var(--color-tenue);flex-wrap:nowrap;align-items:center;gap:12px;padding:0 78px 0 20px;font-size:.82rem;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-x:auto}.cinta::-webkit-scrollbar{display:none}.cinta b{color:var(--color-tinta)}.cinta a{font-weight:600;text-decoration:none}.cinta a:hover{text-decoration:underline}.cinta .punto{background:var(--color-borde);border-radius:50%;flex:none;width:4px;height:4px}.escenario .red{flex:none;align-items:center;gap:5px;display:inline-flex}.cinta a,.pie a{align-items:center;min-height:24px;display:inline-flex}.ilustra{right:-110px;bottom:calc(var(--cinta) + 4px);width:320px;height:320px;color:var(--color-morado);opacity:.11;pointer-events:none;z-index:0;position:absolute}.hoja-alta{width:180px;height:180px;color:var(--color-hoja);opacity:.32;top:-34px;right:-46px;transform:rotate(28deg)}.hoja-baja{width:140px;height:140px;color:var(--color-morado);opacity:.08;bottom:64px;right:-46px;transform:rotate(-150deg)}@media (width>=1100px){.apertura{--cinta:50px;--banda:1180px;--margen:max(80px, (100% - var(--banda)) / 2);height:calc(100% - 124px);padding:34px var(--margen) calc(var(--cinta) + 66px);grid-template-columns:minmax(0,430px) minmax(0,600px);place-content:safe center space-between;align-items:safe center;column-gap:48px;display:grid}.apertura .caja{grid-column:1;max-width:none}.apertura .lateral{grid-column:2;justify-content:center;margin-top:0}.apertura .marca{height:104px}.apertura .lema{max-width:12ch;margin-top:26px;font-size:58px}.apertura .donde{max-width:38ch;margin-top:22px;font-size:1.16rem}.ilustra{width:560px;height:560px;left:calc(var(--margen) - 282px);opacity:.085;bottom:-190px;right:auto}.baja{left:var(--margen);bottom:calc(var(--cinta) + 18px)}.cinta{padding:0 max(270px, var(--margen)) 0 var(--margen);gap:24px;font-size:.85rem;overflow:visible}.tira{flex-direction:column;gap:0;width:100%;margin-top:24px;padding:0;overflow:visible}.pastilla{border:0;border-bottom:1px dashed var(--color-borde);box-shadow:none;white-space:normal;transition:padding-left .18s var(--ease-suave);background:0 0;border-radius:0;justify-content:space-between;align-items:baseline;padding:12px 2px;font-size:1.09rem;font-weight:600;display:flex}.pastilla:hover{color:var(--color-morado);padding-left:8px}.pastilla b{color:var(--color-tinta);margin-left:0;font-size:1.19rem}.pastilla.pronto{border-style:dashed}}.foto{z-index:0;background:radial-gradient(120% 90% at 32% 22%, color-mix(in srgb, var(--tono) 78%, #2b1430), color-mix(in srgb, var(--tono) 32%, #1b0e20));position:absolute;inset:0}.foto picture{display:block;position:absolute;inset:0}.foto .recorte{object-fit:contain;object-position:center 34%;width:min(84%,520px);height:100%;margin-inline:auto;padding-bottom:18%;display:block}.marcador{z-index:0;position:absolute;inset:0}.foto picture,.foto .recorte{z-index:1}.marcador .nom{font-family:var(--font-display);letter-spacing:-.04em;color:#ffffff2e;text-transform:uppercase;max-width:7ch;font-size:56px;font-weight:800;font-stretch:80%;line-height:.92;position:absolute;top:22px;left:20px}.marcador .hj{color:#ffffff26;width:200px;height:200px;position:absolute;top:22%;right:-30px}@media (width>=1100px){.marcador .nom{font-size:70px;left:30px}}.sello{z-index:2;background:var(--color-papel);color:var(--color-tinta);font-family:var(--font-display);box-shadow:var(--shadow-alta);border-radius:8px;padding:8px 13px;font-size:1.06rem;font-weight:700;font-stretch:78%;position:absolute;top:18px;right:60px;transform:rotate(-2.2deg)}@media (width>=1100px){.escena .panel:first-child .sello{right:18px}}.rotulo{z-index:2;background:var(--color-papel-carta);border-top:1px solid #ffffff5c;padding:20px 20px 22px;position:relative}.rotulo:before{content:"";pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--color-papel-carta) 0%, transparent), color-mix(in srgb, var(--color-papel-carta) 88%, transparent) 62%, var(--color-papel-carta));height:130px;position:absolute;bottom:100%;left:0;right:0}.rotulo .cat{font-family:var(--font-display);font-weight:700;font-size:var(--text-micro);letter-spacing:.18em;text-transform:uppercase;color:var(--color-verde);align-items:center;gap:10px;margin:0;display:flex}.rotulo .marca-estado{letter-spacing:.04em;background:var(--color-borde);color:var(--color-tenue);border-radius:var(--radius-pill);padding:3px 9px}.rotulo .marca-estado.agotada{background:var(--color-miel-suave);color:var(--color-miel)}.rotulo h2{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-morado);margin:8px 0 0;font-size:34px;font-weight:800;line-height:1}.rotulo h2 a{color:inherit;text-underline-offset:5px;text-decoration:underline 2px;text-decoration-color:color-mix(in srgb, var(--color-morado) 35%, transparent);align-items:center;gap:.12em;transition:text-decoration-color .18s;display:inline-flex}.rotulo h2 a:hover{text-decoration-color:var(--color-morado)}.rotulo h2 a svg{flex:none;width:.62em;height:.62em;text-decoration:none}.rotulo .desc{color:var(--color-tinta);max-width:38ch;margin:9px 0 0;font-size:.94rem}.rotulo .precios{margin-top:14px}.rotulo .acciones{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding-right:60px;display:flex}@media (width>=1100px){.rotulo{padding:26px 30px 30px}.rotulo:before{height:170px}.rotulo h2{font-size:44px}.rotulo .acciones{padding-right:0}.escena .panel:last-child .rotulo .acciones,.vitrina>.panel.producto .rotulo .acciones{padding-right:200px}.vitrina>.panel.producto .rotulo{padding-left:60px;padding-right:60px}}.cierre{background:var(--color-papel);justify-content:center;height:auto;min-height:100%;padding:26px 20px 76px}.cierre .adentro{z-index:1;width:100%;max-width:1180px;margin:0 auto;position:relative}.cierre h2{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-morado);margin:0 0 4px;font-size:34px;font-weight:800}.cierre .bajada{color:var(--color-tenue);margin:0 0 20px}.hoja-cierre{width:150px;height:150px;color:var(--color-hoja);opacity:.3;top:40px;left:-40px;transform:rotate(-120deg)}.salidas{gap:12px;display:grid}.salida{background:var(--color-papel-carta);border:1px solid var(--color-borde-carta);border-radius:var(--radius-carta);box-shadow:var(--shadow-suave);transition:transform .2s var(--ease-suave), box-shadow .2s;padding:20px;text-decoration:none;display:block}.salida:hover{box-shadow:var(--shadow-alta);transform:translateY(-3px)}.salida h3{font-family:var(--font-display);color:var(--color-morado);letter-spacing:-.02em;margin:10px 0 6px;font-size:1.31rem;font-weight:700}.salida p{color:var(--color-tenue);max-width:34ch;margin:0;font-size:.91rem;line-height:1.5}.salida .flechita{color:var(--color-verde);margin-top:12px;font-size:.91rem;font-weight:700;display:block}.pie{border-top:1px solid var(--color-borde);color:var(--color-tenue);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 22px;margin-top:26px;padding-top:18px;font-size:.84rem;display:flex}.pie nav{flex-wrap:wrap;gap:6px 16px;display:flex}.pie a{text-decoration:none}.pie a:hover{text-decoration:underline}@media (width>=1100px){.cierre{padding:0 60px 40px}.salidas{grid-template-columns:repeat(3,1fr);gap:24px}}@media (height<=660px) and (width<=1099px){.apertura{height:calc(100% - 56px);padding-top:8px}.ilustra{display:none}}@media (height<=560px){.vitrina{scroll-snap-type:none}.panel{height:auto;min-height:100%}.apertura{height:auto;min-height:calc(100% - 56px)}}@media (prefers-reduced-motion:reduce){.vitrina{scroll-snap-type:none}.riel a:after{opacity:.35;width:26px;animation:none}}