.c-hero{background:radial-gradient(70% 85% at 10% 20%, color-mix(in srgb, var(--acento) 22%, var(--perla)), var(--perla) 80%);scroll-margin-top:16px;overflow:hidden}.c-hero [hidden]{display:none!important}.c-hero-grilla{gap:22px;padding-block:24px 32px;display:grid}.c-guia{grid-template-columns:106px minmax(0,1fr);align-items:end;gap:8px;display:grid}.c-mascota{width:112px;height:auto}.c-globo{border-radius:var(--r);background:var(--blanco);box-shadow:var(--sombra);margin-bottom:22px;padding:16px;position:relative}.c-globo:before{content:"";background:var(--blanco);clip-path:polygon(0 100%,100% 0,100% 100%);width:12px;height:16px;position:absolute;bottom:0;left:-10px}.c-globo h1{margin:8px 0;font-size:clamp(26px,4.4vw,50px)}.c-globo h1:focus{outline:none}.c-globo p:not(.h-volanta){color:var(--gris);font-size:14px}.c-recorrido{min-width:0}.c-progreso{color:var(--acento-texto);margin-bottom:12px;font-size:13px;font-weight:700}.c-opciones{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.c-opcion{border:1px solid var(--borde);border-radius:var(--r);background:var(--blanco);min-width:0;min-height:146px;color:var(--texto);text-align:center;cursor:pointer;grid-template-rows:auto 1fr auto;place-items:center;gap:8px;padding:14px 10px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:grid}.c-opcion:hover{box-shadow:var(--sombra);transform:translateY(-2px)}.c-opcion[aria-pressed=true]{border-color:var(--acento-texto);box-shadow:inset 0 0 0 1px var(--acento-texto)}.c-opcion small{color:var(--acento-texto);letter-spacing:.05em;text-transform:uppercase;justify-self:start;font-size:10px;font-weight:700}.c-opcion img{object-fit:contain;width:100%;max-width:140px;height:82px}.c-opcion b{font-size:14px;line-height:1.25}.c-buscar{background:var(--marino);min-height:58px;color:var(--texto-noche);grid-column:1/-1;justify-content:center;display:flex}.c-buscar svg{color:var(--acento)}:root[data-modo=noche] .c-buscar{background:var(--boton-fondo);color:var(--boton-texto)}:root[data-modo=noche] .c-buscar svg{color:currentColor}.c-presupuestos{grid-template-columns:1fr}.c-presupuestos .c-opcion{justify-content:center;min-height:64px;font-size:18px;font-weight:600;display:flex}.c-cargando,.c-error{border:1px solid var(--borde);border-radius:var(--r);background:var(--blanco);padding:20px}.c-navegacion{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.c-navegacion .h-btn{border:1px solid var(--borde);background:var(--blanco);min-height:44px;color:var(--texto);padding-inline:12px;font-size:14px}.c-propuesta{gap:16px;display:grid}.c-resumen{color:var(--acento-texto);font-weight:700}.c-pedir{width:100%;min-height:52px;color:var(--noche);text-align:center;padding:12px;line-height:1.3}.c-error .c-pedir{margin-top:16px}.c-nota{color:var(--gris);font-size:13px}.c-resultados{gap:32px;padding-bottom:40px;display:grid}.c-grupo{min-width:0}.c-grupo h2{margin-bottom:16px;font-size:clamp(24px,3vw,32px)}.c-productos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.c-productos .h-prod{background:var(--blanco);min-width:0}.c-productos .h-prod-foto{background:var(--claro-2)}.c-productos .h-prod h3{min-height:0;font:400 17px/1.2 var(--display);overflow-wrap:anywhere;display:block;overflow:visible}.c-productos .h-prod-precio{margin-top:auto}.c-productos .h-prod-precio strong{color:var(--texto);font-size:clamp(19px,2vw,26px);line-height:1.2;display:block}.c-productos .h-prod-lista{margin-block:6px 12px}.c-productos .h-agregar{background:var(--marino);min-height:44px;color:var(--texto-noche)}.c-productos .h-agregar:hover{background:var(--marino-2)}.c-productos .h-agregar[data-listo]{background:var(--acento);color:var(--noche)}.c-pasos{background:var(--perla)}.c-pasos ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.c-pasos li{border-radius:var(--r);background:var(--blanco);align-items:center;gap:14px;padding:16px;display:flex}.c-pasos img{flex:none;width:84px;height:84px}.c-pasos span{border-radius:var(--r);background:var(--acento);width:24px;height:24px;color:var(--noche);place-items:center;font-size:13px;font-weight:700;display:inline-grid}.c-pasos h3{margin:6px 0;font-size:21px}.c-pasos p{color:var(--gris);font-size:14px}.c-credito-caja{padding-block:24px 48px}.c-credito{border-radius:var(--r);background:linear-gradient(135deg, var(--marino), var(--noche));color:var(--texto-noche);place-items:center start;gap:18px;padding:24px;display:grid}.c-credito img{width:130px;height:auto}.c-credito .h-volanta{color:var(--acento-2)}.c-credito h2{margin:10px 0;font-size:clamp(28px,3.4vw,38px)}.c-credito p:not(.h-volanta){color:var(--texto-noche)}@media (width>=768px){.c-productos{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.c-opciones:not(.c-presupuestos){grid-template-columns:repeat(3,minmax(0,1fr))}.c-puertas .c-buscar{grid-column:auto;align-content:center;display:grid}}@media (width>=1024px){.c-hero-grilla{grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;padding-block:40px 48px}.c-guia{grid-template-columns:1fr;justify-items:start}.c-mascota{order:2;width:280px;margin:8px 0 0 40px}.c-globo{margin:0;padding:26px 30px}.c-globo:before{clip-path:polygon(0 0,100% 0,0 100%);width:16px;height:16px;bottom:-12px;left:70px}.c-globo p:not(.h-volanta){font-size:16px}.c-opcion{min-height:176px}.c-opcion img{height:104px}.c-pasos ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.c-credito{grid-template-columns:auto 1fr auto;gap:32px;padding:32px 40px}}@media (prefers-reduced-motion:reduce){.c-hero *,.c-pasos *,.c-credito *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
