:root{--navy:#061f39;--navy2:#0b3154;--petrol:#0a5262;--cyan:#14c3d6;--teal:#16a9ad;--white:#fff;--ink:#0a2540;--muted:#63758a;--bg:#f4f8fb;--line:#dce7ef;--green:#1d9d72;--warning:#ffbf47;--shadow:0 18px 50px rgba(5,31,57,.12);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Montserrat,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:#03182b;color:#d8eef4;font-size:13px;padding:8px 0;text-align:center}.navbar{position:sticky;top:0;z-index:50;background:rgba(6,31,57,.97);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{height:52px;width:auto;object-fit:contain}.nav-links{display:flex;align-items:center;gap:22px;color:#eaf6fb;font-size:14px}.nav-links a:hover{color:var(--cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:13px 18px;font-weight:750;border:1px solid transparent;transition:.2s;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--teal));color:#00283a;box-shadow:0 10px 28px rgba(20,195,214,.28)}.btn-primary:hover{transform:translateY(-2px)}.btn-outline{border-color:rgba(255,255,255,.38);color:white;background:rgba(255,255,255,.04)}.btn-dark{background:var(--navy);color:white}.hero{background:radial-gradient(circle at 80% 10%,rgba(20,195,214,.20),transparent 32%),linear-gradient(135deg,#041a30,#082c4a 55%,#075465);color:white;min-height:650px;display:grid;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;position:relative}.eyebrow{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(20,195,214,.12);border:1px solid rgba(20,195,214,.32);color:#7ee9f2;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;margin:18px 0 20px;max-width:860px}.hero p{font-size:19px;color:#d8e9f3;max-width:760px}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-card,.glass{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.hero-card{padding:28px}.metric{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.11)}.metric:last-child{border:0}.metric-icon{width:42px;height:42px;border-radius:12px;background:rgba(20,195,214,.15);display:grid;place-items:center;color:var(--cyan);font-weight:900}.section{padding:86px 0}.section-soft{background:var(--bg)}.section-dark{background:linear-gradient(135deg,#041a30,#0a4058);color:white}.section-title{max-width:780px;margin-bottom:34px}.section-title h2{font-size:clamp(30px,4vw,46px);line-height:1.12;margin:10px 0}.section-title p{color:var(--muted);font-size:18px}.section-dark .section-title p{color:#c9dde7}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 10px 30px rgba(5,31,57,.06)}.card h3{margin:8px 0 10px}.card p{color:var(--muted);margin:0}.icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#d8fbff,#e8f5f8);display:grid;place-items:center;font-size:22px}.stat-band{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat{padding:22px;border-radius:18px;background:white;border:1px solid var(--line)}.stat strong{display:block;font-size:25px;color:var(--navy)}.legal-highlight{border-left:4px solid var(--cyan);padding:22px 24px;background:#eefbfc;border-radius:0 16px 16px 0}.countdown{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.count-box{min-width:94px;padding:18px 12px;text-align:center;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);border-radius:16px}.count-box strong{display:block;font-size:30px;color:#8cf0f7}.riskbar{display:grid;grid-template-columns:1fr 1fr 1fr;border-radius:999px;overflow:hidden;height:16px;background:#dde7ee;margin:20px 0}.riskbar span:nth-child(1){background:#52b788}.riskbar span:nth-child(2){background:#f2c14e}.riskbar span:nth-child(3){background:#e76f51}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}.plan{position:relative}.plan.popular{border:2px solid var(--cyan);transform:translateY(-8px)}.badge{position:absolute;top:14px;right:14px;background:var(--cyan);color:#003847;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900}.price{font-size:38px;font-weight:900;color:var(--navy)}.price small{font-size:14px;color:var(--muted)}.feature-list{list-style:none;padding:0;margin:20px 0}.feature-list li{padding:8px 0;border-bottom:1px solid #edf2f6}.feature-list li:before{content:'✓';color:var(--green);font-weight:900;margin-right:9px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:white}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:15px 16px;border-bottom:1px solid var(--line);text-align:left}th{background:#eff7fa;color:var(--navy)}.form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form input,.form select,.form textarea{width:100%;padding:14px 15px;border:1px solid #cfdae3;border-radius:12px;font:inherit;background:white}.form textarea{min-height:130px;resize:vertical}.notice{font-size:13px;color:var(--muted)}.quiz-q{padding:18px 0;border-bottom:1px solid var(--line)}.quiz-q label{display:block;font-weight:750;margin-bottom:10px}.quiz-actions{display:flex;gap:10px;flex-wrap:wrap}.pill-options{display:flex;gap:10px;flex-wrap:wrap}.pill-options label{font-weight:600;background:#f2f7fa;padding:9px 12px;border-radius:999px;cursor:pointer}.page-hero{padding:92px 0 72px;background:linear-gradient(135deg,#041a30,#0b4961);color:white}.page-hero h1{font-size:clamp(38px,5vw,58px);margin:12px 0}.breadcrumb{font-size:13px;color:#9bdde5}.footer{background:#03182b;color:#c7d9e2;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:30px}.footer h4{color:white;margin:0 0 12px}.footer a{display:block;margin:8px 0;color:#c7d9e2}.footer a:hover{color:var(--cyan)}.footer-logo-card{background:white;border-radius:18px;padding:14px;width:190px}.footer-note{margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#9db3bf}.mobile-toggle{display:none;color:white;font-size:26px;background:none;border:0}
@media(max-width:980px){.nav-links{display:none}.mobile-toggle{display:block}.nav-links.open{display:flex;position:absolute;top:78px;left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;padding:16px 20px 22px;background:rgba(6,31,57,.99);border-bottom:1px solid rgba(255,255,255,.08)}.nav-links.open a{padding:11px 8px;border-radius:8px}.nav-links.open a:hover{background:rgba(255,255,255,.06)}.hero-grid,.grid-4,.plans,.footer-grid{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr}.hero{min-height:auto;padding:80px 0}.plan.popular{transform:none}}
@media(max-width:680px){.container{width:min(100% - 26px,1180px)}.hero-grid,.grid-2,.grid-3,.grid-4,.plans,.stat-band,.footer-grid,.form-grid{grid-template-columns:1fr}.brand img{height:44px;width:auto}.hero h1{font-size:40px}.section{padding:64px 0}.nav-inner{height:68px}}

/* Editorial links and accessible navigation. */
.text-link,.source-note a{color:#087783;text-decoration:underline;text-underline-offset:3px}.card .text-link{display:inline-block;margin-top:18px;font-weight:700}.source-note{color:var(--muted);margin:0 0 26px}.faq-item{border-bottom:1px solid var(--line);padding:20px 0}.faq-item summary{cursor:pointer;font-size:18px;font-weight:700}.faq-item p{max-width:850px}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:white;color:var(--navy);padding:12px 18px}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #0b98a8;outline-offset:4px}
@media(max-width:680px){.nav-links.open{top:68px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

.footer-logo-card img{height:auto}
.grid-2 > *{min-width:0}
.section:not(.section-dark) .count-box{background:var(--bg);border-color:var(--line)}
.section:not(.section-dark) .count-box strong{color:var(--petrol)}
.countdown .legal-highlight{color:var(--ink)}

/* Persona Obligada questionnaire */
/* Keep the navigation CTA readable in normal, hover and mobile states. */
.navbar .nav-links .btn-primary{
  min-height:44px;
  padding:11px 18px;
  border:1px solid #58dde6;
  border-radius:10px;
  background:#25c8d4;
  color:#042b3d;
  box-shadow:0 2px 5px rgba(0,0,0,.12);
  font-size:14px;
  font-weight:700;
  line-height:1.4;
  white-space:nowrap;
  flex-shrink:0;
  transition:background-color .15s,border-color .15s,box-shadow .15s;
}
.navbar .nav-links .btn-primary:hover{
  background:#61dce5;
  border-color:#8ce8ee;
  color:#042b3d;
  box-shadow:0 3px 8px rgba(0,0,0,.16);
  transform:none;
}
.navbar .nav-links .btn-primary:focus-visible{outline:3px solid white;outline-offset:3px}
.navbar .nav-links .btn-primary:active{background:#1bb3bf;box-shadow:none}
@media(max-width:980px){.navbar .nav-links .btn-primary{margin-top:8px}}

#test{scroll-margin-top:100px}
.quiz-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.quiz-intro{position:sticky;top:120px}
.quiz-guide{border-top:1px solid var(--line);padding-top:24px;max-width:380px}
.quiz-guide p,.quiz-guide span{color:var(--muted)}
.quiz-guide span{font-size:13px}
#po-quiz{padding:32px;gap:24px;min-width:0}
.quiz-heading{border-bottom:1px solid var(--line);padding-bottom:22px}
.quiz-heading h3{font-size:24px;margin:0 0 6px}
#quiz-progress{display:inline-block;margin-top:16px;padding:5px 12px;background:#e8f7f8;color:var(--petrol);border-radius:20px;font-size:13px;font-weight:700}
#po-quiz .quiz-q{min-width:0;margin:0;padding:0 0 24px;border:0;border-bottom:1px solid var(--line)}
#po-quiz .quiz-q>label,#po-quiz legend{font-size:16px;line-height:1.5;font-weight:700;margin:0 0 14px;padding:0;width:100%}
.quiz-number{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--petrol);font-size:13px;margin-right:6px}
#po-quiz select{font-size:16px;color:var(--ink);min-height:52px}
#po-quiz .pill-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#po-quiz .pill-options label{display:flex;align-items:center;gap:12px;min-height:54px;padding:12px 16px;margin:0;border:1px solid var(--line);border-radius:12px;background:white;font-weight:600}
#po-quiz .pill-options label:hover{border-color:var(--teal);background:#f4fbfc}
#po-quiz .pill-options label:has(:checked){border-color:var(--petrol);background:#e8f7f8;color:var(--petrol);box-shadow:inset 0 0 0 1px var(--petrol)}
#po-quiz input[type=radio]{width:20px;height:20px;padding:0;margin:0;flex:0 0 20px;accent-color:var(--petrol)}
#po-quiz .btn{font:inherit;font-weight:700}
.quiz-reset{background:white;color:var(--muted);border-color:var(--line)}
.quiz-result{scroll-margin-top:110px;border:1px solid #abd7dd;border-left:4px solid var(--petrol);border-radius:12px;background:#f0fafb;padding:24px}
.quiz-result h3{font-size:21px;margin:0 0 12px}
.quiz-result .notice{display:block;margin-top:14px}
#po-quiz .quiz-help{font-size:14px}
@media(max-width:980px){.quiz-layout{grid-template-columns:1fr;gap:28px}.quiz-intro{position:static}.quiz-guide{max-width:none}.quiz-intro .section-title{margin-bottom:20px}}
@media(max-width:680px){#po-quiz{padding:22px 18px}.quiz-actions .btn{width:100%}}