:root{--color-harina:#fff;--color-miga:#fff;--color-masa:#e3f2ff;--color-centeno:#022166;--color-ceniza:#33518a;--color-corteza:#0247c1;--color-corteza-oscura:#022166;--color-tostado:#0247c1;--color-trigo:#0092ff;--color-trigo-oscuro:#0247c1;--color-marcador:#e3f2ff;--font-sans:"Outfit", ui-sans-serif, system-ui, sans-serif;--font-display:"Bowlby One SC", "Arial Black", sans-serif;--boom:#0092ff;--royal:#0247c1;--navy:#022166;--sky:#e3f2ff;--paper:#fff;--ink:#022166;--muted:#33518a;--m:clamp(16px, 3vw, 40px);--bar-h:84px;--nube:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -10 220 220'><circle cx='100' cy='100' r='80'/><circle cx='178' cy='100' r='30'/><circle cx='167.5' cy='139' r='30'/><circle cx='139' cy='167.5' r='30'/><circle cx='100' cy='178' r='30'/><circle cx='61' cy='167.5' r='30'/><circle cx='32.5' cy='139' r='30'/><circle cx='22' cy='100' r='30'/><circle cx='32.5' cy='61' r='30'/><circle cx='61' cy='32.5' r='30'/><circle cx='100' cy='22' r='30'/><circle cx='139' cy='32.5' r='30'/><circle cx='167.5' cy='61' r='30'/></svg>");--feston:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20'><circle cx='20' cy='20' r='20'/></svg>")}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--bar-h) + 64px)}body.boom{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.55}.boom :is(h1,h2,h3,.display){font-family:var(--font-display);letter-spacing:.02em;margin:0;font-weight:400;line-height:.95}.boom :focus-visible{outline:3px solid var(--boom);outline-offset:3px;border-radius:4px}.boom ::selection{background:var(--boom);color:#fff}.nube{-webkit-mask:var(--nube) center / contain no-repeat;-webkit-mask:var(--nube) center / contain no-repeat;mask:var(--nube) center / contain no-repeat;object-fit:cover}.sin-foto{background:var(--sky);color:var(--royal);font-family:var(--font-display);place-items:center;font-size:2.5rem;display:grid}.boton{background:var(--royal);color:#fff;min-height:52px;font:700 18px/1 var(--font-sans);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 28px;text-decoration:none;transition:transform .18s,background-color .18s,color .18s;display:inline-flex}.boton:hover{background:var(--navy);transform:translateY(-2px)}.boton:active{transform:scale(.96)}.boton:disabled{opacity:.6;cursor:wait;transform:none}.boton-claro{color:var(--navy);background:#fff}.boton-claro:hover{background:var(--sky)}.boton-suave{background:var(--sky);color:var(--navy)}.boton-suave:hover{background:var(--navy);color:#fff}.boton-sm{min-height:44px;padding:0 20px;font-size:16px}.enlace{text-underline-offset:6px;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--boom);text-decoration-color:var(--boom);font-weight:700}.bar{z-index:30;min-height:var(--bar-h);padding:10px var(--m);background:#fff;align-items:center;gap:24px;display:flex;position:sticky;top:0}.bar .logo img{width:64px;height:auto}.bar .nombre-tienda{font-family:var(--font-display);font-size:24px}.bar nav{gap:24px;margin-left:auto;font-weight:500;display:flex}.bar nav a{text-decoration:none}.bar nav a:hover,.bar nav a[aria-current]{color:var(--royal);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:3px}.carrito-boton{margin-left:8px}.carrito-boton .cuenta{min-width:26px;height:26px;color:var(--royal);background:#fff;border-radius:99px;place-items:center;padding:0 6px;font-size:14px;display:inline-grid}.carrito-boton .cuenta.hidden{display:none}.carrito-boton.bump{animation:.45s bump}@keyframes bump{40%{transform:scale(1.12)rotate(-3deg)}}@media (width<=760px){.bar nav{display:none}.carrito-boton{margin-left:auto}}.hero{min-height:calc(100svh - var(--bar-h));padding:0 var(--m);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;max-width:600px;padding:48px 0 72px;position:relative}.hero h1{color:var(--navy);font-size:clamp(46px,6.3vw,112px)}.hero h1 span{color:var(--boom);white-space:nowrap;display:block}.hero-lede{max-width:34ch;margin-top:28px;font-size:22px}.hero-facts{color:var(--royal);margin-top:18px;font-size:18px;font-weight:700}.hero-cta{flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:32px;display:flex}.hero-cloud{aspect-ratio:1;width:min(118vh,74vw);position:absolute;top:50%;right:-18vh;transform:translateY(-50%)}.hero-cloud>svg{width:100%;height:100%;fill:var(--boom);position:absolute;inset:0}.hero-photo{position:absolute;inset:15%}.hero-photo img{opacity:0;width:100%;height:100%;transition:opacity 1.6s;position:absolute;inset:0}.hero-photo img.on{opacity:1}.hero-badge{z-index:3;width:26%;animation:6s ease-in-out infinite wobble;position:absolute;bottom:14%;left:6%}@keyframes wobble{50%{transform:rotate(-6deg)translateY(-6px)}}@media (width<=860px){.hero{grid-template-columns:minmax(0,1fr);min-height:0}.hero-cloud{width:104vw;margin:-4vw -14vw 0 auto;position:relative;top:auto;right:auto;transform:none}.hero-copy{padding:8px 0 24px}}.menu{padding:140px var(--m) 120px}.menu-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 40px;display:flex}.menu-head h1,.menu-head h2{font-size:clamp(40px,4.6vw,76px)}.menu-head p{max-width:40ch;font-size:18px}.cats{top:var(--bar-h);z-index:20;margin:40px calc(var(--m) * -1) 0;padding:12px var(--m);background:#fff;flex-wrap:wrap;gap:8px;display:flex;position:sticky}.cats :is(a,button){background:var(--sky);min-height:44px;color:var(--navy);font:700 18px/44px var(--font-sans);cursor:pointer;border:0;border-radius:99px;flex:none;padding:0 18px;text-decoration:none;transition:background-color .18s,color .18s}.cats :is(a,button):hover,.cats [aria-selected=true],.cats a[aria-current]{background:var(--navy);color:#fff}.cat{padding-top:72px}.cat[role=tabpanel]{padding-top:32px}.js .cat[role=tabpanel] .cat-head{display:none}.cat-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:32px;display:flex}.cat-head h2,.cat-head h3{color:var(--royal);font-size:clamp(30px,3.4vw,50px)}.cat-head span{color:var(--muted);flex:none;font-size:16px}.items{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 64px;margin:0;padding:0;list-style:none;display:grid}.item{grid-template-columns:112px 1fr;align-items:start;gap:20px;display:grid}.item .foto{object-fit:cover;width:112px;height:112px;transition:transform .3s}.item:hover .foto{transform:rotate(-3deg)scale(1.04)}.item-top{justify-content:space-between;gap:12px;font-size:18px;display:flex}.item-top a{text-decoration:none}.item-top a:hover{text-underline-offset:4px;text-decoration:underline}.item-top span{font-variant-numeric:tabular-nums;color:var(--royal);flex:none;font-weight:700}.item-desc{color:var(--muted);max-width:42ch;margin-top:4px;font-size:16px}.item-act{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:14px;display:flex}.agotado{background:var(--sky);min-height:44px;color:var(--muted);border-radius:99px;align-items:center;padding:0 20px;font-size:16px;font-weight:700;display:inline-flex}.menu-mas{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:72px;display:flex}@media (width<=760px){.menu{padding-top:56px}.items{grid-template-columns:1fr;gap:32px}.item{grid-template-columns:76px 1fr;gap:16px}.item .foto{width:76px;height:76px}.cats{scrollbar-width:none;flex-wrap:nowrap;gap:6px;overflow-x:auto}.cats :is(a,button){padding:0 14px;font-size:16px}}.bombas{background:var(--boom);color:#fff;grid-template-columns:1fr 1fr;min-height:88svh;display:grid}.bombas-photo{place-items:center;padding:56px 40px;display:grid}.bombas-photo>*{aspect-ratio:1;object-fit:cover;grid-area:1/1;width:100%;max-width:640px}.bombas-photo img[hidden]{display:none}.bombas-info{padding:64px var(--m) 64px 24px;flex-direction:column;justify-content:space-between;gap:40px;display:flex}.bombas-panel{flex-direction:column;flex:1;justify-content:flex-start;gap:40px;display:flex}.bombas-panel[hidden]{display:none}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tabs button{min-height:48px;color:var(--navy);font:700 18px var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:0 20px;transition:background-color .18s}.tabs button:hover{background:#02216640}.tabs button[aria-selected=true]{background:var(--navy);color:#fff}.bombas h1,.bombas h2{color:var(--navy);font-size:clamp(46px,6.3vw,112px)}.bombas-desc{max-width:34ch;color:var(--navy);margin-top:24px;font-size:22px;font-weight:500}.bombas-precio{color:var(--navy);font-variant-numeric:tabular-nums;margin-top:16px;font-size:28px;font-weight:700}.item-top .desde,.bombas-precio .desde{opacity:.75;font-size:.6em;font-weight:400}.bombas-acts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bombas-acts .boton{width:100%;min-height:72px}.bombas-acts .a1{background:var(--navy);color:#fff}.bombas-acts .a2{color:var(--navy);background:#fff}.bombas-acts .a2:hover{background:var(--sky)}@media (width<=860px){.bombas{grid-template-columns:1fr;min-height:0}.bombas-photo{padding:32px 16px 0}.bombas-info{padding:32px 16px 56px}.bombas-acts{grid-template-columns:1fr}.bombas-acts .boton{min-height:60px}.tabs button{padding:0 14px}}.ficha .bombas-info form{gap:16px;display:grid}.ficha .volver{color:var(--navy);font-weight:700;text-decoration:none}.ficha .volver:hover{text-underline-offset:4px;text-decoration:underline}.ficha .nota{color:var(--navy);font-weight:500}.cantidad{background:#fff;border-radius:99px;justify-self:start;align-items:center;gap:4px;padding:4px;display:inline-flex}.cantidad button{background:var(--sky);width:44px;height:44px;color:var(--navy);font:700 22px/1 var(--font-sans);cursor:pointer;border:0;border-radius:99px;transition:background-color .18s,color .18s}.cantidad button:hover{background:var(--navy);color:#fff}.cantidad input{width:48px;color:var(--navy);font:700 18px var(--font-sans);text-align:center;-moz-appearance:textfield;background:0 0;border:0}.cantidad input::-webkit-inner-spin-button{-webkit-appearance:none}.ficha [data-opciones-producto]{color:var(--ink);background:#fff;border-radius:28px;padding:20px}.como{padding:160px var(--m);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;column-gap:10px;display:grid}.como h2{grid-area:1/1/auto/8;align-self:start;font-size:clamp(40px,4.6vw,76px)}.tile{position:relative;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.t1{background:var(--navy);grid-area:2/1/auto/4;height:30vh}.t2{background:var(--royal);grid-area:2/4/auto/8;height:44vh}.t3{background:var(--boom);grid-area:1/8/3/13;height:60vh}.step{grid-row:3;max-width:34ch;padding-top:20px}.boom .step h3,.boom .nosotros-right h3,.boom .pie-cols h3{font:700 22px/1.2 var(--font-sans);letter-spacing:0}.step p{color:var(--muted);margin-top:6px}.s1{grid-column:1/4}.s2{grid-column:4/8}.s3{grid-column:8/13}@media (width<=760px){.como{flex-direction:column;align-items:stretch;padding:88px 16px;display:flex}.boom .como h2{margin-bottom:28px}.t1{order:1;height:44vw}.s1{order:2}.t2{order:3;height:60vw;margin-top:28px}.s2{order:4}.t3{order:5;height:80vw;margin-top:28px}.s3{order:6}}.nosotros{background:var(--navy);color:#fff;border-radius:28px;grid-template-columns:1fr 1fr;min-height:92svh;margin:0 20px;display:grid;position:relative;overflow:hidden}.nosotros-left{flex-direction:column;padding:56px;display:flex;position:relative}.nosotros h2{color:#fff;font-size:clamp(40px,4.6vw,76px)}.nos-statement{font:700 clamp(22px, 2.4vw, 36px)/1.15 var(--font-sans);color:var(--boom);margin-top:16px}.nosotros-photo{aspect-ratio:1;object-fit:cover;width:min(100%,520px);margin:40px 0 -120px}.nosotros-right{flex-direction:column;gap:56px;max-width:520px;padding:140px 56px 56px;display:flex}.boom .nosotros-right h3{color:var(--boom)}.nosotros-right p{margin-top:10px;font-size:18px}@media (width<=860px){.nosotros{flex-direction:column;min-height:0;margin:0 10px;display:flex}.nosotros-left{display:contents}.nosotros h2{padding:40px 24px 0}.nos-statement{padding:0 24px}.nosotros-right{gap:32px;padding:32px 24px 0}.nosotros-photo{order:3;width:86vw;margin:32px auto -22vw}}.cupon-wrap{padding:160px var(--m)}.cupon{--n:30px;background:var(--boom);color:#fff;border-radius:28px;grid-template-columns:46% 54%;max-width:1180px;margin:0 auto;display:grid;position:relative}.cupon:before,.cupon:after{content:"";width:calc(var(--n) * 2);height:calc(var(--n) * 2);margin-left:calc(var(--n) * -1);background:var(--paper);border-radius:50%;position:absolute;left:46%}.cupon:before{top:calc(var(--n) * -1)}.cupon:after{bottom:calc(var(--n) * -1)}.cupon-left{border-right:6px dotted #fff;flex-direction:column;justify-content:space-between;gap:40px;padding:56px 48px;display:flex}.cupon h2{color:var(--navy);font-size:clamp(40px,4.6vw,76px)}.cupon-left p{max-width:30ch;color:var(--navy);font-size:18px;font-weight:500}.cupon-right{flex-direction:column;gap:10px;padding:48px;display:flex}.dato{min-height:56px;color:var(--navy);background:#ffffffe6;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;padding:10px 22px;font-size:18px;text-decoration:none;display:flex}.dato b{font-weight:700}.dato span{text-align:right}a.dato:hover{background:#fff}.cupon-right .boton{background:var(--navy);min-height:60px;margin-top:8px}@media (width<=760px){.cupon-wrap{padding:88px 12px}.cupon{grid-template-columns:1fr;overflow:hidden}.cupon:before,.cupon:after{display:none}.cupon-left{border-bottom:6px dotted #fff;border-right:0;padding:40px 24px;position:relative}.cupon-left:before,.cupon-left:after{content:"";bottom:calc(var(--n) * -1 - 3px);width:calc(var(--n) * 2);height:calc(var(--n) * 2);background:var(--paper);border-radius:50%;position:absolute}.cupon-left:before{left:calc(var(--n) * -1)}.cupon-left:after{right:calc(var(--n) * -1)}.cupon-right{padding:32px 20px 40px}.dato{border-radius:20px;flex-wrap:wrap}.dato span{text-align:left}}.pie{background:var(--boom);color:var(--navy);padding:32px var(--m) 20px;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,3fr);align-items:center;gap:16px 48px;min-height:33.333svh;display:grid;position:relative}.pie:before{content:"";background:var(--boom);height:20px;-webkit-mask:var(--feston) repeat-x left bottom / 40px 20px;-webkit-mask:var(--feston) repeat-x left bottom / 40px 20px;mask:var(--feston) repeat-x left bottom / 40px 20px;position:absolute;top:-19px;left:0;right:0}.pie-mark{grid-row:span 2;width:auto;max-width:100%;height:auto;max-height:calc(33.333svh - 52px);display:block}.pie-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;font-size:15px;display:grid}.boom .pie-cols h3{margin-bottom:6px;font-size:16px}.pie-cols ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.pie-cols a{text-underline-offset:4px}.pie-base{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:13px;font-weight:500;display:flex}@media (width<=1024px){.pie-cols{grid-template-columns:1fr 1fr}}@media (width<=760px){.pie{grid-template-rows:none;grid-template-columns:1fr;gap:24px;min-height:0}.pie-mark{grid-row:auto;max-height:120px}}.flotante{z-index:25;display:none;position:fixed;bottom:12px;left:12px;right:12px}.flotante .boton{justify-content:space-between;width:100%;min-height:60px;box-shadow:0 10px 30px #02216659}@media (width<=760px){.flotante.show{display:block}.boom [data-avisos]{bottom:84px}}.boom .tarjeta{background:var(--sky);box-shadow:none;border-color:#0000;border-radius:28px}.boom .tarjeta .tarjeta{background:#fff}.boom :is(.btn-primario,.btn-contorno,.btn-trigo){box-shadow:none;border-radius:999px}.js .reveal{opacity:0;transition:opacity .6s ease var(--d,0s), transform .6s cubic-bezier(.2, .8, .2, 1) var(--d,0s);transform:translateY(26px)}.js .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.boom *,.boom :before,.boom :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation:none!important}.js .reveal{transform:none}}
