:root{--wine-primario:#76174a;--wine-primario-oscuro:#56103a;--wine-primario-claro:#f7e9f1;--wine-secundario:#76174a;--wine-texto:#17121a;--wine-texto-suave:#6b6169;--wine-texto-sobre-primario:#fff;--wine-fondo:#fff;--wine-superficie:#fff;--wine-borde:#e6dde2;--wine-error:#b3261e;--wine-error-fondo:#fbeceb;--wine-exito:#1e7d34;--wine-exito-fondo:#e3f5e6;--wine-aviso-fondo:#fff6e0;--wine-aviso-borde:#e8c468;--wine-aviso-texto:#6b5300;--wine-neutro-fondo:#f1f1f1;--wine-radio:12px;--wine-sombra:0 2px 10px #0000001f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif}:root[data-theme=dark]{--wine-primario:#76174a;--wine-primario-oscuro:#9c2564;--wine-primario-claro:#2c1520;--wine-secundario:#e0729f;--wine-texto:#f5f3f4;--wine-texto-suave:#a89ea3;--wine-texto-sobre-primario:#fff;--wine-fondo:#0b0a0c;--wine-superficie:#19171a;--wine-borde:#322c30;--wine-error:#ff6b61;--wine-error-fondo:#3a1a17;--wine-exito:#4cc26c;--wine-exito-fondo:#163a20;--wine-aviso-fondo:#3a3018;--wine-aviso-borde:#8a6a1e;--wine-aviso-texto:#e8c468;--wine-neutro-fondo:#2b262d;--wine-sombra:0 2px 14px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--wine-fondo);color:var(--wine-texto);margin:0;padding:0;transition:background .15s,color .15s}:root[data-theme=dark] body{font-weight:500}#root{min-height:100vh}input,button,textarea,select{font-family:inherit;font-size:16px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:var(--wine-primario)}.pantalla-login,.pantalla-registro,.pantalla-seleccion-rol,.pantalla-verificacion,.pantalla-carga{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.pantalla-carga{color:var(--wine-texto-suave);font-size:15px}.marca-header{flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.marca-header img{object-fit:contain;width:88px;height:88px}h1{color:var(--wine-texto);margin:0 0 20px;font-size:22px;font-weight:700}form{flex-direction:column;gap:12px;width:100%;max-width:340px;display:flex}input,select{border:1.5px solid var(--wine-borde);border-radius:var(--wine-radio);background:var(--wine-superficie);width:100%;color:var(--wine-texto);outline:none;padding:13px 14px;transition:border-color .15s}input:focus,select:focus{border-color:var(--wine-primario)}input::placeholder{color:var(--wine-texto-suave)}button[type=submit],.opciones-rol button,.acciones button{border-radius:var(--wine-radio);background:var(--wine-primario);width:100%;color:var(--wine-texto-sobre-primario);border:none;padding:14px;font-size:15px;font-weight:600;transition:background .15s}button[type=submit]:hover:not(:disabled),.opciones-rol button:hover,.acciones button:hover:not(:disabled){background:var(--wine-primario-oscuro)}.link{background:var(--wine-superficie);border:1.5px solid var(--wine-secundario);width:100%;max-width:340px;color:var(--wine-secundario);border-radius:var(--wine-radio);margin-top:10px;padding:13px;font-size:14px;font-weight:600}.link:hover{background:var(--wine-primario-claro)}.ayuda{color:var(--wine-texto-suave);max-width:320px;margin:14px auto 0;font-size:13px;line-height:1.5}.error{background:var(--wine-error-fondo);color:var(--wine-error);text-align:left;border-radius:8px;margin:0;padding:10px 12px;font-size:13.5px}.opciones-rol{flex-direction:column;gap:12px;width:100%;max-width:340px;display:flex}.layout-app{flex-direction:column;min-height:100vh;display:flex}.barra-superior{border-bottom:1px solid var(--wine-borde);background:var(--wine-superficie);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.logo-barra{object-fit:contain;width:34px;height:34px}.boton-hamburguesa{background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;padding:0;display:flex}.boton-hamburguesa span{background:var(--wine-primario);border-radius:2px;width:100%;height:2.5px;display:block}.contenido-principal{flex-direction:column;flex:1;display:flex}.menu-overlay{z-index:50;background:#1f1a1d66;display:flex;position:fixed;inset:0}.menu-lateral{background:var(--wine-superficie);width:78%;max-width:300px;height:100%;box-shadow:var(--wine-sombra);flex-direction:column;animation:.18s ease-out deslizar-menu;display:flex}@keyframes deslizar-menu{0%{transform:translate(-100%)}to{transform:translate(0)}}.menu-header{background:var(--wine-primario-claro);border-bottom:1px solid var(--wine-borde);align-items:center;gap:12px;padding:22px 18px;display:flex}.menu-header p{color:var(--wine-texto);margin:0;font-weight:600}.avatar-inicial{background:var(--wine-primario);width:42px;height:42px;color:var(--wine-texto-sobre-primario);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.menu-lateral ul{margin:0;padding:8px 0;list-style:none}.menu-lateral button{text-align:left;width:100%;color:var(--wine-texto);background:0 0;border:none;border-radius:0;padding:14px 18px;font-size:15px}.menu-lateral button:hover{background:var(--wine-primario-claro)}.item-tema{color:var(--wine-texto);border-top:1px solid var(--wine-borde);justify-content:space-between;align-items:center;margin-top:8px;padding:14px 18px;font-size:15px;display:flex}.switch-tema{background:var(--wine-borde);border:none;border-radius:12px;align-items:center;width:42px;height:24px;padding:3px;transition:background .15s;display:flex}.switch-tema.activo{background:var(--wine-primario)}.switch-bola{background:var(--wine-superficie);border-radius:50%;width:18px;height:18px;transition:transform .15s}.switch-tema.activo .switch-bola{transform:translate(18px)}.menu-lateral .cerrar-sesion{color:var(--wine-error);border-top:1px solid var(--wine-borde);margin-top:8px}.pantalla-lista{max-width:420px;margin:0 auto;padding:24px 20px}.pantalla-lista h1{text-align:left}.pantalla-lista>button:not(.link){border-radius:var(--wine-radio);background:var(--wine-primario);width:100%;color:var(--wine-texto-sobre-primario);border:none;margin-top:16px;padding:14px;font-weight:600}.lista-tarjetas{flex-direction:column;gap:10px;display:flex}.tarjeta-item{border:1.5px solid var(--wine-borde);border-radius:var(--wine-radio);background:var(--wine-superficie);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.tarjeta-marca{text-transform:capitalize;margin:0;font-size:14px;font-weight:600}.tarjeta-numero{color:var(--wine-texto-suave);margin:2px 0 0;font-size:13.5px}.tarjeta-acciones{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.etiqueta-predeterminada{color:var(--wine-exito);font-size:12px;font-weight:600}.link.chico{background:0 0;border:none;width:auto;margin:0;padding:4px 0;font-size:12.5px}.link.peligro{color:var(--wine-error)}.aviso-preview{background:var(--wine-aviso-fondo);border:1px solid var(--wine-aviso-borde);width:100%;max-width:340px;color:var(--wine-aviso-texto);border-radius:10px;margin:0 auto 18px;padding:12px 14px;font-size:13px;line-height:1.5}.fila-doble{gap:10px;display:flex}.fila-doble input{flex:1}.foto-perfil-wrap{flex-direction:column;align-items:center;gap:6px;margin-bottom:14px;display:flex}.foto-perfil{background:var(--wine-primario);width:84px;height:84px;color:var(--wine-texto-sobre-primario);border-radius:50%;justify-content:center;align-items:center;font-size:30px;font-weight:700;display:flex;overflow:hidden}.foto-perfil img{object-fit:cover;width:100%;height:100%}.badge-verificado{border-radius:20px;width:fit-content;margin:0 auto 18px;padding:5px 12px;font-size:12.5px;font-weight:600;display:block}.badge-verificado.ok{background:var(--wine-exito-fondo);color:var(--wine-exito)}.badge-verificado.pendiente{background:var(--wine-neutro-fondo);color:var(--wine-texto-suave)}.etiqueta-campo{color:var(--wine-texto-suave);margin-bottom:-6px;font-size:12.5px;font-weight:600}.lista-notificaciones{flex-direction:column;gap:8px;display:flex}.notificacion-item{border:1.5px solid var(--wine-borde);border-radius:var(--wine-radio);background:var(--wine-superficie);padding:12px 14px}.notificacion-item.no-leida{border-color:var(--wine-primario);background:var(--wine-primario-claro)}.notificacion-titulo{margin:0 0 3px;font-size:14px;font-weight:600}.notificacion-mensaje{color:var(--wine-texto);margin:0;font-size:13.5px}.notificacion-fecha{color:var(--wine-texto-suave);margin:6px 0 0;font-size:11.5px}.lista-viajes{flex-direction:column;gap:8px;display:flex}.viaje-item{border:1.5px solid var(--wine-borde);border-radius:var(--wine-radio);background:var(--wine-superficie);padding:12px 14px}.viaje-ruta{margin:0 0 4px;font-size:14px;font-weight:600}.viaje-detalle{color:var(--wine-texto-suave);justify-content:space-between;font-size:13px;display:flex}.viaje-fecha{color:var(--wine-texto-suave);margin:6px 0 0;font-size:11.5px}.documento-progreso{gap:6px;margin-bottom:20px;display:flex}.documento-progreso .punto{background:var(--wine-borde);border-radius:50%;width:10px;height:10px}.documento-progreso .punto.lleno{background:var(--wine-primario)}.carga-documento{flex-direction:column;gap:10px;width:100%;max-width:340px;margin-top:8px;display:flex}.carga-documento p{color:var(--wine-texto-suave);margin:0;font-size:14px}.boton-archivo{border-radius:var(--wine-radio);border:1.5px dashed var(--wine-primario);width:100%;color:var(--wine-primario);text-align:center;cursor:pointer;background:var(--wine-primario-claro);padding:14px;font-size:15px;font-weight:600;display:block}.cartel-verificacion{background:var(--wine-primario-claro);border:1px solid var(--wine-primario);border-radius:var(--wine-radio);text-align:left;width:100%;max-width:420px;margin:16px auto;padding:16px 18px}.cartel-verificacion p{color:var(--wine-texto);margin:0 0 12px;font-size:14px;line-height:1.5}.cartel-verificacion .acciones{gap:10px;display:flex}.cartel-verificacion .acciones button{flex:1;padding:11px;font-size:14px}.cartel-verificacion .acciones button.secundario{color:var(--wine-primario);border:1.5px solid var(--wine-primario);background:0 0}.cartel-verificacion .acciones button.secundario:hover{background:var(--wine-primario-claro)}