:root{font-family:Inter,system-ui,Arial,sans-serif;color:#eaf4ff;background:#07182a;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0%,#133d61 0,transparent 35%),#07182a}header{background:#0b223a;border-bottom:1px solid #29475d;padding:18px max(22px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.brand{font-size:24px;font-weight:900;letter-spacing:-1px;color:#f58c29}.brand span{color:#fff}.brand b{font-size:13px;color:#67d4ff;border:1px solid #67d4ff;padding:3px 7px;border-radius:8px;vertical-align:middle}nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}nav form{margin:0}a{color:#69d8ff;text-decoration:none}a:hover{text-decoration:underline}main{max-width:1100px;margin:38px auto;padding:0 22px;min-height:65vh}h1{font-size:clamp(27px,4vw,42px);letter-spacing:-1px}h2{font-size:20px;margin:0 0 18px}.card{background:#112d48;border:1px solid #2b4b65;border-radius:16px;padding:26px;margin:20px 0;box-shadow:0 12px 30px #0002}.login{max-width:470px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stats .card{margin:0}.stats small{color:#b3d0e2;display:block}.stats strong{font-size:40px;color:#ffa548}.between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{display:block;color:#d2e5f3;font-weight:600;margin:15px 0}input,select,textarea{display:block;margin-top:8px;width:100%;border:1px solid #58718a;border-radius:9px;background:#071c31;color:white;padding:12px;font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid #5bd0ff}button,.button{border:0;background:#f18c2a;color:#07182a;font-weight:800;padding:12px 20px;border-radius:9px;cursor:pointer;font-size:15px;display:inline-block}button:hover,.button:hover{background:#ffab52;text-decoration:none}.small{padding:8px 12px}table{border-collapse:collapse;width:100%;min-width:600px}td,th{text-align:left;border-bottom:1px solid #31516c;padding:14px 10px}th{color:#b6d5e9}.scroll{overflow-x:auto}.pill{border-radius:20px;padding:5px 10px;background:#214b69;color:#b8e8ff}.muted{color:#b5c9d9}.error{padding:12px;background:#622b36;color:#ffe0e4;border-radius:9px}.success{padding:12px;background:#195b48;color:#d6ffeb;border-radius:9px}footer{text-align:center;color:#a9c0d0;padding:30px 20px;border-top:1px solid #29475d;font-size:13px}@media(max-width:680px){.grid,.stats{grid-template-columns:1fr}.card{padding:19px}}

/* Cabecera compartida con la web comercial KaptiaPro */
.hr-header{padding-top:10px;padding-bottom:10px;min-height:74px}
.hr-brand{display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:25px;font-weight:900;letter-spacing:-.7px;white-space:nowrap}
.hr-brand img{width:48px;height:48px;object-fit:contain;border-radius:9px}
.hr-brand strong{color:#ff932c}.hr-brand b{font-size:13px;color:#7edcff;border:1px solid #7edcff;padding:4px 8px;border-radius:8px;vertical-align:middle;letter-spacing:0}
.hr-header nav{gap:15px}.hr-header .hr-nav-link{color:#fff;font-weight:700}.hr-header .hr-nav-link:hover{color:#ffac58}
.hr-access{color:#fff;border:1px solid #ff932c;border-radius:24px;padding:9px 15px;font-weight:800}
.hr-access:hover{background:#ff932c;color:#07182a;text-decoration:none}
@media(max-width:680px){.hr-header{justify-content:center}.hr-header nav{justify-content:center;gap:12px}.hr-brand{font-size:22px}}

/* Acceso y contacto: mismo lenguaje visual que la página comercial */
.hr-header{max-width:none;padding:10px clamp(20px,3vw,52px);min-height:86px;background:#10263d}
.hr-header nav{gap:16px}.hr-header .hr-nav-link{font-weight:800}.hr-access{padding:13px 22px;border-radius:32px;color:#fff}.hr-demo{display:inline-block;background:#ff932c;color:#0a1c30;font-weight:900;border-radius:32px;padding:14px 23px}.hr-demo:hover{background:#ffb05e;color:#0a1c30;text-decoration:none}
main:has(.hr-login-grid){max-width:1500px;margin:34px auto;padding:0 clamp(20px,3vw,52px)}
main:has(.hr-login-grid)>h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hr-login-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start}.hr-login-grid .card{background:#122a43;border:1px solid #34536c;border-radius:24px;padding:34px;margin:0;min-height:520px;box-shadow:none}.hr-login-grid h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.8px;margin:18px 0}.hr-eyebrow{color:#83d8ff;font-weight:800;font-size:17px}.hr-eyebrow.orange{color:#ffa14c}.hr-intro{font-size:18px;line-height:1.65;margin:0 0 24px;color:#dce8f5}.hr-login-grid label{font-weight:700;color:#fff}.hr-login-grid input:not([type=checkbox]),.hr-login-grid textarea{background:#0b2034;border-color:#58718a;padding:15px}.hr-login-grid button{border-radius:30px;padding:15px 25px;font-weight:900}.hr-login-card button{border:1px solid #ff932c;background:transparent;color:white}.hr-login-card button:hover{background:#ff932c;color:#0b2034}.hr-privacy{display:flex!important;align-items:flex-start;gap:10px;font-size:13px;font-weight:400!important;line-height:1.5}.hr-privacy input{width:17px;height:17px;flex:0 0 17px;margin:2px 0}.hr-contact-note{font-size:14px;color:#c6d8e7;margin-top:20px}.hr-contact-note a{color:#86dbff}
@media(max-width:850px){.hr-login-grid{grid-template-columns:1fr}.hr-login-grid .card{min-height:0}.hr-header{justify-content:center}.hr-header nav{justify-content:center}}@media(max-width:480px){.hr-login-grid .card{padding:22px}.hr-header nav{gap:9px}.hr-access,.hr-demo{padding:10px 13px;font-size:13px}}
