.page-hero{background:radial-gradient(60% 80% at 80% 30%, #ff8e2c24 0%, transparent 60%), radial-gradient(60% 80% at 10% 60%, #18c9e82e 0%, transparent 60%), var(--cream);padding:56px 0 40px}.ph-grid{grid-template-columns:1.4fr 1fr;align-items:end;gap:32px;display:grid}@media (max-width:880px){.ph-grid{grid-template-columns:1fr}}.ph-grid h1{font-size:clamp(44px,5.8vw,72px)}.ph-grid h1 .hl{color:var(--cyan-deep)}.ph-grid p{color:var(--ink-soft);max-width:480px;margin-top:16px;font-size:17px}.ph-stats{flex-wrap:wrap;gap:28px;display:flex}.insumos-shop{padding-top:40px}.pestanas{border-bottom:1px solid var(--line);position:relative}.pestanas-rail{overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:14px;display:flex;overflow-x:auto}.pestanas-rail::-webkit-scrollbar{display:none}.pestana{scroll-snap-align:start;white-space:nowrap;border:1.5px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:999px;flex:none;align-items:center;gap:8px;padding:10px 16px;font-size:14.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.pestana:hover{background:var(--cyan-bg);border-color:var(--cyan-soft)}.pestana .n{font-family:var(--fm);color:var(--muted);background:var(--line-2);border-radius:999px;padding:2px 7px;font-size:11.5px;font-weight:600}.pestana.on{background:var(--ink);color:#fff;border-color:var(--ink)}.pestana.on .n{color:#ffffffbf;background:#ffffff29}.pestana:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}@media (max-width:880px){.pestanas:after{content:"";pointer-events:none;background:linear-gradient(90deg, #fff0, var(--cream));width:36px;position:absolute;top:0;bottom:14px;right:0}}.panel{padding-top:30px}.seccion+.seccion{margin-top:52px}.seccion-foto{aspect-ratio:21/6;border-radius:var(--radius);background:linear-gradient(155deg, var(--cyan-bg), var(--orange-bg));width:100%;min-height:120px;margin-bottom:22px;position:relative;overflow:hidden}.seccion-foto-img{object-fit:cover}@media (max-width:640px){.seccion-foto{aspect-ratio:16/9}}.seccion-titulo{align-items:center;gap:10px;margin-bottom:18px;font-size:clamp(22px,2.6vw,28px);display:flex}.seccion-titulo .ct{font-family:var(--fm);color:var(--muted);background:var(--line-2);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.prod-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (max-width:1100px){.prod-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.prod-grid{grid-template-columns:1fr}}.prod{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.prod:hover{box-shadow:var(--sh-lg);border-color:var(--cyan-soft);transform:translateY(-3px)}.prod-photo{aspect-ratio:4/3;width:100%;position:relative}.prod-photo .badge{z-index:2;background:var(--orange);color:#fff;font-family:var(--fm);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:700;position:absolute;top:12px;left:12px}.prod-photo.foto{background:#fff;overflow:hidden}.prod-photo.foto img{object-position:center}.prod-photo.tile{text-align:center;background:var(--tono-bg);place-items:center;padding:20px;display:grid}.prod-photo.tile .tile-nombre{font-family:var(--fd);color:var(--tono-ink);max-width:90%;font-size:clamp(16px,2vw,19px);font-weight:700;line-height:1.25}.prod-photo.tile .tile-sello{font-family:var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--tono-ink);opacity:.7;border:1px solid;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;bottom:12px;left:12px}.prod-photo.tile[data-tono="0"]{--tono-bg:linear-gradient(155deg, #ffe4cd, #ffb066);--tono-ink:#7a3a08}.prod-photo.tile[data-tono="1"]{--tono-bg:linear-gradient(155deg, #ffb066, #ff8e2c);--tono-ink:#4a2405}.prod-photo.tile[data-tono="2"]{--tono-bg:linear-gradient(155deg, #bfeff7, #5fddf1);--tono-ink:#085e70}.prod-photo.tile[data-tono="3"]{--tono-bg:linear-gradient(155deg, #fff3e6, #ffd9ae);--tono-ink:#a04e0a}.prod-photo.tile[data-tono="4"]{--tono-bg:linear-gradient(155deg, #ff8e2c, #e96e0f);--tono-ink:#fffbf4}.prod-photo.tile[data-tono="5"]{--tono-bg:linear-gradient(155deg, #e8f7fb, #bfeff7);--tono-ink:#0e8da6}.prod-body{flex-direction:column;flex:1;gap:6px;padding:20px;display:flex}.prod-body .cat{font-family:var(--fm);color:var(--cyan-deep);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:600}.prod-body h4{font-size:17px;font-weight:600}.prod-body .sub{color:var(--muted);font-size:13.5px}.prod-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:0 20px 20px;display:flex}.prod-foot .en-carrito{font-family:var(--fm);color:var(--cyan-deep);letter-spacing:.04em;flex:1 0 100%;font-size:11.5px;font-weight:600}.prod-foot .price{font-family:var(--fd);font-size:22px;font-weight:700}.prod-foot .price .pre{color:var(--muted);font-size:11px;font-family:var(--fm);margin-right:4px;font-weight:500}.prod-foot .price .pronto{font-family:var(--fm);color:var(--muted);font-size:14px;font-weight:600}.prod-foot .add{background:var(--cyan);color:var(--ink);border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700;transition:transform .15s,background .15s}.prod-foot .add:hover{background:var(--cyan-2);transform:translateY(-1px)}.prod-foot .add-ghost{border:1.5px solid var(--line);color:var(--ink-soft);background:0 0;align-items:center;font-weight:600;display:inline-flex}.prod-foot .add-ghost:hover{background:var(--cyan-bg);border-color:var(--cyan-soft);transform:none}.insumos-nota{border-radius:var(--radius);background:var(--cyan-bg);border:1px solid var(--cyan-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:56px;padding:24px 26px;display:flex}.insumos-nota h3{font-size:19px}.insumos-nota p{color:var(--ink-soft);margin-top:4px;font-size:14.5px}.insumos-pie{color:var(--muted);margin-top:16px;font-size:12.5px;line-height:1.6}.calc-abrir{border:1.5px solid var(--cyan-soft);background:var(--cyan-bg);color:var(--cyan-deep);font-family:var(--fm);cursor:pointer;border-radius:999px;align-self:flex-start;margin-top:10px;padding:7px 12px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}.calc-abrir:hover{border-color:var(--cyan);background:#fff}.calc-abrir:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.calc-fondo{z-index:120;background:#0f14198c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.calc-panel{border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--sh-lg);background:#fff;max-height:calc(100dvh - 48px);overflow-y:auto}.calc-panel:focus{outline:none}.calc-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:24px 24px 18px;display:flex}.calc-eyebrow{font-family:var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-deep);font-size:10.5px;font-weight:600}.calc-head h2{margin-top:6px;font-size:20px;line-height:1.25}.calc-rinde{color:var(--muted);margin-top:8px;font-size:13px}.calc-rinde b{color:var(--ink)}.calc-cerrar{border:1.5px solid var(--line);width:34px;height:34px;color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:999px;flex:none;font-size:14px}.calc-cerrar:hover{background:var(--line-2)}.calc-cuerpo{flex-direction:column;gap:14px;padding:20px 24px 24px;display:flex}.calc-campo{flex-direction:column;gap:3px;display:flex}.calc-campo>span{font-size:14px;font-weight:600}.calc-campo>small{color:var(--muted);font-size:12px}.calc-campo input{border-radius:var(--radius-sm);border:1.5px solid var(--line);font-family:var(--fm);background:#fff;width:100%;margin-top:5px;padding:11px 14px;font-size:16px}.calc-campo input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-bg);outline:none}.calc-resultados{border-radius:var(--radius-sm);background:var(--line-2);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.calc-dato{justify-content:space-between;align-items:baseline;gap:14px;padding:7px 0;font-size:14px;display:flex}.calc-dato>span{color:var(--ink-soft);flex-direction:column;display:flex}.calc-dato>span>small{color:var(--muted);font-size:11.5px}.calc-dato>b{font-family:var(--fm);white-space:nowrap;font-weight:600}.calc-dato.fuerte>b{font-family:var(--fd);font-size:19px;font-weight:700}.calc-dato.perdida>b{color:#c02626}.calc-pista{color:var(--muted);font-size:12.5px}.calc-alerta{color:#c02626;border-radius:var(--radius-sm);background:#fdeeee;border:1px solid #f6d4d4;padding:10px 12px;font-size:13px;font-weight:600}.calc-nota{color:var(--muted);font-size:12px;line-height:1.5}@media (max-width:560px){.calc-fondo{align-items:stretch;padding:0}.calc-panel{border-radius:0;max-width:none;min-height:100dvh;max-height:none}.calc-head{z-index:1;background:#fff;padding:20px 18px 16px;position:sticky;top:0}.calc-cuerpo{padding:18px 18px 32px}}.cats{background:radial-gradient(50% 70% at 85% 20%,#ff8e2c29 0%,#0000 60%),radial-gradient(45% 60% at 8% 80%,#ff6b001a 0%,#0000 60%),linear-gradient(#fff8ec 0%,#ffefda 100%);padding:56px 0 64px}.cats-title{margin:10px 0 6px;font-size:clamp(28px,3.4vw,40px)}.cats-sub{color:var(--muted);max-width:520px;margin-bottom:30px}.cats-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (max-width:980px){.cats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.cats-grid{grid-template-columns:1fr}}.cat-card{min-height:264px;color:var(--ink);border-radius:22px;flex-direction:column;justify-content:flex-end;padding:24px 24px 20px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #0f14190f}.cat-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #0f14191f}.cat-chip{background:#ffffffd9;border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:700;position:absolute;top:18px;left:20px}.cat-num{opacity:.16;font-size:34px;font-weight:800;position:absolute;top:14px;right:20px}.cat-foto{object-fit:contain;filter:drop-shadow(0 10px 18px #0f14192e);pointer-events:none;width:58%;height:auto;position:absolute;top:50%;right:-34px;transform:translateY(-52%)}.cat-card h3{max-width:55%;margin-bottom:4px;font-size:21px;position:relative}.cat-card p{color:#0f1419b8;max-width:55%;font-size:13px;line-height:1.45;position:relative}.cat-cta{margin-top:12px;font-size:13px;font-weight:800;position:relative}.cat-cta .arrow{color:var(--orange)}.cat-card:hover .cat-cta .arrow{padding-left:3px}.cat-c1{background:linear-gradient(135deg,#dff6fb,#c2ecf6)}.cat-c2{background:linear-gradient(135deg,#fbeedc,#f7dfc0)}.cat-c3{background:linear-gradient(135deg,#efe7fa,#dfd2f4)}.cat-c4{background:linear-gradient(135deg,#ffebd9,#fdb)}.cat-c5{background:linear-gradient(135deg,#fde4e8,#fbd0d8)}.cat-c6{background:linear-gradient(135deg,#e4f4e0,#cfeac8)}.cat-card--foto{color:#fff}.cat-bg{object-fit:cover;z-index:0}.cat-velo{z-index:1;background:linear-gradient(205deg,#0f141900 46%,#0f141994 100%);position:absolute;inset:0}.cat-card--foto .cat-chip,.cat-card--foto .cat-num,.cat-card--foto h3,.cat-card--foto p,.cat-card--foto .cat-cta{z-index:2}.cat-card--foto h3{color:#fff}.cat-card--foto p{color:#ffffffe0}.cat-card--foto .cat-cta{color:#fff}.cat-card--foto .cat-num{color:#fff;opacity:.35}.hero--insumos .hv-card{transform:rotate(-2.5deg)}.hero--insumos .hv-card:hover{transition:transform .25s;transform:rotate(-1deg)}.cat-bg{object-position:right center}.cat-card--foto h3,.cat-card--foto p{max-width:52%}.cats{background:radial-gradient(50% 70% at 85% 20%,#ff8e2c3d 0%,#0000 60%),radial-gradient(45% 60% at 8% 80%,#e96e0f29 0%,#0000 60%),linear-gradient(#ffeed8 0%,#ffe3c2 100%)}#catalogo{background:radial-gradient(40% 30% at 92% 4%,#ff8e2c1f 0%,#0000 60%),linear-gradient(#ffe3c2 0%,#fff3e2 260px,#fffbf4 100%)}.cats-grid{grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width:640px){.cats-grid{grid-template-columns:1fr}}.cat-card{min-height:300px}.cat-velo{background:linear-gradient(96deg,#0f141994 0%,#0f14194d 36%,#0f141900 62%),linear-gradient(#0000 66%,#0f14194d 100%)}.cat-card--foto h3,.cat-card--foto p{text-shadow:0 1px 10px #0f141959;max-width:46%}.cat-card--foto h3{font-size:24px}.cat-card--foto .cat-cta{text-shadow:0 1px 8px #0f141966}.cat-card--foto .cat-chip{color:#0f1419}.hero--insumos{background:radial-gradient(60% 80% at 88% 18%,#ff8e2c57 0%,#0000 62%),radial-gradient(50% 65% at 6% 85%,#e96e0f38 0%,#0000 60%),radial-gradient(28% 38% at 20% 10%,#18c9e817 0%,#0000 60%),linear-gradient(#fff3df 0%,#ffe5c6 100%)}.prod .tamanos{flex-wrap:wrap;gap:6px;margin:2px 0;display:flex}.prod .tamano{font-family:var(--fm);white-space:nowrap;border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:500;line-height:1;transition:border-color .15s,background .15s,color .15s}.prod .tamano:hover{border-color:var(--cyan);color:var(--ink)}.prod .tamano.on{background:var(--ink);border-color:var(--ink);color:#fff}.prod .tamano:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media (prefers-reduced-motion:reduce){.prod .tamano{transition:none}}
