:root{--ink:#eef7fa;--muted:#92aab5;--navy:#031018;--panel:#071d27;--panel2:#0a2731;--teal:#11cdb0;--green:#39e67b;--orange:#ff9d25;--line:rgba(130,211,220,.2);--shadow:0 28px 80px rgba(0,0,0,.38);font-family:Inter,"Segoe UI",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--navy)}
body{margin:0;background:var(--navy);color:var(--ink);font-size:16px;line-height:1.55;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(1380px,calc(100% - clamp(32px,6vw,96px)));margin:auto}
.site-header{position:fixed;z-index:30;top:0;left:0;right:0;height:86px;display:flex;align-items:center;background:linear-gradient(to bottom,rgba(2,13,20,.88),transparent);backdrop-filter:blur(5px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:clamp(18px,3vw,42px)}
.brand{display:flex;align-items:center;gap:20px;min-width:0}.brand-logo{display:block;width:clamp(150px,14vw,205px);height:auto;max-height:48px;object-fit:contain}.brand-sub{border-left:1px solid rgba(255,255,255,.42);padding-left:20px;text-transform:uppercase;color:#a9bbc4;font-size:.68rem;letter-spacing:.2em;line-height:1.38;white-space:nowrap}
.nav{display:flex;align-items:center;gap:clamp(18px,2vw,30px);font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;white-space:nowrap}.nav a{color:#c0d0d5}.nav a:hover{color:#fff}.nav-access{display:inline-flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(57,230,123,.7);color:#fff!important;font-weight:750}.nav-access span{color:var(--green);transition:transform .2s}.nav-access:hover span{transform:translateX(4px)}
.btn{border:1px solid rgba(125,225,213,.4);background:rgba(8,46,56,.58);color:#fff;min-height:48px;padding:0 24px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:750;font-size:.82rem;letter-spacing:.045em;text-transform:uppercase;transition:.25s ease}
.btn:hover{transform:translateY(-2px);border-color:var(--teal);box-shadow:0 12px 28px rgba(0,0,0,.25)}
.btn-primary{border:0;background:linear-gradient(90deg,#18c96f,#09a968);box-shadow:0 0 28px rgba(34,223,124,.2)}.btn-ghost{background:transparent;border-color:rgba(255,255,255,.45)}.btn-orange{background:linear-gradient(90deg,#f28b17,#ffb33d);border:0;color:#07131a}.btn-wide{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.hero{position:relative;min-height:800px;height:100vh;display:flex;align-items:center;overflow:hidden;background-image:linear-gradient(90deg,rgba(2,11,17,.98) 0%,rgba(3,15,23,.91) 33%,rgba(3,19,27,.54) 64%,rgba(3,18,25,.25) 100%),url('/images/maintenance-2046-hero.png');background-size:cover;background-position:center}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:220px;background:linear-gradient(transparent,var(--navy))}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.72fr);align-items:center;gap:clamp(44px,7vw,110px);padding-top:80px}
.eyebrow{font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:#b8c8cf;margin:0 0 12px}.hero h1{font-size:clamp(3.2rem,5vw,5.8rem);line-height:.94;letter-spacing:-.045em;text-transform:uppercase;margin:0;max-width:760px;text-shadow:0 5px 35px rgba(0,0,0,.46);overflow-wrap:anywhere}.hero h1 span{display:block}.hero-sub{font-size:clamp(1.12rem,1.65vw,1.62rem);letter-spacing:.15em;text-transform:uppercase;color:#d6e2e6;margin:24px 0 14px}.hero-copy{max-width:620px;color:#c8d6da;font-size:1.03rem}.hero-actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
.future-sign{display:flex;gap:clamp(30px,4vw,54px);position:absolute;z-index:3;top:clamp(102px,13vh,142px);left:50%;transform:translateX(-50%);margin:0}.future-sign div{font-size:.7rem;letter-spacing:.19em;text-transform:uppercase;color:#b9cbd0}.future-sign strong{display:block;color:#fff;font-size:.94rem;letter-spacing:.25em;margin-bottom:3px}.future-sign .today:after,.future-sign .tomorrow:after{content:"";display:block;width:58px;height:3px;margin-top:10px}.future-sign .today:after{background:var(--orange)}.future-sign .tomorrow:after{background:var(--green)}
.access-card,.glass{background:linear-gradient(145deg,rgba(6,34,44,.88),rgba(4,17,25,.9));border:1px solid rgba(77,217,201,.4);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(18px);border-radius:18px}.access-card{padding:clamp(26px,3vw,38px);width:100%;max-width:540px;justify-self:end}.card-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.24em;color:#8bb6bb}.access-card h2{font-size:clamp(1.75rem,2.4vw,2.15rem);margin:8px 0 6px}.access-card p{color:#b7c7cc;margin:0 0 24px}
.field{display:grid;gap:8px;margin:0 0 16px}.field label{font-size:.78rem;text-transform:uppercase;letter-spacing:.11em;color:#9db2b9}.input,.select,.textarea{width:100%;border:1px solid rgba(93,190,191,.3);background:rgba(3,17,24,.7);color:#f5fbfc;border-radius:9px;min-height:52px;padding:13px 15px;outline:none;transition:.2s}.textarea{min-height:100px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(17,205,176,.1)}.input[readonly]{opacity:.68}
.hero-metrics{display:flex;gap:0;margin-top:34px}.metric{padding:0 26px;border-right:1px solid rgba(255,255,255,.14)}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric strong{font-size:2rem;color:var(--orange)}.metric span{display:block;text-transform:uppercase;font-size:.69rem;letter-spacing:.08em;color:#b7c7cc;max-width:138px}
.section{padding:88px 0}.section-dark{background:#04131b;padding-bottom:52px}.section-title{max-width:750px}.section-title h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.03;letter-spacing:-.03em;margin:10px 0 20px}.section-title p{color:#a9bdc4;font-size:1.08rem}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:52px;border:1px solid var(--line)}.benefit{background:#051821;padding:34px;min-height:220px}.benefit-no{font-size:.72rem;letter-spacing:.18em;color:var(--teal)}.benefit h3{margin:22px 0 10px;font-size:1.12rem}.benefit p{color:#91a8b0;font-size:.92rem}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}#metodologia{padding-top:52px;padding-bottom:64px}.story-block{border-top:1px solid var(--line);padding-top:24px}.story-block h3{font-size:1.5rem;margin:0 0 14px}.story-block p{color:#9fb1b8}
.final-cta{position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(2,12,18,.97),rgba(3,22,29,.68)),url('/images/maintenance-2046-hero.png');background-size:cover;background-position:center 70%;padding:clamp(88px,10vw,138px) 0}.final-cta h2{font-size:clamp(2.7rem,5vw,5.25rem);line-height:.96;max-width:920px;margin:0 0 24px;overflow-wrap:anywhere}.final-cta p{max-width:700px;color:#c7d5d9;font-size:1.08rem;margin-bottom:22px}.cta-note{display:inline-block;color:#8fa8b0;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;border-left:2px solid var(--green);padding-left:14px}
.site-footer{padding:32px 0;border-top:1px solid var(--line);color:#8098a1;font-size:.78rem}.footer-inner{display:flex;justify-content:space-between;gap:28px;align-items:center}.footer-links{display:flex;gap:22px}
.app-shell{min-height:100vh;padding:120px 0 60px;background:radial-gradient(circle at 80% 10%,rgba(12,108,111,.18),transparent 36%),var(--navy)}.app-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px;gap:20px}.app-title h1{font-size:clamp(2rem,4vw,3.5rem);margin:4px 0;line-height:1}.muted{color:var(--muted)}.small{font-size:.82rem}.flash{padding:14px 16px;border-radius:8px;margin-bottom:20px;background:rgba(17,205,176,.12);border:1px solid rgba(17,205,176,.3)}.flash.error{background:rgba(255,104,90,.12);border-color:rgba(255,104,90,.4)}
.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:var(--navy)}.auth-visual{position:relative;background-image:linear-gradient(90deg,rgba(1,10,16,.34),rgba(1,12,18,.84)),url('/images/maintenance-2046-hero.png');background-size:cover;background-position:center}.auth-visual-copy{position:absolute;left:7vw;bottom:11vh;max-width:620px}.auth-visual h1{font-size:clamp(3rem,5vw,5.5rem);line-height:.94;margin:10px 0 24px}.auth-panel{display:flex;align-items:center;padding:8vw 6vw}.auth-box{width:min(520px,100%)}.auth-box h2{font-size:2.4rem;margin:8px 0}.auth-box>p{color:#9eb3ba;margin:0 0 30px}.otp{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.otp input{text-align:center;font-size:1.7rem;padding:0;min-width:0}.resend{display:flex;align-items:center;justify-content:space-between;margin-top:16px;color:#90a6ad;font-size:.86rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-section{padding:28px;margin-bottom:20px}.form-section h2{margin:0 0 22px}.field-full{grid-column:1/-1}.check{display:flex;gap:12px;align-items:flex-start;color:#b8c8cc;font-size:.9rem}.check input{margin-top:5px;accent-color:var(--teal)}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.dashboard-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:22px}.module-card{padding:34px;position:relative;overflow:hidden;min-height:370px;background-image:linear-gradient(90deg,rgba(3,18,26,.96),rgba(3,26,33,.62)),url('/images/maintenance-2046-hero.png');background-size:cover;background-position:center}.module-card:after{content:"2046";position:absolute;right:24px;bottom:-35px;font-size:10rem;font-weight:900;color:rgba(255,255,255,.035);line-height:1}.module-card h2{font-size:2.3rem;margin:12px 0}.module-card p{max-width:600px;color:#b9c8cd}.usage-card{padding:30px}.usage-number{font-size:4.5rem;font-weight:800;line-height:1;color:var(--green)}.progress{height:7px;background:rgba(255,255,255,.09);border-radius:8px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--green))}
.diagnostic-list{margin-top:24px}.diagnostic-row{display:grid;grid-template-columns:1.4fr .7fr .6fr auto;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.status{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;padding:6px 9px;border-radius:20px;background:rgba(255,157,37,.12);color:#ffbd69;width:max-content}.status.completed{background:rgba(57,230,123,.12);color:#72efa1}
.quiz-shell{min-height:100vh;padding:34px 0 70px}.quiz-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;margin-bottom:42px}.quiz-brand{font-size:1.35rem;font-weight:800}.quiz-progress small{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.1em;color:#8da5ae}.question-meta{display:flex;justify-content:space-between;color:#8aa2ab;text-transform:uppercase;font-size:.74rem;letter-spacing:.12em}.question h1{font-size:clamp(2rem,3.2vw,3.5rem);max-width:1050px;line-height:1.08;margin:18px 0 32px}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.level-card{position:relative;text-align:left;min-height:250px;padding:24px;border:1px solid var(--line);background:linear-gradient(150deg,rgba(7,34,44,.9),rgba(5,20,28,.88));color:#dce7ea;border-radius:12px;transition:.22s}.level-card:hover,.level-card.selected{transform:translateY(-5px);border-color:var(--teal);box-shadow:0 20px 45px rgba(0,0,0,.25)}.level-card.selected{background:linear-gradient(150deg,rgba(13,81,81,.72),rgba(5,31,39,.92))}.level-card b{display:block;color:var(--teal);font-size:.75rem;letter-spacing:.13em}.level-card strong{display:block;font-size:1.15rem;margin:8px 0}.level-card .score{font-size:2.4rem;color:#fff}.level-card p{font-size:.82rem;color:#94aab1}.unknown{margin-top:14px}.evidence{margin-top:24px;padding:24px}.quiz-actions{display:flex;justify-content:space-between;margin-top:28px}.save-state{color:#78d7c7;font-size:.8rem;align-self:center}
@media(min-width:921px){
  .quiz-shell{height:100dvh;min-height:640px;overflow:hidden;padding:16px 0}
  .quiz-shell>.container{height:100%;display:flex;flex-direction:column}
  .quiz-top{gap:26px;margin-bottom:14px}
  .quiz-top .btn{min-height:44px;padding:0 22px}
  .quiz-brand{font-size:1.28rem}
  .quiz-progress small{font-size:.72rem}
  .question{flex:1;min-height:0;display:flex;flex-direction:column}
  .question-meta{font-size:.72rem}
  .question>.eyebrow{font-size:.74rem!important;margin:8px 0 5px!important}
  .question h1{font-size:clamp(2rem,2.75vw,2.8rem);max-width:1180px;line-height:1.02;margin:5px 0 15px}
  .level-grid{gap:10px}
  .level-card{min-height:0;height:clamp(205px,31vh,230px);padding:17px 18px;border-radius:11px}
  .level-card:hover,.level-card.selected{transform:translateY(-2px)}
  .level-card b{font-size:.72rem}
  .level-card strong{font-size:1.08rem;margin:5px 0}
  .level-card .score{font-size:2.2rem}
  .level-card p{font-size:.76rem;line-height:1.42;margin:9px 0 0}
  .unknown{min-height:44px;margin-top:9px;padding:0 20px;align-self:flex-start}
  .evidence{margin-top:9px;padding:10px 13px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end}
  .evidence .field{grid-template-columns:auto minmax(220px,1fr);align-items:center;gap:12px;margin:0}
  .evidence .field label{white-space:nowrap;font-size:.72rem}
  .evidence .textarea{min-height:50px;height:50px;max-height:50px;padding:11px 13px}
  .save-state{white-space:nowrap;font-size:.74rem}
  .quiz-actions{margin-top:9px}
  .quiz-actions .btn{min-height:44px}
}
.result-hero{text-align:center;padding:50px 0 20px}.index-ring{width:270px;height:270px;margin:30px auto;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--green) calc(var(--score)*1%),rgba(255,255,255,.08) 0)}.index-ring:after{content:"";position:absolute;inset:13px;background:var(--navy);border-radius:50%}.index-ring div{position:relative;z-index:1}.index-ring strong{font-size:4.6rem;line-height:1}.index-ring span{display:block;text-transform:uppercase;letter-spacing:.16em;color:#8fa8b0;font-size:.72rem}.maturity-label{font-size:1.4rem;color:var(--green);text-transform:uppercase;letter-spacing:.08em}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}.result-card{padding:30px}.pillar-row{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:18px}.pillar-row .progress{grid-column:1/-1}.priority{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.priority-no{font-size:.7rem;color:var(--orange);letter-spacing:.14em}.gap{font-size:1.4rem;color:#fff}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:28px 0}.scale div{border-top:4px solid var(--line);padding-top:10px;font-size:.7rem;text-transform:uppercase;color:#839aa2}.scale .active{border-color:var(--green);color:#fff}.contact-banner{padding:38px;margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.admin-toolbar{display:flex;justify-content:flex-end;gap:12px;margin:-12px 0 26px;flex-wrap:wrap}.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi{padding:24px}.kpi strong{font-size:2.2rem;display:block}.table-wrap{overflow:auto;margin-top:22px}.table{width:100%;border-collapse:collapse;min-width:1000px}.table th,.table td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);font-size:.82rem}.table th{text-transform:uppercase;letter-spacing:.08em;color:#82a1a9}.admin-login{max-width:500px;margin:10vh auto;padding:34px}
@media(max-width:1180px){.nav>a:not(.nav-access){display:none}.hero{height:auto;min-height:900px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:42px}.benefit-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.result-grid{grid-template-columns:1fr}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:920px){.site-header{position:absolute}.hero{min-height:auto;background-position:38% center}.future-sign{top:92px}.hero-grid{grid-template-columns:1fr;padding:190px 0 72px;gap:48px}.hero-grid>div{max-width:690px}.access-card{justify-self:start;max-width:620px}.hero:after{height:140px}.auth-wrap{grid-template-columns:1fr}.auth-visual{min-height:48vh}.auth-panel{padding:64px clamp(28px,8vw,80px)}.footer-inner{flex-wrap:wrap}}
@media(max-width:680px){.container{width:min(100% - 30px,620px)}.site-header{height:72px}.brand{gap:12px}.brand-logo{width:138px}.brand-sub{display:none}.nav{font-size:.68rem;letter-spacing:.08em}.nav-access{padding:8px 0}.hero{background-position:43% center}.future-sign{top:86px;gap:30px}.hero-grid{padding:178px 0 62px;gap:38px}.hero h1{font-size:clamp(2.55rem,12vw,3.4rem);line-height:.96}.hero-sub{font-size:clamp(.98rem,4.6vw,1.2rem);letter-spacing:.11em;margin-top:20px}.hero-copy{font-size:.96rem}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px}.metric{padding:0 12px}.metric:first-child{padding-left:0}.metric strong{font-size:1.65rem}.metric span{font-size:.59rem;line-height:1.4}.access-card{padding:24px;border-radius:14px}.section{padding:58px 0}.section-dark{padding-bottom:40px}#metodologia{padding-top:40px;padding-bottom:46px}.benefit-grid,.story-grid{grid-template-columns:1fr;gap:1px}.final-cta h2{font-size:clamp(2.45rem,11vw,3.4rem)}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}.auth-visual{min-height:380px}.auth-visual-copy{left:22px;right:22px;bottom:28px}.auth-visual h1{font-size:clamp(2.55rem,11vw,3.2rem)}.auth-panel{padding:48px 22px}.auth-box h2{font-size:2rem}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.app-shell{padding-top:86px}.app-head{align-items:flex-start;flex-direction:column}.diagnostic-row{grid-template-columns:1fr 1fr}.diagnostic-row>*:first-child{grid-column:1/-1}.quiz-shell{padding-top:18px}.quiz-top{grid-template-columns:1fr auto;gap:16px}.quiz-progress{grid-column:1/-1;grid-row:2}.question-meta{gap:14px;font-size:.65rem}.question h1{font-size:clamp(1.75rem,8vw,2.4rem);margin-bottom:24px}.level-grid{grid-template-columns:1fr}.level-card{min-height:0;padding:20px}.result-grid{grid-template-columns:1fr;margin-top:22px}.result-card{padding:22px}.scale{grid-template-columns:1fr}.contact-banner{align-items:flex-start;flex-direction:column;padding:25px}.admin-toolbar{justify-content:stretch}.admin-toolbar>*{width:100%}.admin-toolbar .btn{width:100%}.admin-kpis{grid-template-columns:1fr 1fr}.otp{gap:6px}.otp input{font-size:1.3rem;min-height:48px}.actions{flex-direction:column}.actions .btn{width:100%}}
@media(max-width:430px){.nav-access{font-size:0}.nav-access span{font-size:1rem}.hero-metrics{grid-template-columns:1fr 1fr;gap:20px 0}.metric{border:0;padding:0}.metric:last-child{grid-column:1/-1}.admin-kpis{grid-template-columns:1fr}.quiz-brand{font-size:1rem}.quiz-top>.btn{min-height:40px;padding:0 14px}.index-ring{width:230px;height:230px}.index-ring strong{font-size:3.8rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}