.mbc-iso2026{
  --bg:#f5f6f8;--paper:#fff;--ink:#1b2b4a;--muted:#667085;--line:#dfe3ea;
  --dark:#20345f;--navy:#20345f;--navy2:#172746;--burgundy:#76263f;--red:#d71920;
  --accent:#d71920;--accent2:#f0b5b8;--blue:#20345f;
  --warning:#c98516;--danger:#b42318;--ok:#18794e;--radius:16px;
  --shadow:0 18px 50px rgba(32,52,95,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Montserrat",Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}
h1,h2,h3,.display{font-family:"Montserrat",Inter,Arial,sans-serif;letter-spacing:-.035em}
a{color:inherit}
button,input{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.top{position:sticky;top:0;z-index:50;background:rgba(16,20,24,.94);backdrop-filter:blur(12px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.topin{height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo{font-weight:800;display:flex;align-items:center;gap:10px}
.logo i{width:11px;height:11px;background:var(--accent);border-radius:50%;display:block}
.logo small{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#8e979f;font-weight:500}
.topcta{border:0;background:var(--accent);color:#101418;font-weight:800;border-radius:10px;padding:10px 15px}
.hero{background:var(--dark);color:#fff;padding:76px 0 82px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;right:-240px;top:-340px;background:radial-gradient(circle,rgba(185,255,44,.15),transparent 68%)}
.grid2{display:grid;grid-template-columns:1.12fr .88fr;gap:55px;align-items:center}
.kicker{text-transform:uppercase;font-size:11px;letter-spacing:.19em;color:#a4adb4;font-weight:700;margin-bottom:18px}
.hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;max-width:850px}
.hero h1 span{color:var(--accent)}
.hero .lead{font-size:18px;color:#c8ced2;max-width:660px;margin-top:22px}
.points{display:grid;gap:10px;margin-top:27px;list-style:none}
.points li{color:#e2e6e8;font-size:14px;display:flex;gap:10px}
.points li:before{content:"✓";color:var(--accent);font-weight:800}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn{border:0;border-radius:11px;padding:14px 20px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.primary{background:var(--accent);color:#101418}
.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}
.preview{background:#171c21;border:1px solid #2b333a;border-radius:20px;padding:22px;box-shadow:var(--shadow)}
.preview h3{font-size:14px;margin-bottom:18px;color:#fff}
.metric{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #2b333a;font-size:13px}
.metric strong{font-family:"Space Grotesk";color:var(--accent)}
.mini{margin-top:20px}
.mini label{display:flex;justify-content:space-between;font-size:11px;color:#9ca5ac;margin-bottom:7px}
.bar{height:7px;background:#2b333a;border-radius:10px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--accent);border-radius:10px}
.notice{background:#fff8e8;border-bottom:1px solid #eed8a5;color:#5f491e;padding:13px 0;font-size:12px}
.legal-note{font-size:11px;line-height:1.6}.legal-note strong{font-weight:800}
section{padding:76px 0}
.section-head{max-width:720px;margin-bottom:35px}
.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-weight:800;margin-bottom:12px}
h2{font-size:clamp(30px,4vw,46px);line-height:1.02}
.lede{color:var(--muted);margin-top:14px;max-width:720px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:20px;min-height:170px}
.card b{font-size:10px;letter-spacing:.14em;color:var(--blue)}
.card h3{font-size:18px;margin:14px 0 8px}
.card p{font-size:13px;color:var(--muted)}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.compare .col{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.compare h3{padding:20px;background:#101418;color:#fff}
.compare .col:nth-child(2) h3{background:var(--accent);color:#101418}
.compare ul{list-style:none;padding:6px 20px 20px}
.compare li{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}
.compare li:last-child{border-bottom:0}
.compare strong{display:block;margin-bottom:3px}
.tool{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}
.toolhead{background:#101418;color:#fff;padding:18px 24px;display:flex;justify-content:space-between;gap:15px;align-items:center}
.toolhead .step{color:var(--accent);font-size:12px;font-weight:800}
.progress{height:4px;background:#e7e9e7}.progress i{display:block;height:100%;background:var(--accent);width:0;transition:width .35s}
.q{padding:34px 30px}
.qnum{font-size:11px;color:var(--blue);font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.q h3{font-size:28px;line-height:1.1;margin:10px 0 8px;max-width:760px}
.q .help{font-size:14px;color:var(--muted);max-width:760px;margin-bottom:22px}
.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.option{background:#f7f8f6;border:1px solid var(--line);border-radius:13px;padding:17px;text-align:left;transition:.16s}
.option:hover{border-color:#9aa39d;transform:translateY(-1px)}
.option.selected{border-color:#4c7430;background:#f3fbdc;box-shadow:inset 0 0 0 1px #789a4d}
.option strong{display:block;font-size:14px}
.option span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px}
.textbtn{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:800}
.result{display:none}
.result.on{display:block}
.resulttop{padding:34px 30px;display:grid;grid-template-columns:260px 1fr;gap:25px;border-bottom:1px solid var(--line)}
.score{text-align:center;background:#f5f7f3;border-radius:18px;padding:24px}
.score .num{font:800 66px/1 "Space Grotesk";letter-spacing:-.07em}
.score small{display:block;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-size:10px;margin-top:7px}
.badge{display:inline-block;margin-top:13px;border-radius:99px;padding:6px 10px;font-size:10px;font-weight:800;text-transform:uppercase}
.badge.ok{background:#dff5ec;color:#196c4e}.badge.mid{background:#fff0d6;color:#8b5a13}.badge.low{background:#fbe0dc;color:#9a3b32}
 .bars{position:relative;display:grid;grid-template-columns:repeat(7,minmax(72px,1fr));gap:12px;align-items:end;margin-top:18px;padding:20px 8px 0 38px;min-height:285px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),rgba(32,52,95,.07) calc(25% - 1px),rgba(32,52,95,.07) 25%)}
.bars:before{content:'100%';position:absolute;left:0;top:14px;font-size:9px;color:var(--muted);font-weight:700}.bars:after{content:'0%';position:absolute;left:0;bottom:-15px;font-size:9px;color:var(--muted);font-weight:700}
.rbar{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0}
.rbar label{order:4;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;font-size:10px;font-weight:800;line-height:1.25;margin-top:9px;min-height:43px;width:100%}
.rbar label b{font-size:10px;color:var(--navy)}
.rbar label small{display:block;font-size:9px;color:var(--muted);font-weight:700;margin-top:2px}
.rbar .barpct{order:1;color:var(--red);font-size:15px;font-weight:900;line-height:1;margin-bottom:7px;min-height:16px}
.rbar .bar{order:2;position:relative;width:min(52px,72%);height:205px;background:#e8ebef;border-radius:10px 10px 4px 4px;overflow:hidden;display:flex;align-items:flex-end;box-shadow:inset 0 0 0 1px rgba(32,52,95,.05)}
.rbar .bar i{display:block;width:100%!important;height:var(--pct,0%);background:linear-gradient(to top,var(--navy2),var(--navy));border-radius:8px 8px 3px 3px;transition:height .7s cubic-bezier(.2,.7,.3,1)}
.verdict{margin:24px 30px;padding:20px;border-left:4px solid var(--accent);background:#f5f7f3;border-radius:0 14px 14px 0;font-size:14px}
.gaps{padding:0 30px 30px}
.gap{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.gap:last-child{border-bottom:0}
.gap .n{font-weight:800;color:var(--danger)}
.gap h4{font-family:"Space Grotesk";font-size:16px}
.gap p{font-size:13px;color:var(--muted);margin-top:3px}
.capture{background:#101418;color:#fff;padding:30px}
.capture h3{font-size:26px}
.capture h3 span{color:var(--accent)}
.capture p{color:#aeb7bd;font-size:13px;margin-top:8px}
.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
.field.full{grid-column:1/-1}
.field label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#8f999f;font-weight:800;display:block;margin-bottom:6px}
.field input{width:100%;background:#1a2025;color:#fff;border:1px solid #303940;border-radius:10px;padding:12px}
.field input:focus{outline:0;border-color:var(--accent)}
.formnote{font-size:10px!important;color:#7d878e!important;margin-top:12px!important}
.done{display:none;text-align:center;background:#101418;color:#fff;padding:42px 30px}
.done.on{display:block}
.done .check{width:60px;height:60px;border-radius:50%;background:var(--accent);display:grid;place-items:center;color:#101418;font-size:28px;margin:0 auto 15px}
.social{display:flex;justify-content:center;gap:10px;margin-top:20px;flex-wrap:wrap}
.social a{border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:9px 12px;text-decoration:none;font-size:12px;color:#dbe0e3}
.faq{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line);padding:17px 0}
summary{cursor:pointer;font-weight:700;font-size:14px;list-style:none;display:flex;justify-content:space-between}
summary:after{content:"+";color:var(--blue);font-size:18px}
details[open] summary:after{content:"−"}
details p{color:var(--muted);font-size:13px;max-width:800px;padding-top:10px}
.footer{background:#101418;color:#89939a;padding:30px 0;font-size:11px;text-align:center}
.footer a{color:#c4cbd0}
.fab{position:fixed;right:20px;bottom:20px;background:#25d366;color:#fff;text-decoration:none;font-weight:800;border-radius:99px;padding:13px 17px;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:60}
@media(max-width:900px){.grid2{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.resulttop{grid-template-columns:1fr}.bars{grid-template-columns:repeat(7,minmax(64px,1fr));gap:8px;padding-left:32px}.rbar .bar{height:185px;width:min(46px,70%)}}
@media(max-width:650px){.wrap{width:min(100% - 26px,1120px)}.topcta{font-size:11px}.hero{padding:55px 0 60px}.hero h1{font-size:44px}.cards,.compare,.options,.fields{grid-template-columns:1fr}.q{padding:25px 18px}.resulttop{padding:25px 18px}.verdict{margin:20px 18px}.gaps{padding:0 18px 25px}.capture{padding:25px 18px}.field.full{grid-column:auto}}

/* ===== MBC BRAND OVERRIDES ===== */
.top{background:var(--navy);border-bottom:3px solid var(--red)}
.topin{height:78px}
.brand-logo{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff;min-width:0}
.brand-logo img{width:132px;height:62px;object-fit:contain;display:block}
.brand-logo span{font-family:Montserrat,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1.2;border-left:1px solid rgba(255,255,255,.22);padding-left:13px}
.brand-logo small{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#d9dfe8;margin-top:4px}
.logo{display:none}
.topcta{background:var(--red);color:#fff;border-radius:5px;text-transform:uppercase;letter-spacing:.04em;font-size:11px}
.hero{background:linear-gradient(135deg,var(--navy) 0%,#263d70 65%,var(--burgundy) 100%)}
.hero:before{background:radial-gradient(circle,rgba(255,255,255,.10),transparent 68%)}
.hero h1 span{color:#fff;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:5px;text-underline-offset:8px}
.primary{background:var(--red);color:#fff;border-radius:5px}
.secondary{border-color:rgba(255,255,255,.45);border-radius:5px}
.kicker,.eyebrow{letter-spacing:.12em}
.card b{color:var(--red)}
.compare h3{background:var(--navy)}
.compare .col:nth-child(2) h3{background:var(--burgundy);color:#fff}
.progress i{background:var(--red)}
.qnum{color:var(--navy)}
.option.selected{border-color:var(--red);background:#fff5f5;box-shadow:inset 0 0 0 1px rgba(215,25,32,.35)}
.option:hover{border-color:var(--red)}
.rbar .bar i{background:linear-gradient(to top,var(--navy2),var(--navy));width:100%!important}
.verdict{border-left-color:var(--red)}
.capture{background:var(--navy)}
.capture h3 span{color:#fff;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:3px;text-underline-offset:5px}
.social a:hover{border-color:var(--red)}
.fab{background:#25d366}

.transition-banner-section{background:#f3f5f7;padding:34px 0 38px}.transition-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;border:1px solid rgba(32,52,95,.18);border-left:6px solid var(--red);border-radius:18px;background:linear-gradient(135deg,#20345f 0%,#172746 65%,#76263f 100%);color:#fff;text-decoration:none;box-shadow:0 16px 35px rgba(16,20,24,.14);transition:transform .2s ease,box-shadow .2s ease}.transition-banner:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(16,20,24,.2)}.transition-banner .eyebrow{color:#fff;opacity:.72}.transition-banner h2{margin:6px 0 8px;font-size:clamp(25px,3vw,38px);line-height:1.08}.transition-banner p{margin:0;color:#dfe5eb;font-size:16px}.transition-banner-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;padding:14px 20px;border-radius:999px;background:var(--red);font-weight:800;white-space:nowrap}.transition-banner-cta b{font-size:22px;line-height:1}.transition-banner-copy{max-width:760px}@media(max-width:720px){.transition-banner{flex-direction:column;align-items:flex-start;padding:26px 24px}.transition-banner-cta{width:100%;justify-content:center}}
.contact-band{background:#f0f2f5;padding:55px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.contact-band h2{font-size:clamp(28px,3vw,42px);color:var(--navy)}
.contact-band p{color:var(--muted);margin-top:9px;font-size:14px}
.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.contact-actions a{background:#fff;border:1px solid var(--line);border-radius:8px;padding:13px 15px;text-decoration:none;font-size:12px;font-weight:700;color:var(--navy);transition:.15s}
.contact-actions a:hover{border-color:var(--red);color:var(--red);transform:translateY(-1px)}


.footer{background:var(--navy);color:#c4ccda;border-top:4px solid var(--red)}
.footer a{color:#fff}
@media(max-width:650px){.brand-logo img{width:100px;height:55px}.brand-logo span{font-size:10px}.topcta{padding:9px 10px;font-size:9px}.contact-grid{grid-template-columns:1fr}.contact-actions{grid-template-columns:1fr}}

@media(max-width:650px){.chart-wrap{min-width:0}.chart-note{font-size:11px}.bars{overflow-x:auto;grid-template-columns:repeat(7,72px);gap:8px;min-height:255px;height:255px;padding:16px 8px 0 30px;margin-right:-4px}.rbar .bar{height:165px;width:40px}.rbar label{font-size:9px;min-height:46px}.rbar label b{font-size:9px}.rbar label small{font-size:8px}.rbar .barpct{font-size:14px}.resulttop{overflow:hidden}}}
.mbc-iso2026{all:initial;display:block;width:100%;font-family:Montserrat,Inter,Arial,sans-serif;color:#1b2b4a;line-height:1.55;background:#f5f6f8;text-align:left;}
.mbc-iso2026 *,.mbc-iso2026 *::before,.mbc-iso2026 *::after{box-sizing:border-box;}
.mbc-iso2026 img{max-width:100%;height:auto;}
.mbc-iso2026 button,.mbc-iso2026 input,.mbc-iso2026 textarea{font-family:inherit;}
.mbc-iso2026 a{text-decoration:inherit;}


/* ===== v1.2 DIVI HARDENING =====
   Explicit colors override Divi global heading/text rules on dark sections.
*/
.mbc-iso2026 .hero,
.mbc-iso2026 .hero .wrap,
.mbc-iso2026 .hero .grid2{color:#fff!important;}
.mbc-iso2026 .hero h1,
.mbc-iso2026 .hero h2,
.mbc-iso2026 .hero h3,
.mbc-iso2026 .hero h4,
.mbc-iso2026 .hero h5,
.mbc-iso2026 .hero h6{color:#fff!important;}
.mbc-iso2026 .hero .kicker{color:#cbd4e2!important;}
.mbc-iso2026 .hero .lead,
.mbc-iso2026 .hero p,
.mbc-iso2026 .hero li{color:#e3e8f0!important;}
.mbc-iso2026 .hero strong{color:#fff!important;}
.mbc-iso2026 .hero .preview,
.mbc-iso2026 .hero .preview *{color:inherit;}
.mbc-iso2026 .hero .preview h3{color:#fff!important;}
.mbc-iso2026 .hero .preview .metric-label,
.mbc-iso2026 .hero .preview small{color:#c5ccd5!important;}
.mbc-iso2026 .hero .preview .metric-value{color:#ef1f2f!important;}

/* Keep diagnostic question content legible even when Divi applies global typography. */
.mbc-iso2026 #questionBox,
.mbc-iso2026 #questionBox .q{color:#1b2b4a!important;}
.mbc-iso2026 #qtitle{display:block!important;color:#1b2b4a!important;opacity:1!important;visibility:visible!important;}
.mbc-iso2026 #qhelp{display:block!important;color:#647086!important;opacity:1!important;visibility:visible!important;}
.mbc-iso2026 #options{display:grid!important;opacity:1!important;visibility:visible!important;}
.mbc-iso2026 .option{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:6px!important;color:#1b2b4a!important;background:#fff!important;opacity:1!important;visibility:visible!important;}
.mbc-iso2026 .option strong{display:block!important;width:100%!important;color:#1b2b4a!important;line-height:1.3!important;margin:0!important;}
.mbc-iso2026 .option span{display:block!important;width:100%!important;color:#647086!important;line-height:1.45!important;margin:0!important;}


/* ===== v1.3 DIVI DARK-SECTION COLOR FIXES =====
   Divi can apply global heading colors with higher specificity. These rules
   explicitly lock the intended contrast for the transition plan and CTA banner.
*/
.mbc-iso2026 .transition-plan,
.mbc-iso2026 .transition-plan .wrap,
.mbc-iso2026 .transition-plan .section-head,
.mbc-iso2026 .transition-plan .cards,
.mbc-iso2026 .transition-plan .card{color:#fff!important;}
.mbc-iso2026 .transition-plan h1,
.mbc-iso2026 .transition-plan h2,
.mbc-iso2026 .transition-plan h3,
.mbc-iso2026 .transition-plan h4,
.mbc-iso2026 .transition-plan h5,
.mbc-iso2026 .transition-plan h6{color:#fff!important;}
.mbc-iso2026 .transition-plan .eyebrow{color:#9aa5ad!important;}
.mbc-iso2026 .transition-plan .lede{color:#c3cbd1!important;}
.mbc-iso2026 .transition-plan .card h3{color:#fff!important;}
.mbc-iso2026 .transition-plan .card p{color:#aeb8c1!important;}
.mbc-iso2026 .transition-plan .card b{color:var(--red)!important;}

.mbc-iso2026 .transition-banner,
.mbc-iso2026 .transition-banner:link,
.mbc-iso2026 .transition-banner:visited,
.mbc-iso2026 .transition-banner:hover,
.mbc-iso2026 .transition-banner:focus{color:#fff!important;}
.mbc-iso2026 .transition-banner .transition-banner-copy,
.mbc-iso2026 .transition-banner .transition-banner-copy *{color:#fff!important;}
.mbc-iso2026 .transition-banner .eyebrow{color:#d7deea!important;opacity:1!important;}
.mbc-iso2026 .transition-banner h2{color:#fff!important;}
.mbc-iso2026 .transition-banner p{color:#e3e8f0!important;}
.mbc-iso2026 .transition-banner-cta,
.mbc-iso2026 .transition-banner-cta *{color:#fff!important;}


/* ===== v1.4 RESPONSE LAYOUT FIX =====
   Keeps each answer title on the first line and its explanatory text below,
   even when Divi applies button flex/layout rules. */
.mbc-iso2026 #options .option{
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.mbc-iso2026 #options .option > strong,
.mbc-iso2026 #options .option > span{
  display:block!important;
  width:100%!important;
  flex:none!important;
}

/* v1.6 — contraste reforzado para formularios y confirmación dentro de Divi */
.mbc-iso2026 .capture h3,
.mbc-iso2026 .capture h3 *,
.mbc-iso2026 .done h3,
.mbc-iso2026 .done h3 *{color:#fff!important;}
.mbc-iso2026 .capture>p,
.mbc-iso2026 .done>p{color:#dfe5eb!important;}
.mbc-iso2026 .capture .formnote{color:#aeb7c6!important;}
.mbc-iso2026 .capture label{color:#c7ced8!important;}
.mbc-iso2026 .done .check{color:#101418!important;background:var(--red)!important;}