:root{--marino: #0b1f3a;--azul: #1e5aa8;--azul-brillante: #2f7de1;--celeste: #7fb2f0;--fondo: #f4f7fb;--tarjeta: #ffffff;--borde: #dce5f0;--borde-campo: #b9c7d8;--texto: #0b1f3a;--texto-secundario: #4a5b73;--aviso-fondo: #fff1d6;--aviso-texto: #5c3a00;--error-fondo: #fde8e8;--error-texto: #8a1c1c;--exito-fondo: #e8f5ee;--exito-texto: #11502f;--peligro: #b42318;font-family:Outfit,system-ui,sans-serif;color:var(--texto)}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto)}a{color:var(--azul)}a:hover{color:var(--marino)}h1,h2{margin:0;font-weight:500}h1{font-size:28px}.contenedor{width:100%;max-width:640px;margin:0 auto;padding:20px 16px 40px;display:flex;flex-direction:column;gap:18px}.logo{display:flex;flex-direction:column}.logo__nombre{font-size:26px;font-weight:500;letter-spacing:-.01em;line-height:1}.logo__mi{color:var(--azul-brillante)}.logo__ru{color:var(--marino)}.logo__firma{font-family:Montserrat,sans-serif;font-size:9px;letter-spacing:.22em;color:var(--texto-secundario);margin-top:4px}.logo--grande{align-items:center}.logo--grande .logo__nombre{font-size:48px}.logo--grande .logo__firma{font-size:10px}.logo--oscuro .logo__mi{color:var(--celeste)}.logo--oscuro .logo__ru{color:#fff}.logo--oscuro .logo__firma{color:#c9dbf3}.encabezado{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 20px;background:var(--tarjeta);border-bottom:1px solid var(--borde)}.encabezado__acciones{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.selector-empresa{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--texto-secundario)}.selector-empresa select{height:44px;padding:0 12px;border-radius:22px;border:1px solid var(--borde);background:var(--fondo);font:inherit;font-size:15px;color:var(--texto)}.tarjeta{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:var(--tarjeta);border:1px solid var(--borde)}.seccion{display:flex;flex-direction:column;gap:10px}.seccion__titulo{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--texto-secundario)}.lista{list-style:none;margin:0;padding:0;background:var(--tarjeta);border:1px solid var(--borde);border-radius:16px}.lista li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--borde)}.lista li:last-child{border-bottom:0}.lista__vacia{color:var(--texto-secundario)}.secundario{font-size:14px;color:var(--texto-secundario)}.etiqueta{font-size:12px;padding:3px 8px;border-radius:6px;background:#eef1f5;color:var(--texto);white-space:nowrap}.etiqueta--activa{background:var(--exito-fondo);color:var(--exito-texto)}.etiqueta--inactiva{background:var(--error-fondo);color:var(--error-texto)}.formulario{display:flex;flex-direction:column;gap:8px}.formulario label{font-size:14px;color:var(--texto-secundario);margin-top:4px}.campo{height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--borde-campo);font:inherit;font-size:16px;color:var(--texto);background:#fff;width:100%}.campo:focus{outline:2px solid var(--azul);outline-offset:1px}.boton{height:52px;padding:0 18px;border:0;border-radius:14px;background:var(--azul);color:#fff;font:inherit;font-size:16px;font-weight:500;cursor:pointer}.boton:disabled{opacity:.6;cursor:default}.boton--secundario{background:#fff;color:var(--azul);border:1px solid var(--azul)}.boton--peligro{background:#fff;color:var(--peligro);border:1px solid var(--peligro)}.boton--chico{height:44px;font-size:14px;border-radius:10px}.enlace-boton{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;font-size:15px;background:none;border:0;color:var(--azul);font-family:inherit;cursor:pointer}.mensaje{padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.4}.mensaje--error{background:var(--error-fondo);color:var(--error-texto)}.mensaje--exito{background:var(--exito-fondo);color:var(--exito-texto)}.entrada{min-height:100vh;display:flex;flex-direction:column;gap:36px;padding:64px 16px 32px;max-width:440px;margin:0 auto}.entrada__tarjeta{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:24px;background:var(--tarjeta);border:1px solid var(--borde)}.entrada__nota{font-size:14px;line-height:1.4;color:var(--texto-secundario);text-align:center}.piloto{min-height:100vh;background:var(--marino);color:#fff}