@import url("https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600;700&display=swap");:root{--fondo:#faf6ec;--superficie:#ffffff;--superficie-2:#f0e7d0;--ink:#211d16;--ink-suave:#736b58;--borde:#e8ddc0;--acento:#d6402c;--acento-suave:#fbe3dd;--acento-ink:#ffffff;--bien:#147d49;--bien-suave:#ddf3e6;--oro:#c68a2e;--oro-suave:#f8ecd4;--peor:#7a2a1f;--peor-suave:#f3e0d9;--radio-sm:6px;--radio:10px;--radio-lg:16px;--fuente-titular:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--fuente-texto:"Public Sans",-apple-system,"Segoe UI",Roboto,sans-serif;--fuente-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--sombra:4px 4px 0 var(--ink);--sombra-sm:3px 3px 0 var(--ink)}*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:var(--fondo);color:var(--ink);font-family:var(--fuente-texto);-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3{font-family:var(--fuente-titular);font-weight:700;letter-spacing:-.01em;text-wrap:balance;margin:0}.cifra,.mono{font-family:var(--fuente-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}button,input,select,textarea{font:inherit;color:inherit}.shell{max-width:640px;margin:0 auto;padding:0 20px 72px}.nav{border-bottom:2px solid var(--ink);background:var(--superficie)}.nav-inner{max-width:640px;margin:0 auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.nav-links{display:flex;gap:2px;flex-wrap:wrap}.nav-link{padding:7px 12px;border-radius:var(--radio-sm);color:var(--ink-suave);text-decoration:none;font-size:.88rem;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}.nav-link:hover{background:var(--superficie-2);color:var(--ink)}.nav-link.activo{background:var(--acento-suave);color:var(--acento);font-weight:700}.nav-cuenta{display:flex;align-items:center;gap:14px;font-size:.84rem;color:var(--ink-suave);white-space:nowrap}.nav-cuenta a,.nav-cuenta button{color:var(--acento);font-weight:600;text-decoration:none;background:none;border:none;cursor:pointer;font-size:inherit;padding:0}@media (max-width:640px){.nav-inner{flex-wrap:wrap;row-gap:8px}.nav-links{order:3;flex-basis:100%;gap:4px}.nav-link{padding:6px 10px;font-size:.85rem}}.hero{padding:36px 0 32px;background-image:radial-gradient(color-mix(in srgb,var(--ink) 18%,transparent) 1.5px,transparent 1.5px);background-size:18px 18px}.hero h1{font-size:2.1rem;line-height:1.15;text-transform:uppercase;letter-spacing:-.01em}.hero p{color:var(--ink-suave);font-size:1rem;line-height:1.55;max-width:46ch;margin:14px 0 0}.tarjeta{border:2px solid var(--ink);box-shadow:var(--sombra)}.campo,.tarjeta{background:var(--superficie);border-radius:var(--radio)}.campo{width:100%;padding:13px 16px;border:2px solid var(--ink);color:var(--ink);font-size:.95rem;transition:border-color .15s,box-shadow .15s,transform .15s}.campo:focus{outline:none;border-color:var(--acento);box-shadow:3px 3px 0 var(--acento);transform:translate(-1px,-1px)}textarea.campo{font-family:var(--fuente-mono);font-size:.85rem;line-height:1.5;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--radio);font-weight:700;font-size:.92rem;border:2px solid var(--ink);cursor:pointer;box-shadow:var(--sombra);transition:transform .1s,box-shadow .1s,filter .15s,background .15s}.btn:disabled{opacity:.55;cursor:default}.btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.btn-primario{background:var(--acento);color:var(--acento-ink)}.btn-primario:hover:not(:disabled){filter:brightness(1.08)}.btn-secundario{background:var(--superficie);color:var(--ink)}.btn-fantasma{background:none;border-color:transparent;box-shadow:none;color:var(--ink-suave);padding:6px 10px}.btn-fantasma:hover:not(:disabled){transform:none;box-shadow:none;color:var(--peor)}.btn-fantasma:active:not(:disabled){transform:none}.lista-limpia{list-style:none;padding:0;margin:0}.fila-producto{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--borde)}.fila-producto:last-child{border-bottom:none}.fila-producto-nombre{font-weight:500}.fila-producto-meta{font-size:.84rem;color:var(--ink-suave);margin-top:2px}.fila-cadena{background:var(--superficie);border:2px solid var(--ink);border-radius:var(--radio);padding:16px 18px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--sombra)}.fila-cadena.mejor{border-color:var(--bien);box-shadow:4px 4px 0 var(--bien)}.fila-cadena-cabecera{display:flex;justify-content:space-between;align-items:baseline}.fila-cadena-nombre{font-weight:600;font-size:.95rem}.fila-cadena-precio{font-family:var(--fuente-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:600}.fila-cadena-ahorro{font-size:.86rem;font-weight:500}.fila-cadena-ahorro.positivo{color:var(--bien)}.fila-cadena-ahorro.negativo{color:var(--peor)}.fila-cadena-aviso{font-size:.78rem;color:var(--ink-suave)}.cifra-hero{display:flex;align-items:baseline;flex-wrap:wrap;gap:16px 28px;padding:28px 0 8px;border-bottom:2px solid var(--ink);margin-bottom:28px}.cifra-hero-principal{display:flex;flex-direction:column;gap:6px}.cifra-hero-etiqueta{font-size:.82rem;color:var(--ink-suave)}.cifra-hero-valor{font-family:var(--fuente-titular);font-size:3rem;font-weight:700;line-height:1;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cifra-hero-secundaria{display:flex;flex-direction:column;gap:6px;padding-bottom:6px}.cifra-hero-secundaria .cifra-hero-etiqueta{color:var(--ink-suave)}.cifra-hero-secundaria-valor{font-family:var(--fuente-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:600;color:var(--bien)}.chip{padding:8px 14px;border-radius:999px;border:2px solid var(--ink);background:var(--superficie);color:var(--ink);font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:var(--sombra-sm);transition:transform .1s,box-shadow .1s,background .15s,color .15s}.chip:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.chip.activo{background:var(--acento);color:var(--acento-ink)}.aviso{font-size:.86rem;padding:10px 14px;border-radius:var(--radio-sm);border:2px solid}.aviso-error{background:var(--peor-suave);color:var(--peor);border-color:var(--peor)}.aviso-ok{background:var(--bien-suave);color:var(--bien);border-color:var(--bien)}.aviso-frescura-media{background:var(--oro-suave);color:var(--oro);border-color:var(--oro)}.muted{color:var(--ink-suave)}.barra-mes{display:grid;grid-template-columns:64px 1fr 72px;align-items:center;grid-gap:12px;gap:12px;padding:8px 0}.barra-mes-pista{height:8px;border-radius:999px;background:var(--superficie-2);overflow:hidden}.barra-mes-relleno{height:100%;border-radius:999px;background:var(--oro)}.barra-mes-etiqueta{font-size:.82rem;color:var(--ink-suave)}.barra-mes-valor{font-size:.85rem;text-align:right}.progreso-ticket{margin-top:14px}.progreso-ticket-pista{height:6px;border-radius:999px;background:var(--superficie-2);overflow:hidden}.progreso-ticket-relleno{height:100%;border-radius:999px;background:var(--acento);transition:width .35s ease}.pie{border-top:2px solid var(--ink);margin-top:56px}.pie-inner{max-width:640px;margin:0 auto;padding:24px 20px 40px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pie-links{display:flex;gap:18px}.pie-links a{color:var(--ink-suave);text-decoration:none;font-size:.85rem}.pie-links a:hover{color:var(--ink)}.pie-nota{font-size:.8rem;color:var(--ink-suave)}.texto-pequeno{font-size:.82rem}.enlace-discreto{background:none;border:none;padding:0;color:var(--ink-suave);font-size:.82rem;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--borde);text-decoration-color:var(--borde);text-underline-offset:3px}.enlace-discreto:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink-suave);text-decoration-color:var(--ink-suave)}.enlace-peligro{background:none;border:none;padding:0;color:var(--peor);font-size:.82rem;font-weight:600;cursor:pointer}.enlace-peligro:hover{text-decoration:underline}.confirmar-borrado{display:inline-flex;align-items:center;gap:10px}.btn-peligro{background:var(--peor);color:#fff}.btn-peligro:hover:not(:disabled){filter:brightness(1.1)}.zona-peligro{margin-top:56px;padding-top:20px;border-top:2px solid var(--peor)}.zona-peligro-confirmar{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.subir-foto{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border-radius:var(--radio);border:2px solid var(--ink);background:var(--superficie);color:var(--ink);cursor:pointer;text-align:left;box-shadow:var(--sombra);transition:border-color .15s,background .15s,box-shadow .1s,transform .1s}.subir-foto:hover{border-color:var(--acento);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--acento)}.subir-foto:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--acento)}.subir-foto-icono{flex-shrink:0;width:42px;height:42px;border-radius:var(--radio-sm);background:var(--acento-suave);color:var(--acento);display:flex;align-items:center;justify-content:center}.subir-foto-titulo{font-weight:600;font-size:.95rem}.subir-foto-apoyo{font-size:.82rem;color:var(--ink-suave);margin-top:1px}.cookies-banner{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--superficie);border-top:2px solid var(--ink);box-shadow:0 -4px 0 var(--ink)}.cookies-banner-inner{max-width:720px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.cookies-banner-config{max-width:720px;margin:0 auto;padding:0 20px 18px;display:grid;grid-gap:10px;gap:10px}.cookies-banner-config-fila{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border:2px solid var(--borde);border-radius:var(--radio-sm)}