/* Páginas de ingreso y de contraseña del Portafolio SDC */
:root{--azul:#183F94;--hondo:#03256C;--claro:#3E60A8;--tenue:#6D94E8;--line:#D2DDEF;
  --muted:#5C6B8A;--bg:#EEF2F9;--display:"Poppins","Segoe UI",Arial,sans-serif;
  --sans:"Figtree","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;
  background:radial-gradient(1200px 600px at 15% -10%,#DCE6F7 0,transparent 60%),var(--bg);
  font:15px/1.5 var(--sans);color:#111B33}
.acceso{width:100%;max-width:430px;background:#fff;border:1px solid var(--line);border-radius:14px;
  overflow:hidden;box-shadow:0 24px 60px rgba(3,37,108,.14);padding:0 38px 32px}
.acceso::before{content:"";display:block;height:6px;margin:0 -38px 34px;background:linear-gradient(90deg,
  #03256C 0 25%,#183F94 25% 50%,#3E60A8 50% 75%,#6D94E8 75% 100%)}
.logo{height:52px;width:auto;display:block;margin-bottom:26px}
h1{margin:0;font:800 27px/1.1 var(--display);letter-spacing:-.025em;color:var(--hondo)}
h1 span{font-weight:300;color:var(--azul)}
.sub{margin:8px 0 24px;color:var(--muted);font-size:13px}
form{display:flex;flex-direction:column;gap:6px}
label{font:700 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:12px}
input{border:1px solid var(--line);border-radius:8px;padding:12px 13px;font:inherit;font-size:15px;
  transition:border-color .16s ease,box-shadow .16s ease}
input:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 3px rgba(24,63,148,.16)}
button{margin-top:20px;background:var(--azul);color:#fff;border:none;border-radius:8px;padding:13px;
  font:700 15px/1 var(--sans);cursor:pointer;transition:background-color .16s ease,transform .16s ease}
button:hover{background:var(--hondo);transform:translateY(-1px)}
button.link{background:none;color:var(--azul);font-weight:600;margin-top:8px;font-size:13.5px}
button.link:hover{text-decoration:underline;background:none;transform:none}
.msg{padding:11px 13px;border-radius:8px;font-size:13.5px;margin:0 0 8px}
.mal{background:#FCDCD6;color:#B32E1D}
.bien{background:#D2F0E5;color:#0B7A60}
a{color:var(--azul);font-weight:600}