:root{--wine-primario:#74144c;--wine-primario-oscuro:#56103a;--wine-primario-claro:#f7e9f1;--wine-texto:#1f1a1d;--wine-texto-suave:#6b6169;--wine-fondo:#fdfbfc;--wine-borde:#e6dde2;--wine-error:#b3261e;--wine-error-fondo:#fbeceb;--wine-exito:#1e7d34;--wine-radio:12px;--wine-sombra:0 2px 10px #74144c14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--wine-fondo);color:var(--wine-texto);margin:0;padding:0}#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{border:1.5px solid var(--wine-borde);border-radius:var(--wine-radio);width:100%;color:var(--wine-texto);background:#fff;outline:none;padding:13px 14px;transition:border-color .15s}input: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);color:#fff;border:none;width:100%;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{color:#76174a;border-radius:var(--wine-radio);background:#fff;border:1.5px solid #76174a;width:100%;max-width:340px;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}.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)}