:root{--gold:#F2B600;--ink:#0b0b0b;--bg:#fcfbf7;--card:#fff;--border:#ece9df;--text:#17181c;--sub:#5f5e57;--muted:#8a887c;--red:#c8473b;--green:#1e7a43}
@media (prefers-color-scheme:dark){:root{--bg:#000;--card:#141414;--border:#262626;--text:#fff;--sub:#b3b8c2;--muted:#8b919c;--red:#ef4444;--green:#22c55e}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--text);font:400 16px/1.65 "Poppins",system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}
.envase{max-width:760px;margin:0 auto;padding:28px 18px 60px}
.marca{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.marca svg{width:38px;height:38px}
.marca b{font:900 24px/1 "Archivo",Arial Black,sans-serif;letter-spacing:-.03em}
.cab{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}
.eti{font:600 11px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--sub);display:inline-flex;align-items:center;gap:8px}
.eti::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}
h1{font:900 clamp(30px,7vw,44px)/.95 "Archivo",Arial Black,sans-serif;text-transform:uppercase;letter-spacing:-.03em;margin:8px 0 10px}
h1 mark{background:var(--gold);color:var(--ink);padding:0 .12em;border-radius:.06em}
h2{font:800 19px/1.25 "Archivo",Arial Black,sans-serif;margin:30px 0 8px}
p,li{color:var(--sub)}
strong{color:var(--text)}
a{color:inherit;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:3px}
.tarjeta{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:22px;margin:18px 0}
.fecha{font:600 12px/1 "IBM Plex Mono",monospace;color:var(--muted)}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:top}
th{font:600 11px/1.2 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
label{display:block;font:600 11px/1 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--sub);margin:0 0 8px 2px}
input{width:100%;font:500 16px "Poppins",sans-serif;color:var(--text);background:transparent;border:1px solid var(--border);border-radius:14px;padding:13px 15px;outline:none}
input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(242,182,0,.25)}
button{appearance:none;border:0;border-radius:999px;padding:14px 22px;font:800 15px "Poppins",sans-serif;cursor:pointer;width:100%;margin-top:12px}
.primario{background:var(--gold);color:var(--ink)}
.peligro{background:var(--red);color:#fff}
.fantasma{background:transparent;color:var(--sub);box-shadow:inset 0 0 0 1.5px var(--border)}
button:disabled{opacity:.5;cursor:default}
.msg{margin-top:12px;font-size:14px;font-weight:500}
.msg.err{color:var(--red)}
.msg.ok{color:var(--green)}
.oculto{display:none}
.pie{margin-top:40px;font:600 11px/1.6 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center}
.pie a{margin:0 8px}