:root{--fondo:#fff;--superficie-suave:#f6f6f7;--texto:#18181b;--suave:#5f5f68;--borde:#e6e6e9;--acento:#5a3e8c;--acento-suave:#f1edf8;--acento-texto:#fff;--aviso:#fdf6e3;--aviso-texto:#6b5310;--ancho-sidebar:248px;--ancho-plegado:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--fondo)}body{color:var(--texto);margin:0;font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}h1,h2,p{margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}a:focus-visible,button:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.app{min-height:100vh;display:flex}.sidebar{z-index:30;width:var(--ancho-sidebar);border-right:1px solid var(--borde);background:var(--fondo);flex-direction:column;flex-shrink:0;height:100vh;padding:20px 12px;transition:width .16s;display:flex;position:sticky;top:0}.app-plegada .sidebar{width:var(--ancho-plegado)}.sidebar-cabecera{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.marca{color:inherit;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.marca-inicial{background:var(--acento);width:36px;height:36px;color:var(--acento-texto);border-radius:10px;flex-shrink:0;place-items:center;margin-left:6px;font-size:1rem;display:grid}.sidebar nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-enlace,.sidebar-plegar{width:100%;min-height:44px;color:var(--suave);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:0 14px;font-weight:500;text-decoration:none;display:flex}.sidebar-enlace svg,.sidebar-plegar svg{flex-shrink:0}.sidebar-enlace:hover,.sidebar-plegar:hover{background:var(--superficie-suave);color:var(--texto)}.sidebar-enlace[aria-current=page]{background:var(--acento-suave);color:var(--acento);font-weight:700}.app-plegada .sidebar-texto{display:none}.app-plegada .sidebar-enlace,.app-plegada .sidebar-plegar{justify-content:center;padding:0}.app-plegada .marca-inicial{margin-left:6px}.boton-icono{background:0 0;border:0;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.boton-icono:hover{background:var(--superficie-suave)}.boton-cerrar,.barra-movil,.velo{display:none}.columna{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.contenido{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:56px 40px 64px}h1{letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.15}.bajada{max-width:560px;color:var(--suave);margin-bottom:32px;font-size:1.1rem}.aviso{background:var(--aviso);color:var(--aviso-texto);border-radius:10px;margin:12px 0 20px;padding:10px 14px;font-size:.92rem}.boton{background:var(--acento);color:var(--acento-texto);text-align:center;border-radius:10px;padding:12px 22px;font-weight:600;text-decoration:none;display:inline-block}.boton:hover{background:#4a3274}.boton-inactivo,.boton-inactivo:hover{background:var(--superficie-suave);color:var(--suave)}.servicio{border:1px solid var(--borde);border-radius:14px;max-width:640px;margin-top:24px;padding:28px}.servicio h2{margin-bottom:8px;font-size:1.35rem;font-weight:700}.servicio p{color:var(--suave);margin-bottom:20px}.quien-soy{max-width:620px;margin-top:12px}.quien-soy p{margin-bottom:24px;font-size:1.2rem;line-height:1.65}.filtros{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.filtro{border:1px solid var(--borde);background:var(--fondo);min-height:38px;color:var(--suave);border-radius:999px;padding:0 16px;font-weight:500}.filtro:hover{border-color:var(--suave);color:var(--texto)}.filtro[aria-pressed=true]{border-color:var(--texto);background:var(--texto);color:var(--fondo)}.productos{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.producto{border:1px solid var(--borde);background:var(--fondo);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.producto-agotado{opacity:.6}.producto-imagen{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.producto-sin-imagen{background:var(--superficie-suave);color:var(--suave);place-items:center;font-weight:600;display:grid}.producto-cuerpo{flex-direction:column;flex:1;gap:4px;padding:16px;display:flex}.producto-marca{color:var(--suave);font-size:.82rem;font-weight:500}.producto h2{font-size:1.05rem;font-weight:700;line-height:1.35}.producto-detalle{color:var(--suave);font-size:.9rem}.producto-precio{margin-top:auto;padding-top:10px;font-weight:600}.producto-estado{color:var(--suave);padding-top:8px;font-size:.9rem}.cantidad{align-items:center;gap:8px;padding-top:10px;display:flex}.cantidad button{border:1px solid var(--borde);background:var(--fondo);border-radius:10px;width:36px;height:36px;font-size:1.1rem;line-height:1}.cantidad button:not(:disabled):hover{border-color:var(--acento);color:var(--acento)}.cantidad output{font-variant-numeric:tabular-nums;text-align:center;min-width:20px;font-weight:600}.producto-stock{color:var(--suave);margin-left:auto;font-size:.82rem}.pedido{z-index:10;border-top:1px solid var(--borde);background:var(--fondo);justify-content:space-between;align-items:center;gap:20px;padding:14px 40px;display:flex;position:sticky;bottom:0}.pedido-resumen{flex-direction:column;min-width:0;display:flex}.pedido-resumen span{color:var(--suave);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.pedido .boton{flex-shrink:0}@media (width<=767px){.app{display:block}.barra-movil{z-index:20;border-bottom:1px solid var(--borde);background:var(--fondo);align-items:center;gap:8px;height:60px;padding:0 8px;display:flex;position:sticky;top:0}.velo{z-index:25;background:#18181b66;display:block;position:fixed;inset:0}.sidebar,.app-plegada .sidebar{visibility:hidden;width:min(280px,85vw);transition:transform .18s,visibility .18s;position:fixed;left:0;transform:translate(-100%)}.app-menu-abierto .sidebar{visibility:visible;transform:none}.app-plegada .sidebar-texto{display:inline}.app-plegada .sidebar-enlace{justify-content:flex-start;padding:0 14px}.sidebar-plegar{display:none}.boton-cerrar{display:grid}.columna{min-height:calc(100vh - 60px)}.contenido{padding:32px 16px 40px}.productos{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.pedido{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px}.pedido-resumen span{white-space:normal}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}