:root{--asfalto: #111827;--asfalto-2: #1f2937;--ambar: #d97706;--ambar-hover: #f59e0b;--ambar-claro: #fbbf24;--ambar-bg: #fef3c7;--tinta: #1e293b;--gris: #64748b;--gris-claro: #9ca3af;--linea: #e2e8f0;--fondo: #f1f5f9;--blanco: #ffffff;--ok: #059669;--ok-bg: #d1fae5;--aviso: #b45309;--aviso-bg: #fef3c7;--radio: 16px;--sombra-cta: 0 8px 20px rgba(217, 119, 6, .45)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--fondo);color:var(--tinta);-webkit-font-smoothing:antialiased}.pantalla{max-width:480px;margin:0 auto;padding:max(env(safe-area-inset-top),16px) 18px 150px}.cabecera-marca{text-align:center;padding:26px 0 18px}.wordmark{font-size:24px;font-weight:800;color:var(--tinta)}.wordmark em{font-style:normal;color:var(--ambar)}.cabecera-marca .sub{font-size:12.5px;color:var(--gris);margin-top:3px}.cabecera-pantalla{padding:10px 0 16px}.cabecera-pantalla h1{font-size:26px;font-weight:800;color:var(--tinta)}.cabecera-sub{font-size:13px;color:var(--gris);margin-top:3px}.titulo-pantalla{font-size:20px;font-weight:800;margin-bottom:14px;color:var(--tinta)}.card{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);padding:14px 16px;margin-bottom:12px;box-shadow:0 1px 3px #1e293b0f}.cta{width:100%;background:var(--ambar);color:var(--blanco);border:none;border-radius:var(--radio);padding:16px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:var(--sombra-cta)}.cta:hover{background:var(--ambar-hover)}.cta:disabled{opacity:.6;cursor:default}.cta.sec{background:var(--blanco);color:var(--ambar);border:1.5px solid var(--ambar);box-shadow:none}.cta.peligro{background:var(--blanco);color:#b91c1c;border:1.5px solid #fca5a5;box-shadow:none}.cta.peligro:hover{background:#fee2e2}.cta-flotante{position:fixed;right:max(env(safe-area-inset-right),18px);bottom:calc(74px + env(safe-area-inset-bottom));background:var(--ambar);color:var(--blanco);border:none;border-radius:999px;padding:15px 24px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:var(--sombra-cta);z-index:20}.cta-flotante:hover{background:var(--ambar-hover)}.nav-inferior{position:fixed;left:0;right:0;bottom:0;background:var(--blanco);border-top:1px solid var(--linea);box-shadow:0 -1px 4px #1e293b0d;display:flex;justify-content:space-around;padding:8px 0 max(env(safe-area-inset-bottom),8px);z-index:10}.nav-inferior button{background:none;border:none;font-size:22px;padding:6px 26px;border-radius:12px;cursor:pointer;filter:grayscale(1) opacity(.5)}.nav-inferior button.activo{filter:none;background:var(--ambar-bg)}.grupo-titulo{font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--gris);margin:18px 2px 8px}.porte{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;font:inherit;text-align:left}.porte-datos{min-width:0}.porte-ruta{display:block;font-weight:700;font-size:15.5px}.porte-detalle{display:block;font-size:13px;color:var(--gris);margin-top:3px;line-height:1.4}.pastilla{border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0}.pastilla.activo{background:var(--ok-bg);color:var(--ok)}.pastilla.finalizado{background:#e2e8f0;color:var(--gris)}.pastilla.anulado{background:#fee2e2;color:#b91c1c}.vacio{text-align:center;color:var(--gris);padding:48px 12px;font-size:14.5px;line-height:1.6}.vacio .icono{font-size:40px;margin-bottom:10px}.seccion{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ambar);border-bottom:1px solid var(--linea);padding-bottom:6px;margin-bottom:10px}.campo{margin-bottom:10px}.campo label{display:block;font-size:12px;color:var(--gris);margin-bottom:4px}.campo input,.campo select,.campo textarea{width:100%;border:1px solid var(--linea);border-radius:10px;padding:11px 12px;font-size:16px;color:var(--tinta);background:var(--blanco)}.campo textarea{resize:vertical;min-height:58px;font-family:inherit;line-height:1.45}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--ambar);box-shadow:0 0 0 3px var(--ambar-bg)}.fila{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mayusculas{text-transform:uppercase}.nota-campo{font-size:12px;color:var(--gris);margin-top:4px;line-height:1.4}.nota-aviso{color:var(--aviso)}.campo-con-boton{display:flex;gap:6px;align-items:center}.campo-con-boton input{flex:1}.quitar{background:none;border:1px solid var(--linea);color:var(--gris);border-radius:10px;padding:10px 12px;cursor:pointer}.quitar:hover{color:#b91c1c;border-color:#fca5a5}.ver-contrasena{background:var(--blanco);border:1px solid var(--linea);border-radius:10px;padding:9px 10px;font-size:16px;line-height:1;cursor:pointer}.ver-contrasena:hover{border-color:var(--ambar)}.alternar-modo{text-align:center;margin-top:14px}.enlace{background:none;border:none;color:var(--ambar);font-size:14px;cursor:pointer;text-decoration:underline;padding:4px}.enlace-suave{display:block;margin:8px auto 0;color:var(--gris);font-size:12.5px}.mensaje{border-radius:var(--radio);padding:12px 14px;margin-bottom:12px;font-size:14px}.mensaje.error{background:#fee2e2;color:#b91c1c}.mensaje.ok{background:var(--ok-bg);color:var(--ok)}.legal p,.legal li{font-size:13.5px;line-height:1.6;color:var(--tinta);margin-bottom:8px}.legal ul{padding-left:18px;margin-bottom:8px}.legal .seccion{margin-top:16px}.legal-fecha{color:var(--gris);font-size:12px;margin-top:14px}.foto-card{text-align:center}.exito-cabecera{text-align:center;padding:22px 16px}.exito-cabecera .icono{font-size:36px;margin-bottom:6px}.exito-cabecera .titulo-pantalla{margin-bottom:4px}.deca-id{color:var(--gris);font-size:14px}.qr-card{text-align:center;padding:20px 16px}.qr{width:min(240px,70vw);height:auto;border:1px solid var(--linea);border-radius:12px}.qr-nota{font-size:13px;color:var(--gris);margin:10px 0 8px;line-height:1.5}.enlace-deca{display:block;font-size:12.5px;color:var(--ambar);word-break:break-all;text-decoration:none}.enlace-deca:hover{text-decoration:underline}