.hero{border-bottom:var(--borde);padding-block:clamp(40px,7vw,80px);overflow:hidden}.hero-in{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.hero-texto{gap:22px;display:grid}.hero-etiqueta{color:var(--tinta);background:var(--hueso);border:var(--borde);border-radius:999px;justify-self:start;padding:6px 12px}.hero-bajada{max-width:52ch;font-size:1.2rem}.hero-ctas{flex-wrap:wrap;gap:14px;display:flex}.hero-chico{font-size:.92rem;font-weight:600}.hero-arte svg{width:100%;height:auto;display:block}.subrayado{background:linear-gradient(transparent 62%, var(--hocico) 62%, var(--hocico) 90%, transparent 90%);padding-inline:2px}@media (max-width:860px){.hero-in{grid-template-columns:1fr}.hero-arte{justify-self:center;width:100%;max-width:460px}}.cinta{background:var(--tinta);color:var(--hueso);border-bottom:var(--borde);white-space:nowrap;overflow:hidden}.cinta-in{font-family:var(--f-display);letter-spacing:.02em;padding-block:14px;font-size:1.15rem;font-weight:700;animation:28s linear infinite cinta;display:inline-block}@keyframes cinta{0%{transform:translate(0)}to{transform:translate(-50%)}}.pasos{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.pasos li{align-content:start;gap:10px;display:grid}.pasos p{color:var(--tinta-suave)}.paso-n{border:var(--borde);background:var(--carton);width:48px;height:48px;font:800 1.4rem var(--f-display);border-radius:50%;place-items:center;display:grid}.caja-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}@media (max-width:860px){.caja-grid{grid-template-columns:1fr}}.formula{gap:14px;margin:0;padding:0;list-style:none;display:grid}.formula li{background:var(--hueso);border:var(--borde);border-radius:var(--r);align-items:center;gap:16px;padding:16px 18px;display:flex}.formula li span{color:var(--tinta-suave);display:grid}.formula li span b{color:var(--tinta);font-size:1.1rem}.formula-n{background:var(--cobalto);width:56px;height:56px;color:var(--blanco);border:var(--borde);font:800 1.8rem var(--f-display);border-radius:14px;flex:none;place-items:center;display:grid}.planes{gap:28px;display:grid}.tamanos{flex-wrap:wrap;gap:12px;display:flex}.tamano{text-align:left;font:inherit;color:var(--tinta);cursor:pointer;border:var(--borde);background:var(--blanco);border-radius:14px;gap:2px;padding:12px 20px;display:grid}.tamano small{color:var(--tinta-suave)}.tamano.activo{background:var(--tinta);color:var(--hueso);box-shadow:var(--sombra-chica)}.tamano.activo small{color:#cfcadf}.planes-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.plan{align-content:start;gap:12px;display:grid;position:relative}.plan-destacado{background:var(--carton-claro)}.plan-cinta{background:var(--hocico);border:var(--borde);border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:700;position:absolute;top:-16px;right:20px}.plan-cada{color:var(--tinta-suave);font-weight:600}.plan-precio{font:800 2.6rem/1 var(--f-display);letter-spacing:-.02em}.plan-precio small{font:600 1rem var(--f-body);color:var(--tinta-suave);letter-spacing:0}.plan ul{gap:6px;margin:6px 0 10px;padding-left:1.2em;display:grid}.cumple-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:48px;display:grid}@media (max-width:860px){.cumple-grid{grid-template-columns:1fr}}.cumple-arte{justify-self:center;padding:10px 40px 40px 0;position:relative}.calendario{background:var(--hueso);width:220px;color:var(--tinta);border:var(--borde);border-color:var(--hueso);box-shadow:6px 6px 0 var(--hocico);text-align:center;border-radius:20px;overflow:hidden;transform:rotate(-5deg)}.calendario-top{background:var(--cobalto);color:var(--blanco);font:800 1rem var(--f-display);letter-spacing:.12em;padding:12px}.calendario-dia{padding:18px 0 6px;font-size:4.5rem}.calendario-pie{font:700 1.1rem var(--f-display);padding-bottom:18px}.cumple-mascota{position:absolute;bottom:0;right:0}.puntos-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.sticker-carton{background:var(--carton-claro)}.puntos-lista{margin:16px 0 0;padding:0;list-style:none;display:grid}.puntos-lista li{border-bottom:2px dashed #23213a40;justify-content:space-between;gap:16px;padding-block:12px;display:flex}.puntos-lista li:last-child{border-bottom:0}.puntos-lista b{font-family:var(--f-display);white-space:nowrap;color:var(--cobalto);font-size:1.15rem}.gatos{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;display:grid}@media (max-width:860px){.gatos{grid-template-columns:1fr}}.gatos-form{flex-wrap:wrap;gap:12px;display:flex}.gatos-form input{flex:220px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.faq-lista{gap:14px;max-width:820px;display:grid}.faq-lista details{box-shadow:var(--sombra-chica);padding:0}.faq-lista summary{cursor:pointer;font:700 1.12rem var(--f-display);justify-content:space-between;gap:12px;padding:18px 22px;list-style:none;display:flex}.faq-lista summary::-webkit-details-marker{display:none}.faq-lista summary:after{content:"+";font-size:1.5rem;line-height:1}.faq-lista details[open] summary:after{content:"–"}.faq-lista details p{color:var(--tinta-suave);max-width:68ch;padding:0 22px 20px}.final{text-align:center;justify-items:center;gap:18px;display:grid}.final p{font-size:1.15rem}.popup-fondo{z-index:50;background:#23213a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.popup{text-align:center;background:var(--hueso);justify-items:center;gap:12px;width:100%;max-width:440px;padding:32px 28px 26px;animation:.25s ease-out entra;display:grid;position:relative}@keyframes entra{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.popup-cuerpo{text-align:center;gap:14px;width:100%;display:grid}.popup-cuerpo .campo{text-align:left}.popup-cerrar{border:var(--borde);background:var(--blanco);cursor:pointer;width:36px;height:36px;color:var(--tinta);border-radius:50%;font-size:1.4rem;line-height:1;position:absolute;top:10px;right:12px}.popup-chico{color:var(--tinta-suave);font-size:.9rem}.cupon{font:800 1.5rem var(--f-display);letter-spacing:.06em;border:3px dashed var(--tinta);background:var(--blanco);color:var(--tinta);cursor:pointer;border-radius:14px;padding:14px}.tamanos-chicos .tamano{padding:10px 16px}.regalo{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;display:grid}@media (max-width:700px){.regalo{grid-template-columns:1fr}}.opiniones{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.opinion{align-content:start;gap:10px;margin:0;display:grid}.opinion blockquote{margin:0;font-size:1.05rem}.opinion figcaption{color:var(--tinta-suave);font-weight:700}.plan-caja{font-family:var(--f-display);color:var(--cobalto);letter-spacing:.02em;font-size:.95rem;font-weight:800}.ranking{gap:12px;margin-top:24px;display:grid}.ranking ol{margin:0;padding:0;list-style:none;display:grid}.ranking li{border-bottom:2px dashed #23213a33;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding-block:10px;display:grid}.ranking li:last-child{border-bottom:0}.ranking .pos{font:800 1.2rem var(--f-display);text-align:center}.ranking .quien{overflow-wrap:anywhere}.ranking b{color:var(--cobalto);font-family:var(--f-display)}.ranking-vacio{font-size:1.05rem}.productos{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}@media (max-width:860px){.productos{grid-template-columns:repeat(2,minmax(0,1fr))}}.producto{background:var(--blanco);border:var(--borde);border-radius:var(--r);box-shadow:var(--sombra-chica);background:#fcefdd;margin:0;display:grid;overflow:hidden}.producto img{aspect-ratio:4/5;object-fit:cover;mix-blend-mode:multiply;width:100%;height:auto;display:block}.producto figcaption{border-top:2px solid var(--tinta);padding:10px 12px;font-size:.92rem;font-weight:700}.variedad{grid-template-columns:minmax(0,1fr);gap:22px;min-width:0;display:grid}.variedad-fila-wrap{min-width:0;position:relative}.variedad-fila{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:170px;grid-auto-flow:column;gap:14px;padding:4px 4px 14px;display:grid;overflow-x:auto}.variedad-fila .producto{scroll-snap-align:start}.variedad-fila .producto figcaption{padding:8px 10px;font-size:.85rem}.variedad-flecha{z-index:1;border:var(--borde);background:var(--blanco);width:44px;height:44px;box-shadow:var(--sombra-chica);font:800 1.6rem/1 var(--f-display);cursor:pointer;border-radius:50%;place-items:center;padding-bottom:4px;display:grid;position:absolute;top:calc(50% - 30px)}.variedad-flecha:hover{background:var(--carton-claro)}.variedad-flecha.izq{left:-14px}.variedad-flecha.der{right:-14px}@media (max-width:700px){.variedad-flecha{display:none}.variedad-fila{grid-auto-columns:42%}}.variedad-lista{gap:14px;display:grid}.variedad-total{margin:0;font-size:1.05rem}.variedad-total b{color:var(--cobalto);font-family:var(--f-display);font-size:1.25rem}.variedad-tabs{flex-wrap:wrap;gap:8px;display:flex}.variedad-tabs button{border:2px solid var(--tinta);background:var(--blanco);font:700 .92rem var(--f-body);cursor:pointer;color:var(--tinta);border-radius:999px;padding:7px 14px}.variedad-tabs button small{opacity:.6;margin-left:2px}.variedad-tabs button.activa{background:var(--tinta);color:var(--hueso)}.variedad-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.variedad-chips li{background:var(--hueso);border:1.5px solid var(--carton);border-radius:999px;padding:5px 12px;font-size:.88rem;font-weight:600}.popup-ruleta{max-width:460px}.ruleta{width:100%;max-width:320px;margin:0 auto}.ruleta-svg{width:100%;height:auto;display:block}.ruleta-giro{transition:transform 4.2s cubic-bezier(.17,.67,.18,1)}.premio{font:800 1.6rem/1.1 var(--f-display);color:var(--cobalto)}.variedad-chips li.variedad-mas{background:0 0;border:0;padding:0}.variedad-mas button{border:2px solid var(--cobalto);color:var(--cobalto);background:var(--blanco);font:700 .88rem var(--f-body);cursor:pointer;border-radius:999px;padding:4px 12px}
