:root{--azul:#102a43;--verde:#087f5b;--rojo:#b42318;--fondo:#f2f5f7}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:#102a43;font:18px system-ui,sans-serif}header{background:var(--azul);color:white;padding:14px;position:sticky;top:0}header a{color:white;text-decoration:none;font-weight:700;margin-right:14px}nav{display:flex;gap:10px;overflow-x:auto;margin-top:10px;font-size:14px}main{max-width:700px;margin:auto;padding:20px}h1{font-size:1.7rem}.card,.paso{background:white;border-radius:12px;padding:20px;margin:15px 0;box-shadow:0 1px 4px #0002}.principal,.boton{display:block;background:var(--verde);color:white;border:0;border-radius:10px;padding:18px;width:100%;font-size:1.2rem;font-weight:800;text-align:center;text-decoration:none;margin:14px 0}.peligro{display:block;background:var(--rojo);color:white;border:0;border-radius:10px;padding:14px;text-align:center;text-decoration:none;margin:14px 0}button{padding:12px;border:2px solid var(--azul);border-radius:8px;background:white;font-size:1rem}.cantidad{font-size:3rem;font-weight:900;color:var(--verde);margin:20px 0}.cantidad small{font-size:1.5rem}.paso{min-height:260px}.progreso{font-weight:800}.fila{display:block;background:white;padding:16px;margin:8px 0;border-radius:8px;color:inherit;text-decoration:none}.fila span{display:block;color:#52616b;font-size:.85rem;margin-top:4px}.stats{display:flex;gap:12px}.stats div{background:white;padding:22px;flex:1;border-radius:10px;font-size:2rem;font-weight:bold}.stats small{display:block;font-size:.75rem;font-weight:normal}.alerta{background:#fff3cd;padding:12px;margin:8px 0;border-radius:6px}input,select,textarea{width:100%;padding:13px;font-size:1rem;margin-top:5px}label{font-weight:bold}.filtros{display:flex;gap:8px;align-items:end}.conexion{position:fixed;bottom:0;width:100%;text-align:center;background:#7f1d1d;color:white;font-size:.8rem}@media(min-width:720px){nav{margin-top:0;float:right}.cantidad{font-size:4rem}}