:root{--azul:#075dca;--azul-oscuro:#071b3f;--texto:#10213f;--gris:#66738a;--borde:#d9e2ef;--verde:#168b49;--rojo:#b42318;--sombra:0 18px 45px rgba(13,45,85,.14)}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;color:var(--texto);background:linear-gradient(135deg,#fff 0%,#eef8ff 58%,#dff1ff 100%);font-family:Arial,Helvetica,sans-serif}a{color:var(--azul);text-decoration:none}a:hover{text-decoration:underline}.topbar{position:relative;z-index:2;min-height:76px;padding:9px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--borde);box-shadow:0 5px 18px rgba(13,45,85,.08)}.marca{display:flex;align-items:center;gap:12px;color:var(--azul-oscuro);font-weight:800}.marca:hover,.login-top:hover{text-decoration:none}.logo{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0b70dc,#49a7ff);font-size:24px}.marca span{display:block;font-size:24px}.marca small{display:block;margin-top:2px;color:#26364d;font-size:14px;font-weight:500}.nav{display:flex;gap:38px;font-weight:700}.nav a{color:#202b3c}.acciones{display:flex;align-items:center;gap:14px}.idioma{width:54px;height:54px;border:1px solid var(--borde);border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.08);font-size:31px}.login-top{padding:14px 24px;border-radius:10px;color:#fff;background:var(--azul);font-size:17px;font-weight:800}.contenido{min-height:0;width:100%;padding:42px 18px;display:grid;place-items:start center;overflow:auto;background-image:radial-gradient(circle at 20% 78%,rgba(0,87,200,.08),transparent 27%),radial-gradient(circle at 80% 20%,rgba(0,167,255,.12),transparent 29%)}.acceso-card{width:min(100%,940px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);overflow:hidden;border:1px solid var(--borde);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:var(--sombra)}.panel-informacion,.panel-formulario{align-self:stretch}.panel-informacion{padding:32px;display:flex;flex-direction:column;justify-content:flex-start;border-right:1px solid #d8e6f3;background:linear-gradient(145deg,#f7fbff,#edf7ff)}.panel-formulario{padding:32px 34px}.titulo-linea{margin-bottom:15px;display:flex;align-items:center;gap:13px}.icono{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,#0b70dc,#49a7ff);box-shadow:0 10px 22px rgba(0,87,200,.2);font-size:23px}h1{margin:0;color:var(--azul-oscuro);font-size:25px;line-height:1.15}.introduccion{margin:0 0 20px;color:#59667c;font-size:14px;line-height:1.55}.nota-segura{margin:0;padding:14px 15px;border:1px solid #d8e6f3;border-radius:11px;color:#40506a;background:rgba(255,255,255,.64);font-size:12px;line-height:1.5}.formulario-titulo{margin:0 0 6px;color:var(--azul-oscuro);font-size:19px}.formulario-intro{margin:0 0 20px;color:var(--gris);font-size:12px;line-height:1.45}.mensaje{margin-bottom:17px;padding:12px 13px;display:grid;grid-template-columns:25px 1fr;gap:9px;align-items:start;border:1px solid;border-radius:11px;font-size:13px;line-height:1.45}.mensaje-icono{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:800}.mensaje-error{border-color:#ffc9c9;color:#8e1d1d;background:#fff3f3}.mensaje-error .mensaje-icono{background:var(--rojo)}.mensaje-ok{border-color:#b9e4c9;color:#126b39;background:#f0fbf4}.mensaje-ok .mensaje-icono{background:var(--verde)}.campo{margin-bottom:15px}.campo label{display:block;margin-bottom:6px;font-size:13px;font-weight:800}.campo input{width:100%;height:44px;padding:0 12px;border:1px solid #cbd6e5;border-radius:9px;outline:none;color:var(--texto);background:#fff;font-size:14px}.campo input:focus{border-color:var(--azul);box-shadow:0 0 0 3px rgba(0,87,200,.1)}.campo input.is-invalid{border-color:var(--rojo)}.campo input.is-valid{border-color:var(--verde)}.ayuda-campo{display:block;margin-top:5px;color:var(--gris);font-size:10px;line-height:1.35}.btn{width:100%;min-height:44px;padding:10px 14px;border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--azul);font-size:14px;font-weight:800;cursor:pointer}.btn:hover{filter:brightness(.96);text-decoration:none}.btn:disabled{background:#aebbd0;cursor:not-allowed}.volver{display:block;margin-top:15px;text-align:center;font-size:12px}.seguridad{margin:10px 0 0;text-align:center;color:var(--gris);font-size:10px;line-height:1.4}footer{position:relative;z-index:2;min-height:70px;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#59667c;background:rgba(255,255,255,.96);border-top:1px solid var(--borde);box-shadow:0 -5px 18px rgba(13,45,85,.08);font-size:13px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-weight:600}.social{display:flex;gap:11px}.social span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--azul);font-weight:800}@media(max-width:1240px){.nav{display:none}}@media(max-width:760px){body{display:block}.contenido{padding:20px 10px}.acceso-card{grid-template-columns:1fr}.panel-informacion{padding:24px;border-right:0;border-bottom:1px solid #d8e6f3}.panel-formulario{padding:24px}footer{padding:15px 20px;flex-wrap:wrap}.footer-links{gap:14px}}@media(max-width:620px){.topbar{padding:8px 14px}.marca span{font-size:19px}.marca small{font-size:11px}.logo{width:43px;height:43px}.idioma{display:none}.login-top{padding:11px 13px;font-size:14px}.acceso-card{border-radius:15px}.panel-informacion,.panel-formulario{padding:21px 17px}.social{width:100%}}