:root{--brand:#153f72;--brand-dark:#0b2c53;--accent:#e9a824;--ink:#172033;--muted:#637083;--surface:#fff;--soft:#f3f6fa;--line:#dbe2ea;--danger:#b42318;--success:#177249;--shadow:0 18px 50px rgba(14,42,75,.14);--radius:18px}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100vh;margin:0;color:var(--ink);background:var(--soft);font:16px/1.5 Inter,"Segoe UI",Roboto,Arial,sans-serif}button,input,select{font:inherit}a{color:var(--brand)}img{max-width:100%}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{position:relative;z-index:10;border-bottom:1px solid rgba(21,63,114,.12);background:rgba(255,255,255,.97);box-shadow:0 4px 18px rgba(20,43,72,.06)}.site-header__inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;text-decoration:none}.brand img{display:block;width:230px;height:auto}.eyebrow{margin:0 0 6px;color:var(--brand);font-size:.77rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:10px;color:var(--brand-dark);font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.12}h2{color:var(--brand-dark)}.lead,.muted{color:var(--muted)}.lead{max-width:680px;font-size:1.05rem}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:1px solid transparent;border-radius:11px;cursor:pointer;font-weight:750;text-decoration:none;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(233,168,36,.42);outline-offset:2px}.btn-primary{color:#fff;background:var(--brand);box-shadow:0 8px 18px rgba(21,63,114,.2)}.btn-primary:hover{background:var(--brand-dark)}.btn-secondary{color:var(--brand);border-color:#b8c8dc;background:#fff}.btn-danger{color:#fff;background:#a7352b}.btn-block{width:100%}.field{display:grid;gap:7px;margin-bottom:18px}.field[hidden]{display:none}.field label{font-size:.9rem;font-weight:750;color:#304057}.field input,.field select{width:100%;min-height:48px;padding:10px 13px;color:var(--ink);border:1px solid #c6d1de;border-radius:10px;background:#fff}.field input::placeholder{color:#8792a2}.actions{display:flex;flex-wrap:wrap;gap:12px}.card{border:1px solid rgba(21,63,114,.1);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.auth-page{display:grid;min-height:100vh;place-items:center;padding:36px 16px;background:linear-gradient(120deg,rgba(8,35,68,.92),rgba(21,63,114,.76)),url('../Imagenes/city-wallpaper-18.jpg') center/cover fixed}.auth-layout{width:min(960px,100%);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.auth-intro{padding:clamp(34px,6vw,64px);color:#fff;background:linear-gradient(145deg,rgba(9,45,85,.96),rgba(21,63,114,.84))}.auth-intro img{width:min(270px,85%);margin-bottom:48px;filter:brightness(0) invert(1)}.auth-intro h1{color:#fff}.auth-intro p{max-width:430px;color:#dce8f5}.auth-form{padding:clamp(32px,5vw,56px);background:#fff}.auth-form h2{margin-bottom:8px;font-size:1.65rem}.auth-form .muted{margin-bottom:28px}.notice{margin-bottom:22px;padding:13px 15px;border-radius:10px;font-size:.94rem}.notice-error{color:#7a271a;border:1px solid #f3b7ae;background:#fff2f0}.notice-success{color:#125538;border:1px solid #a7dfc2;background:#edf9f3}.skip-link{position:absolute;left:-9999px;top:8px;padding:8px 12px;color:#fff;background:var(--brand)}.skip-link:focus{left:8px;z-index:100}@media(max-width:720px){.auth-layout{grid-template-columns:1fr}.auth-intro{padding-bottom:30px}.auth-intro img{margin-bottom:24px}.site-header__inner{min-height:72px}.brand img{width:190px}.actions>*{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.password-field{position:relative}.password-field input{padding-right:52px}.password-toggle{position:absolute;right:8px;bottom:8px;width:34px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}.password-toggle::before{content:"";position:absolute;left:8px;top:8px;width:16px;height:12px;border:2px solid #8290a1;border-radius:70% 20%;transform:rotate(45deg)}.password-toggle::after{content:"";position:absolute;left:14px;top:13px;width:5px;height:5px;border-radius:50%;background:#8290a1}.password-toggle:hover{background:#eaf1f8}.password-toggle:hover::before{border-color:var(--brand)}.password-toggle:hover::after{background:var(--brand)}.password-toggle[aria-pressed="true"]::before{border-color:var(--brand)}.password-toggle[aria-pressed="true"]::after{background:var(--brand);box-shadow:0 0 0 3px rgba(21,63,114,.12)}.password-toggle:focus-visible{outline:3px solid rgba(233,168,36,.42);outline-offset:2px}