:root{--acento: #0f766e;--acento-2: #0d9488;--acento-suave: #ccfbf1;--ok: #16a34a;--alerta: #dc2626;--aviso: #d97706;--texto: #1f2937;--texto-suave: #6b7280;--borde: #e5e7eb;--fondo: #f3f4f6;--panel: #ffffff;--sombra: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--radio: 12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texto);background:var(--fondo);-webkit-text-size-adjust:100%}h1,h2,h3{margin:0 0 .4em}a{color:var(--acento)}button{font-family:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.barra{position:sticky;top:0;z-index:20;background:var(--acento);color:#fff;display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;padding-top:max(.6rem,env(safe-area-inset-top));box-shadow:var(--sombra)}.barra .marca{font-weight:700;font-size:1.05rem;display:flex;align-items:center;gap:.4rem}.barra .crece{flex:1}.nav{display:flex;gap:.25rem;flex-wrap:wrap}.nav a{color:#fff;text-decoration:none;padding:.4rem .6rem;border-radius:8px;font-size:.9rem;opacity:.85}.nav a.activo,.nav a:hover{background:#ffffff2e;opacity:1}.contenido{flex:1;width:100%;max-width:960px;margin:0 auto;padding:1rem}.panel{background:var(--panel);border-radius:var(--radio);box-shadow:var(--sombra);padding:1rem;margin-bottom:1rem}.fila{display:flex;align-items:center;gap:.6rem}.crece{flex:1}.silencio{color:var(--texto-suave);font-size:.85rem}.chip{display:inline-block;background:var(--acento-suave);color:var(--acento);border-radius:999px;padding:.15rem .6rem;font-size:.8rem;font-weight:600}.grid{display:grid;gap:.75rem}button,.btn{cursor:pointer;border:1px solid transparent;border-radius:10px;padding:.6rem .9rem;font-size:.95rem;font-weight:600;background:var(--acento);color:#fff;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-decoration:none}button:disabled{opacity:.5;cursor:default}.btn-sec{background:#fff;color:var(--acento);border-color:var(--borde)}.btn-fantasma{background:transparent;color:var(--texto);border-color:var(--borde)}.btn-peligro{background:var(--alerta)}.btn-sm{min-height:36px;padding:.35rem .6rem;font-size:.85rem}input,select,textarea{font-family:inherit;font-size:1rem;padding:.55rem .6rem;border:1px solid var(--borde);border-radius:10px;background:#fff;color:var(--texto);width:100%}label{display:block;font-size:.85rem;font-weight:600;color:var(--texto-suave);margin-bottom:.25rem}.campo{margin-bottom:.8rem}.progreso-barra{height:10px;background:var(--borde);border-radius:999px;overflow:hidden}.progreso-relleno{height:100%;background:var(--ok);transition:width .3s}.cat-titulo{position:sticky;top:52px;z-index:10;background:var(--fondo);padding:.5rem .2rem .3rem;font-size:1.05rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.cat-titulo .cuenta{font-size:.8rem;color:var(--texto-suave);font-weight:500}.prod{background:var(--panel);border-radius:var(--radio);box-shadow:var(--sombra);padding:.7rem;margin-bottom:.6rem;display:flex;gap:.7rem;align-items:flex-start;border-left:4px solid transparent}.prod.contado{border-left-color:var(--ok)}.prod .foto{width:92px;height:92px;border-radius:10px;flex-shrink:0;overflow:hidden;background:var(--acento-suave);display:flex;align-items:center;justify-content:center;font-size:2.6rem}.prod a.foto{cursor:zoom-in}.prod .foto img{width:100%;height:100%;object-fit:cover}.prod .info{flex:1;min-width:0}.prod .nombre{font-weight:600;font-size:.98rem;line-height:1.25}.prod .base{font-size:.82rem;color:var(--texto-suave);margin-top:.15rem}.prod .marca{font-size:.78rem;color:var(--acento-2)}.steppers{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.stepper{display:flex;align-items:center;gap:.3rem}.stepper .et{font-size:.78rem;color:var(--texto-suave);min-width:3rem}.stepper button{width:38px;height:38px;min-height:38px;padding:0;font-size:1.3rem;border-radius:9px;background:var(--acento-suave);color:var(--acento)}.stepper input{width:60px;text-align:center;padding:.4rem .2rem;font-weight:700}.contado-check{font-size:.85rem;color:var(--ok);font-weight:700}.guardando{font-size:.72rem;color:var(--texto-suave)}.pista-suma{font-size:.78rem;color:var(--acento-2);margin-top:.15rem}.stepper .et .factor{color:var(--texto-suave);font-weight:400}.total-recuento{margin-top:.5rem;padding-top:.45rem;border-top:1px dashed var(--borde);font-size:.92rem;color:var(--texto)}.total-recuento strong{color:var(--acento)}.recuento-guiado{max-width:520px;margin:0 auto}.guiado-pregunta{font-size:1.15rem;font-weight:700;text-align:center;margin:.4rem 0 .8rem}.zonas{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.zona-btn{background:var(--panel);color:var(--texto);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);min-height:104px;padding:.7rem;flex-direction:column;gap:.25rem;text-align:center}.zona-btn:hover{border-color:var(--acento)}.zona-btn.completa{background:#f0fdf4;border-color:var(--ok)}.zona-icono{font-size:2rem;line-height:1}.zona-nombre{font-size:.9rem;font-weight:700;line-height:1.15}.zona-cuenta{font-size:.8rem;color:var(--texto-suave);font-weight:600}.zona-btn.completa .zona-cuenta{color:var(--ok)}.tarjeta-cab{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.tarjeta{background:var(--panel);border-radius:var(--radio);box-shadow:var(--sombra);padding:1rem;margin-top:.6rem;text-align:center}.tarjeta-foto{width:100%;max-width:260px;height:220px;object-fit:contain;margin:0 auto .5rem;display:block;border-radius:10px}.tarjeta-foto-vacia{display:flex;align-items:center;justify-content:center;font-size:5rem;background:var(--acento-suave)}.tarjeta-nombre{font-size:1.35rem;line-height:1.2;margin:.2rem 0 .8rem}.steppers-xl{display:flex;flex-direction:column;gap:.55rem;margin:.6rem 0}.stepper-xl{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.et-xl{font-size:1.05rem;font-weight:700;text-align:left}.et-xl small{color:var(--texto-suave);font-weight:400}.stepper-xl-ctrl{display:flex;align-items:center;gap:.4rem}.stepper-xl-ctrl button{width:56px;height:56px;min-height:56px;padding:0;font-size:1.9rem;border-radius:12px;background:var(--acento-suave);color:var(--acento)}.stepper-xl-ctrl input{width:76px;height:56px;text-align:center;font-size:1.5rem;font-weight:800;padding:0}.tarjeta-total{margin:.5rem 0;font-size:1.1rem}.tarjeta-total-num{font-size:2.2rem;font-weight:800;color:var(--acento)}.btn-cero{width:100%;margin:.4rem 0 .8rem;color:var(--alerta);border-color:var(--alerta);min-height:52px;font-size:1.05rem}.nav-tarjeta{display:flex;gap:.6rem}.nav-tarjeta button{flex:1;min-height:56px;font-size:1.1rem}.recuento-hecho{max-width:460px;margin:6vh auto}.hecho-emoji{font-size:4rem}.buscador-guiado{position:relative;margin-bottom:.9rem}.buscador-guiado>input{font-size:1.05rem;min-height:48px}.buscador-resultados{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);max-height:62vh;overflow-y:auto}.resultado{width:100%;background:transparent;color:var(--texto);border:none;border-bottom:1px solid var(--borde);border-radius:0;justify-content:flex-start;gap:.6rem;padding:.55rem .7rem;min-height:58px}.resultado:last-child{border-bottom:none}.resultado:hover{background:var(--acento-suave)}.resultado img,.resultado-ic{width:42px;height:42px;border-radius:8px;object-fit:cover;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--acento-suave);font-size:1.4rem}.resultado-txt{display:flex;flex-direction:column;text-align:left;flex:1;min-width:0}.resultado-txt strong{font-size:.95rem;line-height:1.15}.resultado-txt small{color:var(--texto-suave);font-size:.78rem}@media(min-width:560px){.zonas{grid-template-columns:repeat(3,1fr)}}.tabla-wrap{overflow-x:auto}table.tabla{width:100%;border-collapse:collapse;font-size:.9rem}table.tabla th,table.tabla td{text-align:left;padding:.5rem .55rem;border-bottom:1px solid var(--borde)}table.tabla th{color:var(--texto-suave);font-size:.78rem;text-transform:uppercase;letter-spacing:.02em}table.tabla tr:hover td{background:#fafafa}.num{text-align:right;font-variant-numeric:tabular-nums}.badge-alerta{color:var(--alerta);font-weight:600}.badge-ok{color:var(--ok);font-weight:600}.galeria{display:flex;flex-wrap:wrap;gap:.6rem}.foto-item{position:relative;width:100px;border:1px solid var(--borde);border-radius:10px;padding:4px;text-align:center;background:#fff}.foto-item img{width:100%;height:74px;object-fit:cover;border-radius:7px;display:block}.foto-principal{position:absolute;top:6px;left:6px;background:var(--acento);color:#fff;font-size:.6rem;padding:1px 5px;border-radius:6px}.foto-etq{font-size:.78rem;padding:.25rem;margin-top:4px;text-align:center}.foto-quitar{display:inline-block;font-size:.72rem;color:var(--alerta);margin-top:2px}.foto-add{width:100px;height:118px;border:1px dashed var(--acento);border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--acento);font-size:.82rem;font-weight:600;cursor:pointer;background:#fff}.foto-add:hover{background:var(--acento-suave)}.marcas-fotos{display:flex;gap:.4rem;flex-wrap:wrap;margin:.35rem 0}.marca-foto{display:flex;flex-direction:column;align-items:center;width:48px;text-decoration:none}.marca-foto img{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--borde)}.marca-foto span{font-size:.62rem;color:var(--texto-suave);line-height:1.1;margin-top:2px;text-align:center;word-break:break-word}.login-caja{max-width:380px;margin:12vh auto}.acciones{display:flex;flex-wrap:wrap;gap:.5rem}.mt{margin-top:1rem}.centro{text-align:center}.toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:#111827;color:#fff;padding:.6rem 1rem;border-radius:10px;z-index:50;box-shadow:var(--sombra);font-size:.9rem}@media print{.barra,.nav,.no-print,button,.btn{display:none!important}body,.contenido,.panel{background:#fff!important;box-shadow:none!important;margin:0;padding:0;max-width:none}.prod{break-inside:avoid}table.tabla th{color:#000}}@media(min-width:640px){.prod .foto{width:120px;height:120px}}