body[data-page="login"]{min-height:100vh;background:linear-gradient(120deg,#06121f 0%,#081a2b 100%);color:#f7fbff;display:flex;flex-direction:column}body[data-page="login"] header{background:transparent;border-bottom:1px solid #263646;padding:24px max(6vw,24px)}body[data-page="login"] header img{background:#fff;border-radius:8px;padding:10px 14px;width:290px}body[data-page="login"] header span{color:#6bc9ed}body[data-page="login"] .login{width:100%;max-width:1200px;flex:1;margin:60px auto;gap:75px}body[data-page="login"] .intro h1{font-size:62px;line-height:1.08;letter-spacing:-2.5px;max-width:620px;font-weight:800;color:white}body[data-page="login"] .intro h1 span{color:#4dbced}body[data-page="login"] .eyebrow{color:#67c8ed;letter-spacing:2px}body[data-page="login"] .intro>.eyebrow:before{content:"";display:inline-block;width:30px;height:2px;background:#ed334e;vertical-align:middle;margin-right:12px}body[data-page="login"] .notice{background:#102234;border-left-color:#45b9eb;color:#f4f8fc;padding:20px 24px;margin-top:34px;max-width:485px}body[data-page="login"] .notice p{color:#adbfce}body[data-page="login"] .card{background:#102235;border:1px solid #2b4053;box-shadow:0 20px 70px #0003;border-radius:18px;padding:36px}body[data-page="login"] .card>p{color:#b9cad8}body[data-page="login"] .card>.eyebrow{color:#67c8ed}body[data-page="login"] .card h2{color:#fff;font-size:30px}body[data-page="login"] label{color:#e9f1f8}body[data-page="login"] input{background:#081929;color:#fff;border-color:#455c71}body[data-page="login"] input::placeholder{color:#8fa6bb}body[data-page="login"] button{background:#49bcec;color:#071c2d}body[data-page="login"] button.secondary{background:#1b354b;color:#e6f5ff;border-color:#42647c}body[data-page="login"] a{color:#71d2f6}body[data-page="login"] footer{border-top:1px solid #263646;color:#a9bbcb}body[data-page="login"] .small{color:#b9cad8}body[data-page="login"] .message.error{color:#ffadb8}@media(max-width:800px){body[data-page="login"] .login{display:block;margin:30px auto;padding:0 22px}body[data-page="login"] .intro h1{font-size:44px;letter-spacing:-1.5px}body[data-page="login"] .card{margin-top:28px;padding:25px}body[data-page="login"] header span{font-size:9px;letter-spacing:1px}body[data-page="login"] header img{width:220px}body[data-page="login"] .notice{margin-top:24px}}
body[data-page="login"] .card{background:#fff;border-color:#dce5ed;color:#17324d}body[data-page="login"] .card h2{color:#17324d}body[data-page="login"] .card>p,body[data-page="login"] .card .small{color:#526b80}body[data-page="login"] .card>.eyebrow{color:#1477ad}body[data-page="login"] .card label{color:#17324d}body[data-page="login"] .card input{background:#fff;color:#17324d;border-color:#aebfce}body[data-page="login"] .card input::placeholder{color:#708599}body[data-page="login"] .card button{background:#1377af;color:#fff}body[data-page="login"] .card a{color:#126da1}body[data-page="login"] header img{background:transparent;filter:url(#logo-white-key);border-radius:0}
body[data-page="login"]{background:linear-gradient(115deg,#061421 0%,#0b3556 48%,#197cb2 100%)}
body[data-page="login"] header{background:#071726}body[data-page="login"] header img{filter:none;background:none;padding:0;width:360px;height:100px;object-fit:cover;object-position:center;border-radius:0}@media(max-width:800px){body[data-page="login"] header img{width:230px;height:70px;max-width:65%}}

/* Logo aportado por Premedical: mostrar completo, sin recortes. */
body[data-page="login"] header{background:#061421}body[data-page="login"] header img{width:360px;height:auto;object-fit:contain;max-width:65%}@media(max-width:800px){body[data-page="login"] header img{width:230px;height:auto}}