/* Login responsive: una marca lateral en escritorio y card centrada en móvil/tableta. */
.login-webinars{display:block;margin-top:16px;text-align:center;color:var(--login-cyan);font-size:14px;font-weight:700;text-decoration:none}.login-webinars:hover{text-decoration:underline}
:root{--login-cyan:#22c0fa;--login-navy:#061635;--login-card:#0c214b}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:linear-gradient(110deg,rgba(2,12,34,.82),rgba(3,18,48,.68)),url("../img/login-form-bg.png") center/cover fixed;color:#fff;font-family:"Segoe UI",sans-serif}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr minmax(360px,500px);align-items:center;gap:clamp(30px,8vw,150px);max-width:1380px;margin:auto;padding:50px clamp(24px,7vw,100px)}.login-brand{text-align:center}.login-brand img{width:clamp(105px,12vw,170px)}.login-brand h1{margin:18px 0 8px;font-size:clamp(42px,6vw,76px);letter-spacing:2px}.login-brand span{color:var(--login-cyan)}.login-brand p{font-size:clamp(16px,2vw,22px);color:#dbe8ff}.login-card{width:100%;padding:42px;border:1px solid rgba(151,190,255,.24);border-radius:24px;background:rgba(7,25,61,.87);box-shadow:0 22px 60px rgba(0,0,0,.38);backdrop-filter:blur(14px)}.login-card__logo{display:block;width:56px;margin:0 auto 14px}.login-card h2{text-align:center;margin:0;font-size:31px}.login-card__intro{text-align:center;color:#c6d4ec;margin:9px 0 28px}.login-card form{display:grid;gap:10px}.login-card label{font-size:13px;font-weight:700}.login-input{display:flex;align-items:center;border:1px solid rgba(175,203,248,.42);border-radius:10px;overflow:hidden}.login-input>i{width:48px;text-align:center;color:#bcd1f5}.login-input input{width:100%;height:53px;border:0;outline:0;background:transparent;color:#fff;font:inherit}.login-input input::placeholder{color:#a8b8d3}.login-input button{width:48px;height:53px;border:0;border-left:1px solid rgba(175,203,248,.35);background:transparent;color:#fff;cursor:pointer}.login-options{display:flex;justify-content:space-between;gap:12px;margin:8px 0 13px;font-size:13px}.login-options a{color:var(--login-cyan);text-decoration:none}.login-submit{border:0;border-radius:10px;padding:15px;background:linear-gradient(90deg,#20c8fa,#1685ef);color:#fff;font-size:16px;font-weight:800;cursor:pointer}.login-error{margin-bottom:18px;border-radius:8px;padding:11px;background:rgba(208,52,67,.2);color:#ffd6da}.theme-button{position:fixed;z-index:2;top:22px;right:22px;width:46px;height:46px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(3,20,53,.75);color:#fff;cursor:pointer}body.light-theme{background:linear-gradient(110deg,rgba(236,246,255,.72),rgba(211,238,255,.55)),url("../img/login-form-bg.png") center/cover fixed;color:#0a214a}body.light-theme .login-card{background:rgba(255,255,255,.9);color:#0a214a}body.light-theme .login-card__intro,body.light-theme .login-input input{color:#263b60}body.light-theme .login-input input::placeholder{color:#64748b}body.light-theme .login-input,body.light-theme .login-input button{border-color:#c3d1e6}body.light-theme .login-input>i,body.light-theme .login-input button{color:#173b71}@media(max-width:850px){.login-layout{grid-template-columns:1fr;max-width:560px;padding:90px 24px 40px;gap:28px}.login-brand img{width:86px}.login-brand h1{font-size:42px}.login-brand p{margin:0}.login-card{padding:30px}}@media(max-width:430px){.login-layout{padding-inline:16px}.login-card{padding:24px 19px}.login-options{flex-direction:column}.login-card h2{font-size:27px}}