@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700;800&family=Manrope:wght@400;600;700&display=swap');
:root{--blue:#007fc4;--cyan:#09b9e8;--navy:#071e33;--ink:#101c28;--muted:#657383;--paper:#f4f7f9;--line:#dce5ea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.55 Manrope,Arial;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1160px,90%);margin:auto}.topline{height:36px;padding:8px 0;color:#e8f7ff;background:linear-gradient(90deg,#1678bd 76%,#0eb7df);font-size:12px}.topline-inner{display:flex;justify-content:space-between}.nav{height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff}.site-header{background:#fff;box-shadow:0 2px 15px #06162414;position:relative;z-index:2}.brand img{width:190px;display:block}.nav nav{display:flex;gap:30px;font-weight:700;font-size:14px}.nav nav a:hover{color:var(--blue)}button{font:inherit;cursor:pointer}.nav-cta,.primary-button{border:0;padding:14px 23px;border-radius:99px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:700;box-shadow:0 12px 28px #007fc438}.primary-button span{margin-left:8px}.hero{min-height:620px;padding:100px 0;display:grid;align-items:center;color:#fff;background:radial-gradient(circle at 75% 40%,#09b9e82e,#0000 22%),linear-gradient(125deg,#071f34,#092d4c 62%,#075b85);position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent)}.hero-content{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;position:relative}.eyebrow{margin:0 0 14px;color:var(--blue);letter-spacing:.15em;font:700 12px Barlow}.eyebrow.light{color:#6ddcfa}.hero h1{max-width:720px;margin:0;font:800 clamp(46px,6vw,78px)/.98 Barlow;letter-spacing:-.04em}.hero h1 span{color:#50cff1}.hero-lede{max-width:650px;color:#d2e5ef;font-size:18px}.hero-actions{display:flex;align-items:center;gap:24px;margin:32px 0}.text-link{font-weight:700}.light-link{color:#c7e5f1}.trust-row{display:flex;gap:30px;color:#b9d2df}.trust-row strong{color:#fff;font:700 21px Barlow}.hero-visual{min-height:390px;position:relative}.floating-card{position:absolute;top:62px;left:90px;width:350px;padding:30px;border:1px solid #fff3;border-radius:22px;background:#ffffff1a;box-shadow:0 30px 80px #0005;transform:rotate(-2deg);z-index:1}.score-card-head{display:flex;justify-content:space-between;color:#cce4ef;font-size:12px}.live-dot{color:#6ddcfa;font-size:10px}.score-big{display:block;margin:35px 0 20px;font:800 80px/.9 Barlow}.score-big span{color:#a8c4d1;font-size:18px}.score-status{color:#cce4ef}.score-status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#55ddfb;margin-right:8px}.mini-bars{display:grid;gap:10px;margin-top:20px}.mini-bars span{height:7px;background:#fff2;border-radius:8px;overflow:hidden}.mini-bars i{display:block;height:100%;background:linear-gradient(90deg,#099ed8,#55ddfb);border-radius:8px}.signal-card{position:absolute;padding:16px 20px;border:1px solid #fff3;border-radius:14px;background:#ffffff18;box-shadow:0 15px 40px #0003}.signal-card b{display:block;color:#55ddfb;font:800 30px Barlow}.signal-card span{color:#cce4ef;font-size:11px}.signal-one{top:12px;right:10px}.signal-two{right:0;bottom:25px}.orbit{position:absolute;border:1px solid #54d8f755;border-radius:50%}.orbit-one{width:430px;height:430px;top:0;left:30px}.orbit-two{width:520px;height:250px;top:90px;left:-20px;transform:rotate(-24deg)}.intro-section,.dimensions-section{padding:110px 0}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:90px}.split-section h2,.section-heading h2{max-width:660px;margin:0;font:700 clamp(36px,5vw,56px)/1.05 Barlow}.section-lede{font-size:20px;color:var(--muted)}.split-section>div>p:last-child{color:var(--muted)}.value-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.value-strip article{padding:35px;color:var(--cyan)}.value-strip article+article{border-left:1px solid var(--line)}.value-strip h3{margin:15px 0 5px;color:var(--ink);font-size:21px}.value-strip p,.dimension-card p{color:var(--muted);font-size:14px}.dimensions-section{background:var(--paper)}.section-heading.centered{text-align:center;max-width:800px;margin:auto}.section-heading.centered h2{margin:auto}.section-heading.centered>p:last-child{color:var(--muted);font-size:18px}.dimension-grid{display:grid;grid-template-columns:repeat(5,1fr);margin:50px auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dimension-card{min-height:220px;padding:28px;border-right:1px solid var(--line)}.dimension-number{color:var(--blue);font:700 12px Barlow}.dimension-card h3{margin:15px 0 5px;font:700 22px Barlow}.cta-band{padding:76px 0;color:#fff;background:linear-gradient(105deg,#006aa9,#04afe0)}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta-inner h2{max-width:780px;margin:0;font:700 clamp(36px,5vw,56px)/1.05 Barlow}.inverse{color:#087cb7;background:#fff;box-shadow:0 15px 35px #00345433}.footer-inner{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;padding:50px 0;color:#a9bfcb;background:var(--navy)}footer{background:var(--navy)}.footer-brand{background:#fff;border-radius:10px;padding:8px 12px;width:max-content}.footer-brand img{width:170px;display:block}.footer-inner a{color:#d4eff8;display:block}.footer-inner span{font-size:12px}.whatsapp-fab{position:fixed;right:22px;bottom:22px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#1bb86a;font-weight:800;box-shadow:0 10px 25px #0003;z-index:5}@media(max-width:850px){.topline-inner{font-size:10px}.nav nav{display:none}.hero{padding:75px 0}.hero-content,.split-section{grid-template-columns:1fr}.hero-visual{min-height:370px}.floating-card{left:50%;transform:translateX(-50%) rotate(-2deg)}.signal-one{right:0}.dimension-grid,.value-strip{grid-template-columns:1fr}.value-strip article+article,.dimension-card{border-left:0;border-right:0;border-top:1px solid var(--line)}.cta-inner,.footer-inner{display:block}.cta-inner .primary-button{margin-top:25px}.footer-inner>*{margin:18px 0}}@media(max-width:520px){.nav{height:78px}.brand img{width:150px}.nav-cta{padding:11px 15px;font-size:12px}.hero h1{font-size:46px}.hero-actions{align-items:flex-start;flex-direction:column}.trust-row{gap:16px;font-size:12px}.floating-card{width:310px;left:50%}.score-big{font-size:68px}.hero-visual{transform:scale(.92);margin-left:-10px}.intro-section,.dimensions-section{padding:75px 0}.split-section{gap:40px}.whatsapp-fab{right:14px;bottom:14px}}
.assessment-view,.result-view{min-height:720px;padding:70px 0;background:linear-gradient(#eef5f8,#fff)}.assessment-box,.result-box{max-width:900px;padding:44px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 24px 60px #0616241f}.back-link{border:0;background:none;color:var(--muted);font-weight:700;padding:0;margin-bottom:30px}.progress{height:7px;background:#e8f0f3;border-radius:8px;overflow:hidden;margin-bottom:32px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan))}.function-tag{display:inline-block;padding:7px 12px;border-radius:99px;color:var(--blue);background:#e8f7fc;font:700 12px Barlow;letter-spacing:.08em}.assessment-box h1,.result-box h1{max-width:760px;margin:18px 0 10px;font:700 clamp(34px,5vw,58px)/1.05 Barlow}.assessment-box>p:not(.eyebrow){color:var(--muted);font-size:18px}.answers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:35px 0}.answers button{min-height:110px;padding:18px 10px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--muted)}.answers button:hover,.answers button.selected{border-color:var(--blue);color:var(--blue);background:#e9f7fc}.answers strong{display:block;font:800 28px Barlow}.answers span{font-size:13px}.assessment-actions,.result-actions{display:flex;justify-content:space-between;gap:18px;align-items:center}.secondary-button{border:0;background:#eef3f5;border-radius:99px;padding:13px 22px;color:var(--muted);font-weight:700}.secondary-button:disabled{opacity:.45}.result-box{text-align:center}.result-box h1{margin-left:auto;margin-right:auto}.result-box h1 span{color:var(--blue)}.result-score{margin:25px auto;color:var(--blue)}.result-score strong{font:800 100px/.8 Barlow}.result-score span{font-size:22px;color:var(--muted)}.result-copy{max-width:650px;margin:0 auto 35px;color:var(--muted);font-size:18px}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:35px}.level-grid div{padding:17px 8px;border-right:1px solid var(--line)}.level-grid b,.level-grid span{display:block}.level-grid b{color:var(--blue);font:700 16px Barlow}.level-grid span{font-size:12px;color:var(--muted)}.result-actions{justify-content:center;flex-wrap:wrap}@media(max-width:650px){.assessment-box,.result-box{padding:28px 18px}.answers{grid-template-columns:repeat(2,1fr)}.level-grid{grid-template-columns:repeat(3,1fr)}.level-grid div:nth-child(3){border-right:0}.level-grid div:nth-child(n+4){border-top:1px solid var(--line)}.assessment-actions{align-items:stretch;flex-direction:column-reverse}.assessment-actions button{width:100%}}
.profile-view{min-height:720px;padding:70px 0;background:linear-gradient(#eef5f8,#fff)}.profile-box{max-width:800px;padding:44px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 24px 60px #0616241f}.profile-box h1{margin:0;font:700 clamp(42px,5vw,64px)/1 Barlow}.profile-intro{max-width:650px;color:var(--muted);font-size:18px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-box form{display:grid;gap:18px;margin-top:30px}.profile-box label{display:grid;gap:8px;font-size:13px;font-weight:700}.profile-box input{width:100%;padding:15px 16px;border:1px solid #ccd9df;border-radius:10px;font:inherit}.privacy-note{color:#8a969f;font-size:12px}.form-error{min-height:20px;color:#c33;font-size:13px}.full{width:100%;text-align:center}.assessment-top{display:flex;justify-content:space-between;gap:30px;align-items:end}.assessment-top>div:first-child{flex:1}.assessment-top .progress{flex:0 0 260px;margin-bottom:10px}.scale-instruction{margin:28px 0;color:var(--muted);font-size:18px}.questions-list{display:grid;gap:18px}.questions-list fieldset{margin:0;padding:20px;border:1px solid var(--line);border-radius:16px}.questions-list legend{padding:0 8px;font-weight:700}.questions-list legend b{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:12px;border-radius:50%;color:var(--blue);background:#e9f7fc;font:700 13px Barlow}.questions-list .answers{grid-template-columns:repeat(4,1fr);margin:18px 0 0}.questions-list .answers button{min-height:72px}.assessment-actions{margin-top:28px}@media(max-width:700px){.profile-box,.assessment-box{padding:28px 18px}.field-grid{grid-template-columns:1fr}.assessment-top{display:block}.assessment-top .progress{margin-top:20px}.questions-list .answers{grid-template-columns:repeat(2,1fr)}.questions-list .answers button{min-height:60px}.questions-list .answers span{font-size:11px}}
.assessment-view{padding:60px 0 80px;background:linear-gradient(135deg,#eef5f8,#fff)}.assessment-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:30px;align-items:start}.dimension-sidebar{padding-top:20px}.dimension-sidebar ol{list-style:none;padding:0;margin:24px 0}.dimension-sidebar li{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:10px;color:#8a9aa7;font-size:12px;font-weight:700}.dimension-sidebar li.active{color:var(--blue);background:#fff;box-shadow:0 8px 22px #0b395014}.dimension-sidebar li.done{color:var(--blue)}.dimension-sidebar li span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #cbdbe3;border-radius:50%;font:700 10px Barlow}.dimension-sidebar li.active span{color:#fff;border-color:var(--blue);background:linear-gradient(135deg,var(--blue),var(--cyan))}.sidebar-progress span{display:block;color:#7d8e9b;font-size:11px;margin-bottom:10px}.sidebar-progress i{display:block;height:5px;border-radius:10px;background:#d9e6eb;overflow:hidden}.sidebar-progress b{display:block;height:100%;background:var(--cyan)}.assessment-box{padding:42px;border:1px solid #d8e3e8;border-radius:22px;background:#fff;box-shadow:0 24px 60px #0616241f}.question-header{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding-bottom:25px}.dimension-badge{display:grid;place-items:center;flex:0 0 56px;height:56px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));font:700 15px Barlow}.question-header h1{margin:0;font:700 clamp(38px,5vw,56px)/1 Barlow}.scale-instruction{color:var(--muted);margin:25px 0 35px}.questions-list{display:grid;gap:24px}.questions-list fieldset{padding:18px 22px 22px;border:1px solid #d7e3e9;border-radius:15px}.questions-list legend{padding:0 6px;font-size:14px}.questions-list legend b{color:var(--blue);font:700 12px Barlow;margin-right:12px}.rating-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.rating-row button{padding:12px 6px;border:1px solid #d5e1e7;border-radius:10px;background:#fff;color:#627482}.rating-row button:hover,.rating-row button.selected{color:var(--blue);border-color:#6dc9e5;background:#f0fbfe}.rating-row strong{display:block;font:700 17px Barlow}.rating-row span{display:block;font-size:10px;margin-top:5px}.assessment-actions{display:flex;justify-content:space-between;gap:20px;margin-top:28px}.result-view{background:#f3f7f9;min-height:100vh;padding-bottom:60px}.result-hero{padding:60px 0 70px;color:#fff;background:#073b58}.result-hero-inner{display:grid;grid-template-columns:1fr 220px;gap:50px;align-items:center}.result-hero h1{max-width:820px;margin:0;font:800 clamp(42px,6vw,74px)/.95 Barlow;letter-spacing:-.04em}.result-hero h1 span{color:#51cbed}.result-hero p:not(.eyebrow){max-width:680px;color:#d4e8f0}.result-score strong{display:inline-block;font:800 78px/.9 Barlow}.result-score span{font-size:14px}.result-score small{display:block;color:#79d5ef;letter-spacing:.1em;font-size:11px;margin-top:12px}.result-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px;margin-top:32px}.result-panel{padding:32px;border:1px solid #d8e3e8;border-radius:18px;background:#fff}.panel-head{display:flex;justify-content:space-between;gap:18px}.result-panel h2{margin:0;font:700 28px/1.1 Barlow}.level-pill{height:max-content;padding:8px 12px;border-radius:99px;color:var(--blue);background:#e7f7fc;font-size:11px}.score-list{display:grid;gap:22px;margin-top:30px}.score-row{display:grid;grid-template-columns:105px 1fr 35px;gap:14px;align-items:center;font-size:12px}.score-row i{height:8px;border-radius:8px;background:#e5edf0;overflow:hidden}.score-row b{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.score-row strong{font:700 13px Barlow}.scale-legend{display:flex;justify-content:space-between;margin:28px 0 0 120px;color:#8a9aa7;font-size:10px}.priorities-panel h2{margin-top:5px}.priority-intro{color:var(--muted);font-size:13px}.priorities-panel ol{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}.priorities-panel li{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;background:#f0f6f8}.priorities-panel li>span{color:var(--cyan);font:800 22px Barlow}.priorities-panel li strong,.priorities-panel li small{display:block}.priorities-panel li strong{font-size:13px}.priorities-panel li small{color:#78909d;font-size:10px;margin-top:3px}.result-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:24px}@media(max-width:850px){.assessment-layout{grid-template-columns:1fr}.dimension-sidebar{padding-top:0}.dimension-sidebar ol{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.dimension-sidebar li{display:block;text-align:center;padding:7px 3px;font-size:0}.dimension-sidebar li span{margin:auto}.result-hero-inner,.result-grid{grid-template-columns:1fr}.result-score{border-left:0;border-top:1px solid #fff4;padding:25px 0 0}.result-actions{justify-content:center}}@media(max-width:560px){.assessment-box{padding:24px 16px}.question-header h1{font-size:36px}.questions-list fieldset{padding:15px 12px}.rating-row{grid-template-columns:repeat(2,1fr)}.result-panel{padding:22px 16px}.score-row{grid-template-columns:80px 1fr 30px}.scale-legend{margin-left:94px;font-size:9px}.result-actions{flex-direction:column}.result-actions>*{width:100%;text-align:center}}
.primary-button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none;filter:grayscale(.25)}
/* Ocultar el botón nav-cta del header durante el flujo de evaluación */
body.evaluation-active .site-header .nav-cta {
    display: none;
}
.hero .eyebrow{font-size:14px}.questions-list legend{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.score-row i.level-critical b{background:#e44848}.score-row i.level-developing b{background:#e5aa28}.score-row i.level-consolidated b{background:#2aa66f}

.footer-brand{background:transparent;padding:0}.footer-brand img{filter:none}

/* Responsive alignment: same viewport width as header and footer */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.container,.assessment-layout,.result-grid,.result-hero-inner,.footer-inner{width:min(1160px,calc(100% - 32px));max-width:1160px}
.assessment-view,.result-view,.profile-view{width:100%;max-width:100%;overflow-x:hidden}
.assessment-layout{margin-left:auto;margin-right:auto}
.assessment-box,.result-panel,.profile-box{min-width:0;max-width:100%}
.questions-list fieldset{min-width:0;max-width:100%}
.questions-list legend{max-width:100%;min-width:0}
.rating-row{min-width:0}
.rating-row button{min-width:0;overflow:hidden}
@media(max-width:560px){
  .container,.assessment-layout,.result-grid,.result-hero-inner,.footer-inner{width:calc(100% - 24px)}
  .topline{height:auto;min-height:36px}
  .topline-inner{gap:4px 10px;flex-wrap:wrap;line-height:1.2}
  .nav{width:calc(100% - 24px);gap:8px}
  .nav-cta{white-space:nowrap}
  .assessment-view{padding:24px 0 40px}
  .assessment-box{width:100%;padding:20px 12px;border-radius:16px}
  .question-header{gap:10px}
  .question-header h1{font-size:32px;overflow-wrap:anywhere}
  .questions-list fieldset{padding:14px 10px}
  .questions-list legend{font-size:12px}
  .rating-row{gap:6px}
  .rating-row button{padding:10px 4px}
  .rating-row span{font-size:9px;line-height:1.15}
}
