:root{--bg:#0d0b1f;--surface:#221c408c;--surface-2:#2d255699;--border:#c2adeb1f;--text:#f3f0ff;--muted:#afabc4;--amber:#fa9b2e;--amber-2:#f46325;--teal:#1ae6bd;--violet:#995af2;--danger:#f04c59;--radius:18px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Outfit,system-ui,sans-serif}*{box-sizing:border-box;margin:0}body{background:radial-gradient(ellipse at top, #1b1340 0%, var(--bg) 60%);min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed}h1{letter-spacing:-.02em;font-size:1.6rem;font-weight:800}h2{margin-bottom:1rem;font-size:1.35rem;font-weight:700}.grad{background:linear-gradient(90deg, var(--amber), var(--teal));color:#0000;-webkit-background-clip:text;background-clip:text}.muted{color:var(--muted);line-height:1.5}.app{flex-direction:column;gap:1.25rem;max-width:560px;min-height:100dvh;margin:0 auto;padding:1.25rem 1rem 2rem;display:flex;position:relative}.bg-orbs{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-orbs span{filter:blur(80px);opacity:.35;border-radius:50%;animation:18s ease-in-out infinite float;position:absolute}.bg-orbs span:first-child{background:var(--amber);width:320px;height:320px;top:-80px;left:-100px}.bg-orbs span:nth-child(2){background:var(--violet);width:280px;height:280px;animation-delay:-6s;bottom:10%;right:-120px}.bg-orbs span:nth-child(3){background:var(--teal);opacity:.2;width:220px;height:220px;animation-delay:-12s;bottom:-60px;left:20%}@keyframes float{50%{transform:translate(40px,30px)scale(1.1)}}.header{align-items:center;gap:.9rem;display:flex}.logo{border-radius:14px;width:54px;height:54px;box-shadow:0 8px 30px #fa9b2e59}.subtitle{color:var(--muted);font-size:.9rem}.stepper{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.step{color:var(--muted);flex-direction:column;align-items:center;gap:.3rem;font-size:.75rem;display:flex;position:relative}.step:not(:last-child):after{content:"";background:var(--border);border-radius:2px;height:2px;position:absolute;top:15px;left:calc(50% + 20px);right:calc(20px - 50%)}.step.done:not(:last-child):after{background:linear-gradient(90deg, var(--teal), var(--amber))}.step .dot{background:var(--surface);border:1px solid var(--border);border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;transition:all .3s;display:grid}.step.active{color:var(--text)}.step.active .dot{background:linear-gradient(135deg, var(--amber), var(--amber-2));border-color:#0000;box-shadow:0 0 0 5px #fa9b2e2e}.step.done .dot{background:var(--teal);color:#032b25;border-color:#0000}.step.done:not(:disabled):hover .dot{transform:scale(1.1)}.card-wrap{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);border-radius:24px;padding:1.5rem 1.25rem;box-shadow:0 20px 60px #00000059}.card-wrap section{flex-direction:column;gap:.9rem;display:flex}.fade-in{animation:.45s cubic-bezier(.2,.8,.2,1) fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}}.grid{gap:.75rem;display:grid}.grid.tipos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.tile{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:.5rem;padding:1.2rem .8rem;font-weight:600;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.tile:hover{border-color:#fa9b2e99;transform:translateY(-4px);box-shadow:0 12px 30px #fa9b2e33}.tile .emoji{font-size:2.2rem;transition:transform .3s}.tile:hover .emoji{transform:scale(1.15)rotate(-6deg)}.search{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#130f2499;border-radius:14px;outline:none;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s}.search:focus{border-color:var(--amber);box-shadow:0 0 0 4px #fa9b2e26}.licor{text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.9rem;padding:.8rem;transition:transform .2s,border-color .2s;display:flex}.licor:hover{border-color:#1ae6bd80;transform:translate(4px)}.licor .info{flex-direction:column;flex:1;gap:.2rem;display:flex}.licor small{color:var(--muted)}.chev{color:var(--muted);font-size:1.6rem}.thumb{background:#130f2499;border-radius:14px;flex-shrink:0;place-items:center;width:56px;height:56px;font-size:1.7rem;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb.big{width:76px;height:76px;font-size:2.3rem}.badge{color:var(--amber);background:#fa9b2e26;border-radius:99px;align-self:flex-start;padding:.15rem .55rem;font-size:.72rem;font-weight:600}.btn{border-radius:14px;width:100%;padding:.95rem 1rem;font-weight:700;transition:transform .15s,box-shadow .2s,opacity .2s}.btn:active:not(:disabled){transform:scale(.98)}.btn.primary{background:linear-gradient(135deg, var(--amber), var(--amber-2));color:#1d0e00;box-shadow:0 10px 30px #f97a1f59}.btn.success{background:linear-gradient(135deg, var(--teal), #1dbac9);color:#022520;box-shadow:0 10px 30px #1ae6bd4d}.btn:disabled{opacity:.35;box-shadow:none}.btn.ghost{color:var(--muted);background:0 0;padding:.6rem}.btn.ghost:hover{color:var(--text)}.btn.pulse{animation:1.6s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #1ae6bd8c}50%{box-shadow:0 0 0 12px #1ae6bd00}}.link{margin-left:.5rem;text-decoration:underline}.verify{text-align:center;align-items:center}.shield{filter:drop-shadow(0 8px 20px #1ae6bd66);font-size:3rem;animation:3s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-6px)}}.checklist{text-align:left;counter-reset:c;flex-direction:column;gap:.5rem;width:100%;padding:0;list-style:none;display:flex}.checklist li{counter-increment:c;color:var(--muted);background:#130f2473;border-radius:12px;align-items:center;gap:.7rem;padding:.7rem .9rem;transition:all .3s;display:flex}.checklist li:before{content:counter(c);background:var(--surface-2);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:grid}.checklist li.ok{color:var(--text)}.checklist li.ok:before{content:"✓";background:var(--teal);color:#022520}.resultado{flex-direction:column;gap:1.1rem;display:flex}.verified-badge{color:var(--teal);background:#1ae6bd26;border:1px solid #1ae6bd4d;border-radius:99px;align-self:flex-start;padding:.35rem .75rem;font-size:.78rem;font-weight:600}.res-head{align-items:center;gap:1rem;display:flex}.res-head h2{margin:0}.ph-hero{--c:var(--amber);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--c) 30%, transparent), transparent 70%), #130f2480;border:1px solid color-mix(in srgb, var(--c) 40%, transparent);border-radius:20px;flex-direction:column;align-items:center;padding:1.4rem;display:flex}.ph-hero.acid-strong{--c:var(--danger)}.ph-hero.acid{--c:var(--amber)}.ph-hero.neutral{--c:#3cdd71}.ph-hero.alkaline{--c:var(--violet)}.ph-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.8rem}.ph-value{color:var(--c);font-size:4rem;font-weight:800;line-height:1.1;animation:.6s cubic-bezier(.2,1.4,.4,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.ph-class{font-weight:600}.scale{padding:0 .25rem}.scale-bar{background:linear-gradient(90deg,#e53935,#fb8c00,#fdd835,#7cb342,#43a047,#26a69a,#1e88e5,#5e35b1,#8e24aa);border-radius:99px;height:14px;position:relative}.range{background:#ffffff2e;border:2px solid #fff;border-radius:99px;animation:.8s ease-out grow;position:absolute;top:-4px;bottom:-4px}@keyframes grow{0%{transform:scaleX(0)}}.marker{background:#fff;border-radius:50%;width:22px;height:22px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #00000059,0 0 18px #fff}.scale-ticks{height:20px;color:var(--muted);margin-top:.4rem;font-size:.7rem;position:relative}.scale-ticks span{position:absolute;transform:translate(-50%)}.scale-legend{color:var(--muted);justify-content:space-between;font-size:.75rem;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.stats div{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;padding:.8rem;display:flex}.stats small{color:var(--muted);font-size:.75rem}.stats strong{font-size:1.3rem}.desc{color:var(--muted);font-size:.95rem;line-height:1.6}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--surface-2) 25%, #3c317299 50%, var(--surface-2) 75%);background-size:200% 100%;height:76px;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.alert{color:#ffd6da;background:#f04c5926;border:1px solid #f04c5966;border-radius:14px;padding:.8rem 1rem;font-size:.9rem}.footer{text-align:center;color:var(--muted);margin-top:auto;font-size:.78rem}.footer a{color:var(--teal)}@media (width<=380px){.step .label{font-size:.65rem}.ph-value{font-size:3.2rem}}