/* IORT Chile · Diseño FIEL al mockup aprobado · 2026 */
:root{--iort-navy:#092d54;--iort-blue:#005a9e;--iort-text:#12385b;--iort-border:#d6e4f1;--iort-bg:#f1f7fd}
*,*::before,*::after{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{font-family:Inter,"Segoe UI",Arial,sans-serif!important;background:#f4f8fd!important;color:var(--iort-text);overflow-x:hidden}
body .login-section.iort-layout{display:grid!important;grid-template-columns:minmax(0,58.3%) minmax(0,41.7%);min-height:calc(100dvh - 54px)!important;height:auto!important;width:100%;margin:0;padding:0;background:#f4f8fd}
body .login-section .left-panel.iort-approved-hero{position:relative;display:block!important;width:100%!important;height:auto!important;min-height:calc(100dvh - 54px);padding:0!important;max-width:none!important;overflow:hidden;background:#092e51;border:0}
body .approved-hero-image{position:absolute;inset:0;background-image:url('../icons/panel-visual-aprobado.webp');background-repeat:no-repeat;background-position:center center;background-size:100% 100%;}
body .login-section .right-panel{width:100%!important;min-width:0!important;max-width:none!important;min-height:calc(100dvh - 54px);display:flex!important;flex-direction:column;align-items:center;justify-content:center!important;position:relative;padding:70px 22px 56px!important;background:radial-gradient(ellipse at 92% 10%,#e8f2fb 0,transparent 42%),#f7faff}
body .right-panel::before{content:"";position:absolute;pointer-events:none;border-radius:50%;width:500px;height:500px;top:-310px;right:-230px;border:75px solid rgba(213,231,244,.42)}
body .right-panel .iort-support{position:absolute;right:32px;top:24px;z-index:2;font-size:12px}
body .right-panel .iort-support a{color:#0868b0;text-decoration:none;font-weight:650}
body .right-panel .login-card{position:relative;z-index:1;width:min(100%,508px)!important;max-width:508px!important;min-width:0!important;height:auto!important;margin:0 auto!important;padding:40px 43px 38px!important;border:1px solid #e5edf5!important;border-radius:25px!important;background:#fff!important;box-shadow:0 24px 60px rgba(18,54,91,.09)!important;transform:none!important}
body .login-card .iort-card-header{text-align:left!important;margin-bottom:26px!important}
body .login-card .iort-card-header .logo{display:block!important;object-fit:contain;object-position:left center;width:124px!important;height:66px!important;max-height:none!important;max-width:none!important;margin:0 0 19px!important;transform:none!important}
body .login-card .iort-eyebrow{text-align:left;letter-spacing:3px;color:#5f8fbd;font-size:10px;font-weight:800;margin:0 0 9px}
body .login-card h2{text-align:left!important;font-size:27px!important;line-height:1.18!important;letter-spacing:-.7px;color:#103759!important;font-weight:800!important;margin:0 0 9px!important}
body .login-card .iort-card-header p{text-align:left!important;margin:0!important;font-size:12px!important;line-height:1.5;color:#67809e!important}
body #login-form{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body #login-form .mb-3{margin-bottom:17px!important}
body #login-form .mb-4{margin-bottom:9px!important}
body #login-form .form-label{font-weight:700!important;font-size:12px!important;color:#16395b!important;margin-bottom:6px!important}
body #login-form .form-control,body #login-form .form-select{width:100%!important;min-height:49px!important;height:49px!important;border:1px solid var(--iort-border)!important;border-radius:9px!important;background:#fbfdff!important;font-size:13px!important;color:#173e63!important;padding:0 14px!important;box-shadow:none!important}
body #login-form .form-control:focus,body #login-form .form-select:focus{border-color:#268bd3!important;box-shadow:0 0 0 3px rgba(19,112,183,.12)!important}
body .password-field{position:relative!important}
body .password-field .btn-toggle-password{position:absolute!important;right:9px!important;top:50%!important;transform:translateY(-50%)!important;color:#587997!important;display:flex!important}
body .login-card .iort-help{text-align:right!important;margin:0 0 22px!important}
body .login-card .iort-help-link{color:#0068b6!important;background:none!important;border:0!important;font-size:12px!important;font-weight:700!important;padding:0!important;text-decoration:none!important}
body #login-form .btn-primary{height:53px!important;width:100%!important;border:0!important;border-radius:9px!important;background:linear-gradient(95deg,#005198,#0875bb)!important;color:white!important;font-weight:750!important;font-size:15px!important;box-shadow:0 8px 20px rgba(1,91,161,.18)!important}
body #login-form .btn-primary:hover{filter:brightness(1.08)}
body .iort-2fa-info{display:flex!important;align-items:center;gap:13px;margin:17px 0 11px;padding:14px 15px!important;background:#edf6ff!important;border-radius:10px!important;color:#164f88!important;border:0!important}
body .iort-2fa-info>i{font-size:26px;color:#0871ba}
body .iort-2fa-info strong{display:block;font-size:12px!important;font-weight:800}
body .iort-2fa-info small{display:block;font-size:10px!important;color:#6486aa!important;margin-top:3px}
body .iort-security{text-align:center!important;font-size:10px!important;color:#7490ac!important;margin:12px 0 21px!important}
body .iort-access-options{border-top:1px solid #dde7f0!important;margin-top:16px!important;padding-top:17px!important}
body .iort-access-options h3{font-size:12px!important;font-weight:800!important;margin:0 0 10px!important;color:#20486f!important}
body .iort-option{display:flex!important;align-items:center!important;gap:12px!important;text-align:left!important;width:100%!important;min-height:54px!important;padding:10px 13px!important;margin:0 0 8px!important;border:1px solid #d8e5f1!important;border-radius:9px!important;background:#fff!important;color:#0b5eaa!important}
body .iort-option>i:first-child{font-size:17px!important;width:22px!important}
body .iort-option>span{flex:1;min-width:0}
body .iort-option strong{display:block!important;font-size:11px!important;font-weight:800!important;color:#17436e!important;line-height:1.3}
body .iort-option small{display:block!important;font-size:10px!important;color:#7b96b0!important;margin-top:2px}
body .iort-option>i:last-child{font-size:11px!important}
body .iort-option:hover{background:#f2f8ff!important;border-color:#a9cfe9!important}
body>footer{display:flex!important;align-items:center;justify-content:space-between;gap:16px;min-height:54px!important;padding:12px 4.8%!important;background:#f7fbff!important;border-top:1px solid #dce8f1!important;color:#67809b!important;font-size:11px!important;text-align:left!important;margin:0!important;position:relative!important;transform:none!important}
body>footer strong{color:#153d68}body>footer a{color:#0069bc!important;text-decoration:none}
body .iort-mobile-banner{display:none}
@media(min-width:1440px){body .login-section .right-panel{padding-left:36px!important;padding-right:36px!important}}
@media(min-width:1024px) and (max-width:1360px){body .login-section.iort-layout{grid-template-columns:55% 45%}body .right-panel .login-card{padding:30px 32px!important}body .approved-hero-image{background-size:100% 100%}}
@media(max-width:991.98px){body .login-section.iort-layout{display:block!important;min-height:calc(100dvh - 60px)!important}body .login-section .left-panel.iort-approved-hero{display:none!important}body .login-section .right-panel{min-height:calc(100dvh - 60px)!important;padding:0 16px 26px!important;display:block!important;background:#eef5fc}body .right-panel .iort-support{right:22px;top:16px}body .right-panel .iort-mobile-banner{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(120deg,rgba(4,36,70,.88),rgba(2,70,115,.65)),url('../icons/panel-visual-aprobado.webp') center 31%/cover;min-height:190px;padding:28px 28px 24px;margin:0 -16px 0;color:white}body .iort-mobile-banner span{font-size:12px;font-weight:800;letter-spacing:2px;color:#fff}body .iort-mobile-banner strong{font-size:24px;line-height:1.2;max-width:255px;margin-top:24px}body .iort-mobile-banner em{font-style:normal;color:#43ddd8}body .right-panel .login-card{max-width:510px!important;margin:-24px auto 0!important;padding:29px 26px!important;border-radius:20px!important}body .right-panel .iort-support{z-index:3}body .right-panel .iort-support a{color:white}body>footer{flex-direction:column;justify-content:center;text-align:center!important;font-size:10px!important;padding:15px!important}}
@media(max-width:420px){body .right-panel .login-card{padding:25px 20px!important}body .login-card h2{font-size:24px!important}body .login-card .iort-card-header .logo{height:55px!important;margin-bottom:11px!important}}

/* Versión 4: textos vectoriales (HTML), fotografías de alta calidad y panel simplificado */
body .login-section .left-panel.iort-approved-hero {background:linear-gradient(130deg,#06203d 4%,#103e65 70%,#0c385b);isolation:isolate}
body .iort-hero-photo {position:absolute;inset:0 0 0 41%;background:url('../icons/iort-doctora-hd.webp') 52% 34%/cover no-repeat;opacity:.78;z-index:-2}
body .iort-hero-photo:after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#082946 0%,rgba(8,41,70,.35) 40%,rgba(10,49,80,.12) 100%),linear-gradient(0deg,#082d4c 0%,transparent 52%)}
body .iort-hero-mountains {position:absolute;bottom:0;left:0;width:100%;height:26%;background:linear-gradient(0deg,rgba(6,34,60,.15),rgba(6,34,60,.40)),url('../icons/iort-patagonia-hd.webp') center bottom/cover no-repeat;opacity:.64;z-index:-1}
body .iort-hero-content {height:100%;min-height:calc(100dvh - 54px);display:flex;flex-direction:column;justify-content:space-between;padding:50px clamp(35px,5vw,90px) 40px;color:#fff;position:relative;z-index:1}
body .iort-hero-logo {display:block;width:clamp(220px,20vw,320px);max-width:100%;height:auto;max-height:none;object-fit:contain;object-position:left top;filter:brightness(1.12)}
body .iort-hero-copy {margin:clamp(40px,9vh,90px) 0 auto;padding:0 0 40px}
body .iort-hero-kicker {font-size:12px;letter-spacing:3px;font-weight:800;color:#e0f4ff;display:flex;align-items:center;gap:12px;margin:0 0 27px}
body .iort-hero-kicker:before {content:"";display:block;width:34px;height:2px;background:#3be3e2}
body .iort-hero-copy h1 {font-family:Inter,'Segoe UI',Arial,sans-serif;font-weight:800;letter-spacing:-2.4px;font-size:clamp(48px,4.15vw,78px);line-height:1.08;color:white;margin:0 0 24px;text-wrap:balance;text-shadow:0 2px 14px rgba(2,22,45,.11)}
body .iort-hero-copy h1 span {color:#48e2e1}
body .iort-hero-description {font-size:clamp(15px,1.15vw,19px);font-weight:450;line-height:1.6;color:#e6f1fa;max-width:490px;margin:0 0 28px}
body .iort-hero-chips {display:flex;gap:10px;flex-wrap:wrap;max-width:590px}
body .iort-hero-chips span {display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid rgba(208,237,255,.25);border-radius:30px;background:rgba(255,255,255,.09);padding:10px 14px;font-size:12px;font-weight:650;color:#f0fbff}
body .iort-hero-chips i,body .iort-hero-bottom i {color:#46e4e2}
body .iort-hero-bottom {display:flex;align-items:flex-end;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:2.2px;font-weight:800;color:#e4f4ff}
body .iort-hero-bottom>span:last-child{line-height:1.8;font-size:10px;letter-spacing:3px}
body .right-panel .login-card {width:min(100%,520px)!important;max-width:520px!important;padding:42px 44px!important}
body .login-card .iort-card-header .logo{width:170px!important;height:70px!important;margin-bottom:15px!important}
body .login-card .iort-eyebrow{font-size:11px!important}
body .login-card h2 {font-size:30px!important}
body .login-card .iort-card-header p {font-size:14px!important}
body #login-form .form-label {font-size:13px!important}
body #login-form .form-control,body #login-form .form-select {font-size:14px!important;min-height:52px!important;height:52px!important}
body .login-card .iort-help-link{font-size:13px!important}
body .iort-security {margin:22px 0 0!important;font-size:11px!important}
body .iort-2fa-info,body .iort-access-options {display:none!important}
@media (max-width:991.98px) {body .right-panel .login-card{padding:30px 25px!important}body .login-card .iort-card-header .logo{width:130px!important;height:65px!important}}
@media(min-width:992px) and (max-width:1199px){body .iort-hero-content{padding:35px 30px}body .iort-hero-chips span{font-size:10px;padding:8px 10px}}