/* Diagnóstico Web Express 2026 */
.diagnostico-modern{--dx-bg:#f4f2ec;--dx-paper:#fffef9;--dx-ink:#11141b;--dx-muted:#676d77;--dx-dark:#11141b;--dx-dark-2:#191e28;--dx-line:rgba(17,20,27,.12);--dx-line-dark:rgba(255,255,255,.12);--dx-lime:#caff5c;--dx-violet:#8b7cff;--dx-cyan:#6bdcff;--dx-coral:#ff806a;--dx-radius-sm:14px;--dx-radius-md:24px;--dx-radius-lg:36px;--dx-shadow:0 28px 80px rgba(21,25,35,.13);--max-w:1180px;background:var(--dx-bg);color:var(--dx-ink)}
.diagnostico-modern::before{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.02;background-image:linear-gradient(rgba(0,0,0,.92) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.92) 1px,transparent 1px);background-size:5px 5px;mix-blend-mode:multiply}
.diagnostico-modern main{overflow:hidden}.diagnostico-modern .container{max-width:var(--max-w)}
.diagnostico-modern a:focus-visible,.diagnostico-modern button:focus-visible{outline:3px solid var(--dx-lime);outline-offset:4px}
.diagnostico-modern .nav{top:14px}.diagnostico-modern .nav.scrolled{top:8px}
.dx-section{padding:clamp(5rem,9vw,8.5rem) 0}.dx-kicker{margin:0 0 .8rem;font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:#6656e6}.dx-section-head,.dx-split-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(2rem,6vw,5rem);align-items:end;margin-bottom:clamp(2.5rem,5vw,4rem)}.dx-section-head h2,.dx-split-head h2,.dx-report-copy h2,.dx-fit-grid h2,.dx-buy-copy h2,.dx-faq-intro h2,.dx-final h2{margin:0;font-family:var(--font-display);font-size:clamp(2.7rem,5.4vw,5.25rem);line-height:.96;letter-spacing:-.067em}.dx-section-head>p,.dx-split-head>p,.dx-report-copy>p,.dx-buy-copy>p,.dx-faq-intro>p{margin:0;color:var(--dx-muted);line-height:1.8}.dx-section-head-dark h2{color:#fff}.dx-section-head-dark>p{color:rgba(255,255,255,.62)}.dx-section-head-dark .dx-kicker{color:var(--dx-lime)}
.dx-button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:50px;padding:0 1.35rem;border:1px solid transparent;border-radius:999px;font-size:.9rem;font-weight:850;line-height:1;transition:.2s ease}.dx-button:hover{transform:translateY(-2px)}.dx-button-accent{background:var(--dx-lime);color:var(--dx-ink);box-shadow:0 16px 38px rgba(202,255,92,.18)}.dx-button-accent:hover{background:#dfff96}.dx-button-ghost{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff}.dx-button-ghost:hover{background:rgba(255,255,255,.11)}.dx-button-full{width:100%}
.dx-hero{position:relative;min-height:850px;display:flex;flex-direction:column;justify-content:center;padding:9.3rem 0 2rem;background:linear-gradient(180deg,rgba(17,20,27,.995),rgba(17,20,27,.97));isolation:isolate}.dx-hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}.dx-orb{position:absolute;border-radius:50%;filter:blur(8px);pointer-events:none;z-index:-1}.dx-orb-one{width:650px;height:650px;right:-160px;top:-100px;background:radial-gradient(circle,rgba(139,124,255,.28),transparent 68%)}.dx-orb-two{width:460px;height:460px;left:-180px;bottom:-180px;background:radial-gradient(circle,rgba(107,220,255,.16),transparent 68%)}.dx-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(3rem,6vw,5.4rem);align-items:center}.dx-eyebrow{width:max-content;display:flex;align-items:center;gap:.7rem;margin:0 0 1.45rem;padding:.54rem .8rem;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.68);font-size:.76rem;font-weight:750}.dx-eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--dx-lime);box-shadow:0 0 0 5px rgba(202,255,92,.13)}.dx-hero h1{margin:0 0 1.55rem;font-family:var(--font-display);font-size:clamp(3.65rem,6.45vw,6.7rem);line-height:.9;letter-spacing:-.08em;color:#fff}.dx-hero h1 em{font-style:normal;color:var(--dx-lime);position:relative}.dx-hero h1 em::after{content:"";position:absolute;left:.02em;right:.02em;bottom:-.05em;height:.05em;border-radius:999px;background:currentColor}.dx-hero-lead{max-width:650px;margin:0 0 2rem;color:rgba(255,255,255,.64);font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.78}.dx-hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2.1rem}.dx-hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;list-style:none;border-top:1px solid rgba(255,255,255,.12);padding-top:1.35rem}.dx-hero-facts li{padding-right:1rem}.dx-hero-facts strong,.dx-hero-facts span{display:block}.dx-hero-facts strong{color:#fff;font-size:.83rem}.dx-hero-facts span{margin-top:.2rem;color:rgba(255,255,255,.4);font-size:.72rem;line-height:1.4}
.dx-scanner-stage{position:relative;min-height:590px;display:flex;align-items:center;justify-content:center}.dx-scanner-glow{position:absolute;width:110%;height:90%;background:radial-gradient(circle,rgba(139,124,255,.22),transparent 62%);filter:blur(18px)}.dx-browser{position:relative;width:100%;max-width:530px;padding:1rem;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:rgba(255,255,255,.065);box-shadow:0 45px 110px rgba(0,0,0,.38);backdrop-filter:blur(18px);overflow:hidden}.dx-browser-top{display:flex;align-items:center;gap:.8rem;padding:.2rem .25rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.48);font-size:.68rem}.dx-browser-dots{display:flex;gap:.3rem}.dx-browser-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.25)}.dx-browser-url{flex:1;padding:.5rem .75rem;border-radius:999px;background:rgba(0,0,0,.2)}.dx-live{display:flex;align-items:center;gap:.35rem;color:rgba(255,255,255,.65)}.dx-live i{width:6px;height:6px;border-radius:50%;background:var(--dx-lime);box-shadow:0 0 0 4px rgba(202,255,92,.1)}.dx-scan-summary{display:flex;align-items:center;justify-content:space-between;padding:1.5rem .25rem 1rem}.dx-scan-summary span,.dx-scan-summary strong{display:block}.dx-scan-summary>div span{color:rgba(255,255,255,.45);font-size:.72rem}.dx-scan-summary>div strong{color:#fff;font-size:1rem;margin-top:.2rem}.dx-score{font-size:2rem!important;line-height:1;color:#fff!important}.dx-score span{display:inline!important;font-size:.65rem;color:rgba(255,255,255,.35)!important}.dx-scan-track{height:5px;margin:0 .25rem 1.2rem;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.dx-scan-track span{display:block;width:64%;height:100%;background:linear-gradient(90deg,var(--dx-lime),var(--dx-cyan));border-radius:inherit}.dx-scan-grid{display:grid;gap:.65rem}.dx-scan-item{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.8rem;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(10,12,17,.28)}.dx-scan-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:.66rem;font-weight:800}.dx-scan-item small,.dx-scan-item strong{display:block}.dx-scan-item small{color:rgba(255,255,255,.4);font-size:.64rem}.dx-scan-item strong{color:#fff;font-size:.79rem}.dx-scan-item b{font-size:.6rem;padding:.34rem .5rem;border-radius:999px}.dx-scan-critical b{background:rgba(255,128,106,.14);color:#ff9c8b}.dx-scan-warning b{background:rgba(139,124,255,.15);color:#b9afff}.dx-scan-good b{background:rgba(202,255,92,.12);color:var(--dx-lime)}.dx-scan-line{position:absolute;left:0;right:0;top:20%;height:2px;background:linear-gradient(90deg,transparent,var(--dx-lime),transparent);box-shadow:0 0 22px rgba(202,255,92,.7);animation:dxScan 4.5s ease-in-out infinite}.dx-floating-note{position:absolute;z-index:2;width:190px;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(25,30,40,.94);box-shadow:0 18px 50px rgba(0,0,0,.28);color:#fff}.dx-floating-note span{display:block;margin-bottom:.25rem;color:var(--dx-lime);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.dx-floating-note strong{font-size:.76rem;line-height:1.45}.dx-note-one{left:-42px;top:17%}.dx-note-two{right:-35px;bottom:10%}.dx-breadcrumb{display:flex;gap:.55rem;margin-top:3rem;padding-bottom:.4rem;color:rgba(255,255,255,.35);font-size:.72rem}.dx-breadcrumb a:hover{color:#fff}@keyframes dxScan{0%,100%{top:22%;opacity:.3}50%{top:83%;opacity:1}}
.dx-intro{background:var(--dx-paper)}.dx-proof-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--dx-line);border-radius:20px;overflow:hidden}.dx-proof-strip span{padding:1.1rem;text-align:center;font-size:.82rem;font-weight:750;border-right:1px solid var(--dx-line)}.dx-proof-strip span:last-child{border:0}
.dx-bento-section{background:var(--dx-dark)}.dx-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.dx-bento-card{grid-column:span 4;min-height:290px;padding:1.6rem;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:var(--dx-dark-2);color:#fff;position:relative;overflow:hidden}.dx-bento-card .dx-card-index{display:inline-flex;margin-bottom:2.4rem;color:rgba(255,255,255,.35);font-size:.7rem;font-weight:850}.dx-bento-card>p,.dx-bento-card>div>p:first-child{margin:0 0 .55rem;color:var(--dx-lime);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.dx-bento-card h3{margin:0 0 .8rem;font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2.2rem);line-height:1.06;letter-spacing:-.045em}.dx-bento-card p:last-child{color:rgba(255,255,255,.55);font-size:.88rem;line-height:1.65}.dx-bento-wide{grid-column:span 8;display:grid;grid-template-columns:1fr .8fr;gap:2rem}.dx-card-lime{background:var(--dx-lime);color:var(--dx-ink)}.dx-card-lime>p,.dx-card-lime .dx-card-index{color:#43531d}.dx-card-lime p:last-child{color:rgba(17,20,27,.7)}.dx-card-violet{background:linear-gradient(145deg,#7768ed,#978bff)}.dx-card-violet>p{color:#fff}.dx-bento-tall{min-height:380px}.dx-mini-map{align-self:end;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;position:relative}.dx-mini-map i{height:62px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.05)}.dx-mini-map i:first-child{grid-column:1/-1;height:86px}.dx-mini-map span{position:absolute;left:12%;right:15%;top:36%;height:2px;background:var(--dx-lime);box-shadow:0 0 15px rgba(202,255,92,.6)}.dx-phone{position:absolute;right:1.5rem;bottom:-55px;width:140px;height:250px;border:8px solid rgba(255,255,255,.13);border-radius:30px;padding:12px;transform:rotate(8deg)}.dx-phone div{height:100%;border-radius:18px;background:rgba(255,255,255,.05);padding:12px}.dx-phone span,.dx-phone i{display:block;border-radius:6px;background:rgba(255,255,255,.1)}.dx-phone span{height:60px;margin-bottom:10px}.dx-phone i{height:10px;margin:8px 0}.dx-phone i:nth-child(2){width:70%}.dx-phone i:nth-child(3){width:90%}.dx-phone i:nth-child(4){width:55%;background:var(--dx-lime)}
.dx-report-section{background:var(--dx-paper)}.dx-report-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,7rem);align-items:center}.dx-check-list{display:grid;gap:.8rem;margin:2rem 0 0;padding:0;list-style:none}.dx-check-list li{position:relative;padding-left:1.55rem;color:#414752}.dx-check-list li::before{content:"✓";position:absolute;left:0;color:#6656e6;font-weight:900}.dx-report-preview{position:relative;min-height:610px;display:grid;place-items:center}.dx-paper{position:absolute;width:min(420px,85%);aspect-ratio:.72;border-radius:10px;background:#fff;box-shadow:0 30px 80px rgba(17,20,27,.18)}.dx-paper-back{transform:rotate(7deg) translate(30px,-4px);background:#dcd7ff}.dx-paper-main{padding:2rem;transform:rotate(-3deg)}.dx-paper-main header,.dx-paper-main footer{display:flex;justify-content:space-between;color:#6d7280;font-size:.58rem;font-weight:800;letter-spacing:.08em}.dx-paper-title{margin-top:4rem}.dx-paper-title p{font-size:.58rem;font-weight:850;color:#6656e6;letter-spacing:.12em}.dx-paper-title h3{margin:.55rem 0;font-family:var(--font-display);font-size:2.3rem;line-height:1;letter-spacing:-.06em}.dx-paper-score{display:flex;align-items:center;gap:1rem;margin:2.2rem 0;padding:1rem;border-radius:14px;background:#11141b;color:#fff}.dx-paper-score strong{font-size:2.7rem;color:var(--dx-lime)}.dx-paper-score span{font-size:.68rem;line-height:1.5}.dx-paper-score b{color:rgba(255,255,255,.55)}.dx-paper-bars{display:grid;gap:.65rem}.dx-paper-bars i{display:block;width:var(--w);height:8px;border-radius:99px;background:#d7d9df}.dx-paper-bars i:first-child{background:var(--dx-lime)}.dx-paper-main footer{position:absolute;left:2rem;right:2rem;bottom:2rem}.dx-report-tag{position:absolute;right:-5px;bottom:72px;width:220px;padding:1rem;border-radius:16px;background:#11141b;color:#fff;box-shadow:0 24px 60px rgba(17,20,27,.24)}.dx-report-tag span{display:block;margin-bottom:.35rem;color:var(--dx-lime);font-size:.61rem;font-weight:850;text-transform:uppercase}.dx-report-tag strong{font-size:.8rem;line-height:1.5}
.dx-method-section{background:#e9e5ff}.dx-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.dx-method-grid article{padding:1.7rem;border:1px solid rgba(17,20,27,.12);border-radius:22px;background:rgba(255,255,255,.52)}.dx-method-grid span{display:inline-flex;margin-bottom:2rem;padding:.4rem .6rem;border-radius:999px;background:#11141b;color:#fff;font-size:.65rem;font-weight:850;text-transform:uppercase}.dx-method-grid h3{margin:0 0 1rem;font-family:var(--font-display);font-size:1.65rem;line-height:1.12;letter-spacing:-.04em}.dx-method-grid p{margin:0;color:#626875;font-size:.88rem;line-height:1.65}
.dx-fit-section{background:var(--dx-dark);color:#fff}.dx-fit-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,7rem);align-items:start}.dx-fit-grid .dx-kicker{color:var(--dx-lime)}.dx-fit-list{display:grid}.dx-fit-list article{display:grid;grid-template-columns:55px 1fr;gap:1rem;padding:1.35rem 0;border-bottom:1px solid rgba(255,255,255,.12)}.dx-fit-list span{color:var(--dx-lime);font-size:.72rem;font-weight:850}.dx-fit-list p{margin:0;color:rgba(255,255,255,.72);font-size:1.03rem;line-height:1.55}
.dx-buy-section{background:var(--dx-bg)}.dx-buy-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:clamp(3rem,8vw,7rem);align-items:start}.dx-delivery{margin-top:3rem}.dx-delivery>span{font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.dx-delivery ol{margin:1rem 0 0;padding:0;list-style:none}.dx-delivery li{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--dx-line);color:#4d535e}.dx-delivery b{color:#6656e6}.dx-price-card{position:sticky;top:110px;padding:2rem;border-radius:28px;background:var(--dx-dark);color:#fff;box-shadow:var(--dx-shadow)}.dx-price-card>p:first-child{color:var(--dx-lime);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.dx-price{margin:1.2rem 0}.dx-price span,.dx-price small{display:block;color:rgba(255,255,255,.42);font-size:.72rem}.dx-price strong{display:block;font-family:var(--font-display);font-size:3.2rem;line-height:1;letter-spacing:-.06em}.dx-price-note{color:rgba(255,255,255,.55);font-size:.83rem;line-height:1.65}.dx-price-card ul{display:grid;gap:.7rem;margin:1.5rem 0;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);list-style:none}.dx-price-card li{font-size:.84rem}.dx-price-card li::before{content:"✓";color:var(--dx-lime);margin-right:.6rem}.dx-price-card>small{display:block;margin-top:.8rem;text-align:center;color:rgba(255,255,255,.38)}
.dx-faq-section{background:var(--dx-paper)}.dx-faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,8vw,7rem);align-items:start}.dx-faq-list{border-top:1px solid var(--dx-line)}.diagnostico-modern .faq-item{border-bottom:1px solid var(--dx-line);background:transparent}.diagnostico-modern .faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 0;border:0;background:transparent;color:var(--dx-ink);font-family:var(--font-display);font-size:1.12rem;font-weight:750;text-align:left;cursor:pointer}.diagnostico-modern .faq-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#eeebff;color:#6656e6;transition:transform .2s}.diagnostico-modern .faq-a{display:none;padding:0 3.5rem 1.4rem 0;color:var(--dx-muted);line-height:1.75}.diagnostico-modern .faq-item.open .faq-a{display:block}.diagnostico-modern .faq-item.open .faq-icon{transform:rotate(45deg)}
.dx-final{padding:0 0 clamp(5rem,8vw,8rem);background:var(--dx-paper)}.dx-final-panel{padding:clamp(2.5rem,7vw,6rem);border-radius:36px;background:radial-gradient(circle at 90% 0,rgba(139,124,255,.27),transparent 35rem),var(--dx-dark);color:#fff;text-align:center}.dx-final .dx-kicker{color:var(--dx-lime)}.dx-final h2{max-width:850px;margin-inline:auto}.dx-final p:not(.dx-kicker){max-width:650px;margin:1.2rem auto 2rem;color:rgba(255,255,255,.6);font-size:1.05rem}.dx-final>div>div{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}
.diagnostico-modern .footer{background:#0b0d12}
@media(max-width:980px){.dx-hero{min-height:auto}.dx-hero-grid,.dx-report-grid,.dx-fit-grid,.dx-buy-grid,.dx-faq-grid{grid-template-columns:1fr}.dx-scanner-stage{min-height:560px}.dx-note-one{left:0}.dx-note-two{right:0}.dx-bento-card{grid-column:span 6}.dx-bento-wide{grid-column:span 12}.dx-buy-grid{max-width:760px}.dx-price-card{position:relative;top:auto}.dx-faq-intro{max-width:600px}}
@media(max-width:720px){.dx-section{padding:4.6rem 0}.dx-section-head,.dx-split-head{grid-template-columns:1fr;gap:1.3rem}.dx-hero{padding-top:8rem}.dx-hero h1{font-size:clamp(3.2rem,15vw,5rem)}.dx-hero-facts{grid-template-columns:1fr;gap:.8rem}.dx-hero-facts li{display:grid;grid-template-columns:120px 1fr;align-items:center}.dx-scanner-stage{min-height:490px}.dx-floating-note{display:none}.dx-browser{padding:.8rem;border-radius:22px}.dx-scan-item{grid-template-columns:auto 1fr}.dx-scan-item b{display:none}.dx-proof-strip{grid-template-columns:1fr}.dx-proof-strip span{border-right:0;border-bottom:1px solid var(--dx-line)}.dx-proof-strip span:last-child{border:0}.dx-bento{grid-template-columns:1fr}.dx-bento-card,.dx-bento-wide{grid-column:auto}.dx-bento-wide{grid-template-columns:1fr}.dx-mini-map{display:none}.dx-method-grid{grid-template-columns:1fr}.dx-report-preview{min-height:520px}.dx-report-tag{right:0}.dx-paper{width:82%}.dx-paper-title h3{font-size:1.8rem}.dx-fit-list article{grid-template-columns:38px 1fr}.dx-buy-grid{grid-template-columns:1fr}.dx-price-card{padding:1.5rem}.dx-final-panel{border-radius:24px}.dx-note-one,.dx-note-two{display:none}}
@media(prefers-reduced-motion:reduce){.dx-scan-line{animation:none;top:64%}.dx-button{transition:none}}


/* Migrated embedded landing styles - 2026-08-05 */
/* Critical CSS — above the fold */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#1a1a2e;--navy-mid:#252540;--cream:#f0ede8;--cream-warm:#f5f3ef;
  --violet:#7c6af7;--violet-dim:#e8e4fc;--violet-dark:#4b3fcf;
  --green:#a7b59b;--text:#1f1f1f;--text-mid:#4a4a52;--white:#ffffff;
  --border:rgba(0,0,0,.09);--border-inv:rgba(255,255,255,.12);
  --font-display:'Plus Jakarta Sans',sans-serif;
  --font-body:'Inter',system-ui,-apple-system,sans-serif;
  --font-script:'Caveat',cursive;
  --r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:32px;--r-2xl:48px;--max-w:1100px;
}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);font-size:16px;color:var(--text);background:var(--cream);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.6}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,2.5rem)}
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;background:rgba(26,26,46,.96);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--border-inv);transition:background .3s,box-shadow .3s,padding .3s}
.nav.scrolled{background:rgba(26,26,46,.98);box-shadow:0 10px 30px rgba(0,0,0,.12),0 1px 0 var(--border-inv);padding:.75rem 0}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.nav-logo{display:flex;align-items:center;gap:.65rem;font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:var(--white);letter-spacing:-.02em}
.nav-logo img{width:170px;height:auto;display:block}
@media(max-width:480px){.nav-logo img{width:136px}}
.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}
.nav-links a{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.72);transition:color .15s}
.nav-burger{display:none;background:none;border:none;cursor:pointer;color:var(--white);padding:.25rem}
@media(max-width:820px){.nav-links,.nav-cta-desktop,.nav-cta{display:none}.nav-burger{display:block}}
.btn{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-body);font-weight:600;font-size:.9rem;padding:.8rem 1.6rem;border-radius:999px;cursor:pointer;border:none;transition:all .2s ease;white-space:nowrap;line-height:1}
.btn-primary{background:var(--violet);color:var(--white);box-shadow:0 12px 32px rgba(124,106,247,.3)}
.skip-link{position:absolute;top:-100px;left:16px;z-index:999;background:var(--violet);color:white;padding:10px 16px;border-radius:10px;font-weight:600}
.skip-link:focus{top:16px}

/* --- */

.hero {
  background: var(--navy);
  padding: 8rem 0 5rem;
  position: relative; overflow: hidden;
  min-height: 92vh;
  display: flex; align-items: center;
}
.hero::before {
  content: '';
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 55% 60% at 75% 35%, rgba(124,106,247,.16) 0%, transparent 70%),
    radial-gradient(ellipse 35% 50% at 15% 75%, rgba(75,63,207,.1) 0%, transparent 60%);
  pointer-events: none;
}

.hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
  position: relative; z-index: 1;
  width: 100%;
}

/* ── Staggered reveal ─────────────────────────────────── */
.reveal {
  opacity: 0;
  transform: translateY(16px);
  animation: revealUp .55s cubic-bezier(.22,.68,0,1.2) forwards;
}
@keyframes revealUp {
  to { opacity: 1; transform: translateY(0); }
}
.reveal-1  { animation-delay: .05s; }
.reveal-2  { animation-delay: .15s; }
.reveal-3  { animation-delay: .28s; }
.reveal-4  { animation-delay: .42s; }
.reveal-5  { animation-delay: .56s; }
.reveal-6  { animation-delay: .70s; }
.reveal-7  { animation-delay: .84s; }

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; animation: none; }
}

/* Hero content */
.hero-eyebrow {
  display: flex; align-items: center; gap: .75rem;
  margin-bottom: 1.25rem;
}
.hero-eyebrow-line { width: 24px; height: 1.5px; background: var(--violet); }
.hero-h1 {
  font-family: var(--font-display);
  font-size: clamp(1.9rem, 4vw, 3rem);
  font-weight: 800; font-style: italic;
  line-height: 1.1; letter-spacing: -.025em;
  color: var(--white); margin-bottom: 1.25rem;
}
.hero-h1 em { font-style: normal; color: #b8aef9; }

.hero-sub {
  font-size: clamp(.92rem, 1.6vw, 1.05rem);
  line-height: 1.72; color: rgba(255,255,255,.6);
  max-width: 460px; margin-bottom: 2rem;
}

.hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-bottom: 2rem; }

.hero-firma {
  display: flex; align-items: center; gap: .875rem;
  padding-top: 1.5rem; border-top: 1px solid var(--border-inv);
}
.hero-avatar {
  width: 42px; height: 42px; border-radius: 50%; flex-shrink: 0;
  background: linear-gradient(135deg, var(--violet), var(--violet-dark));
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-weight: 800; font-size: .85rem;
  color: var(--white); border: 2px solid rgba(255,255,255,.14);
}
.hero-firma-text {
  font-size: .8rem; line-height: 1.55; color: rgba(255,255,255,.5);
}
.hero-firma-text strong {
  display: block; color: rgba(255,255,255,.85);
  font-weight: 500; font-size: .85rem; margin-bottom: .08rem;
}

/* ── ESCÁNER ANIMADO ───────────────────────────────────── */
.scanner-wrap {
  display: flex; justify-content: center; align-items: center;
}

.scanner-card {
  width: 100%; max-width: 360px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--r-lg);
  padding: 1.5rem;
  backdrop-filter: blur(8px);
  opacity: 0;
  animation: revealUp .6s .9s cubic-bezier(.22,.68,0,1.2) forwards;
}

/* URL bar */
.scanner-url-bar {
  display: flex; align-items: center; gap: .6rem;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--r-sm);
  padding: .55rem .875rem;
  margin-bottom: 1.25rem;
}
.scanner-dot {
  width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0;
}
.scanner-dot-r { background: #f87171; }
.scanner-dot-y { background: #fbbf24; }
.scanner-dot-g { background: #4ade80; }
.scanner-url-text {
  font-size: .75rem; color: rgba(255,255,255,.4);
  font-family: var(--font-body); flex: 1;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* Progress bar */
.scanner-progress-label {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: .4rem;
}
.scanner-progress-label span {
  font-size: .72rem; color: rgba(255,255,255,.4);
}
.scanner-progress-label strong {
  font-size: .72rem; color: #b8aef9; font-weight: 600;
}
.scanner-bar-track {
  height: 4px; background: rgba(255,255,255,.08);
  border-radius: 999px; margin-bottom: 1.25rem; overflow: hidden;
}
.scanner-bar-fill {
  height: 100%; border-radius: 999px;
  background: linear-gradient(90deg, var(--violet), #b8aef9);
  width: 0%;
  animation: scanProgress 3.6s 1.2s cubic-bezier(.4,0,.2,1) forwards,
             scanLoop 3.6s 4.8s cubic-bezier(.4,0,.2,1) infinite;
}
@keyframes scanProgress {
  0%   { width: 0%; }
  20%  { width: 22%; }
  40%  { width: 45%; }
  60%  { width: 63%; }
  80%  { width: 81%; }
  100% { width: 100%; }
}
@keyframes scanLoop {
  0%   { width: 0%; opacity: 1; }
  85%  { width: 100%; opacity: 1; }
  90%  { width: 100%; opacity: 0; }
  95%  { width: 0%; opacity: 0; }
  100% { width: 0%; opacity: 1; }
}

/* Check items */
.scanner-items { display: flex; flex-direction: column; gap: .6rem; }

.scanner-item {
  display: flex; align-items: center; gap: .75rem;
  padding: .65rem .875rem;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: var(--r-sm);
  opacity: 0;
}
.scanner-item:nth-child(1) { animation: itemReveal .4s 1.8s ease forwards; }
.scanner-item:nth-child(2) { animation: itemReveal .4s 2.3s ease forwards; }
.scanner-item:nth-child(3) { animation: itemReveal .4s 2.8s ease forwards; }
.scanner-item:nth-child(4) { animation: itemReveal .4s 3.3s ease forwards; }

@keyframes itemReveal {
  from { opacity: 0; transform: translateX(-8px); }
  to   { opacity: 1; transform: translateX(0); }
}

/* Loop: fade all items out and in again */
.scanner-item:nth-child(1) { animation: itemReveal .4s 1.8s ease forwards, itemLoop 3.6s 4.8s ease infinite; }
.scanner-item:nth-child(2) { animation: itemReveal .4s 2.3s ease forwards, itemLoop 3.6s 5.1s ease infinite; }
.scanner-item:nth-child(3) { animation: itemReveal .4s 2.8s ease forwards, itemLoop 3.6s 5.4s ease infinite; }
.scanner-item:nth-child(4) { animation: itemReveal .4s 3.3s ease forwards, itemLoop 3.6s 5.7s ease infinite; }

@keyframes itemLoop {
  0%   { opacity: 1; }
  80%  { opacity: 1; }
  88%  { opacity: 0; }
  92%  { opacity: 0; }
  100% { opacity: 1; }
}

.scanner-check {
  width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: .7rem;
}
.scanner-check-ok  { background: rgba(167,181,155,.2); color: var(--green-ptw); }
.scanner-check-warn{ background: rgba(251,191,36,.15); color: #fbbf24; }
.scanner-check-err { background: rgba(248,113,113,.15); color: #f87171; }

.scanner-item-info { flex: 1; }
.scanner-item-name {
  font-size: .78rem; font-weight: 500; color: rgba(255,255,255,.8);
  margin-bottom: .1rem;
}
.scanner-item-detail { font-size: .7rem; color: rgba(255,255,255,.38); }

.scanner-item-badge {
  font-size: .65rem; font-weight: 600; padding: .2rem .5rem;
  border-radius: 999px; white-space: nowrap;
}
.badge-ok   { background: rgba(167,181,155,.2); color: #a7b59b; }
.badge-warn { background: rgba(251,191,36,.15);  color: #fbbf24; }
.badge-err  { background: rgba(248,113,113,.15); color: #f87171; }

/* ── HERO mobile ───────────────────────────────────────── */
@media (max-width: 820px) {
  .hero { padding: 6rem 0 3.5rem; min-height: auto; }
  .hero-inner { grid-template-columns: 1fr; }
  .scanner-wrap { display: none; }
}

/* ── SECTIONS ──────────────────────────────────────────────── */
.section { padding: clamp(3.5rem, 7vw, 6rem) 0; }
.section-alt  { background: var(--cream-warm); }
.section-dark { background: var(--navy); }

.section-label {
  font-size: .72rem; font-weight: 600; letter-spacing: .1em;
  text-transform: uppercase; color: var(--violet); margin-bottom: .875rem;
  display: block;
}
.section-label-inv { color: #b8aef9; }

.section-title {
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 3.2vw, 2.3rem);
  font-weight: 800; letter-spacing: -.023em; line-height: 1.18;
  color: var(--text-dark); margin-bottom: .875rem;
}
.section-title-inv { color: var(--white); }

.section-sub {
  font-size: .98rem; line-height: 1.72; color: var(--text-mid);
  max-width: 560px;
}
.section-sub-inv { color: rgba(255,255,255,.55); }

.section-head { margin-bottom: clamp(2rem, 4vw, 3rem); }
.section-head-center { text-align: center; }
.section-head-center .section-sub { margin-inline: auto; }

/* ── QUÉ INCLUYE ───────────────────────────────────────────── */
.incluye-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
  gap: 1.25rem;
}
.incluye-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  padding: 1.75rem;
  position: relative;
  transition: box-shadow .2s, transform .2s;
}
.incluye-card:hover {
  box-shadow: 0 8px 28px rgba(124,106,247,.1);
  transform: translateY(-2px);
}
.incluye-icon {
  width: 42px; height: 42px; border-radius: var(--r-sm);
  background: var(--violet-dim); margin-bottom: 1.1rem;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.2rem;
}
.incluye-title {
  font-family: var(--font-display); font-size: .95rem; font-weight: 700;
  color: var(--text-dark); margin-bottom: .4rem;
}
.incluye-desc {
  font-size: .875rem; line-height: 1.65; color: var(--text-mid);
}

/* ── PARA QUIÉN ────────────────────────────────────────────── */
.para-quien-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
  gap: 1rem;
}
.para-quien-item {
  display: flex; align-items: flex-start; gap: .875rem;
  padding: 1.25rem 1.5rem;
  background: rgba(255,255,255,.05);
  border: 1px solid var(--border-inv);
  border-radius: var(--r-md);
}
.para-quien-check {
  width: 20px; height: 20px; border-radius: 50%; flex-shrink: 0;
  background: rgba(167,181,155,.18);
  display: flex; align-items: center; justify-content: center;
  font-size: .65rem; color: var(--green-ptw); margin-top: .1rem;
}
.para-quien-text {
  font-size: .88rem; line-height: 1.55; color: rgba(255,255,255,.7);
}
.para-quien-text strong { color: var(--white); display: block; margin-bottom: .15rem; }

/* ── QUÉ OBTENÉS ───────────────────────────────────────────── */
.obtenés-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: start;
}
@media (max-width: 720px) { .obtenés-grid { grid-template-columns: 1fr; } }

.obtenés-list { display: flex; flex-direction: column; gap: 1rem; }
.obtenés-item {
  display: flex; align-items: flex-start; gap: 1rem;
  padding: 1.25rem 1.5rem;
  background: var(--white); border: 1px solid var(--border);
  border-radius: var(--r-md);
  transition: border-color .18s;
}
.obtenés-item:hover { border-color: rgba(124,106,247,.3); }
.obtenés-num {
  font-family: var(--font-display); font-size: 1.4rem; font-weight: 800;
  color: var(--violet-dim); line-height: 1; flex-shrink: 0;
  min-width: 28px;
}
.obtenés-content {}
.obtenés-title {
  font-family: var(--font-display); font-size: .9rem; font-weight: 700;
  color: var(--text-dark); margin-bottom: .25rem;
}
.obtenés-desc { font-size: .845rem; line-height: 1.6; color: var(--text-mid); }

.obtenés-aside {
  background: var(--navy);
  border-radius: var(--r-xl);
  padding: 2.25rem;
  position: sticky; top: 6rem;
}
.aside-title {
  font-family: var(--font-display); font-size: 1.05rem; font-weight: 700;
  color: var(--white); margin-bottom: .3rem;
}
.aside-sub {
  font-size: .82rem; color: rgba(255,255,255,.45);
  margin-bottom: 1.5rem; line-height: 1.5;
}
.aside-details { display: flex; flex-direction: column; gap: .7rem; margin-bottom: 1.75rem; }
.aside-detail {
  display: flex; align-items: center; gap: .75rem;
  font-size: .82rem; color: rgba(255,255,255,.6);
}
.aside-detail-icon {
  width: 28px; height: 28px; border-radius: var(--r-sm);
  background: rgba(124,106,247,.15); flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: .9rem;
}
.aside-detail strong { color: var(--white); }
.aside-divider {
  height: 1px; background: var(--border-inv); margin: 1.25rem 0;
}
.aside-garantia {
  font-size: .78rem; line-height: 1.6;
  color: rgba(255,255,255,.38); text-align: center;
}

/* ── PROCESO PASOS ─────────────────────────────────────────── */
.proceso-steps {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
  gap: 1.25rem;
  counter-reset: paso;
}
.paso {
  padding: 1.75rem;
  background: var(--white); border: 1px solid var(--border);
  border-radius: var(--r-lg);
  counter-increment: paso;
  position: relative;
}
.paso::before {
  content: counter(paso, decimal-leading-zero);
  position: absolute; top: 1.5rem; right: 1.5rem;
  font-family: var(--font-display); font-size: 1.8rem; font-weight: 800;
  color: var(--violet-dim); line-height: 1;
}
.paso-title {
  font-family: var(--font-display); font-size: .92rem; font-weight: 700;
  color: var(--text-dark); margin-bottom: .4rem;
}
.paso-desc { font-size: .855rem; line-height: 1.65; color: var(--text-mid); }

/* ── FAQs ──────────────────────────────────────────────────── */
.faqs-list { max-width: 720px; margin-inline: auto; }
.faq-item { border-bottom: 1px solid var(--border); }
.faq-q {
  width: 100%; background: none; border: none; cursor: pointer;
  padding: 1.2rem 0; text-align: left;
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  font-family: var(--font-body); font-size: .95rem; font-weight: 500;
  color: var(--text-dark); line-height: 1.4; transition: color .15s;
}
.faq-q:hover { color: var(--violet); }
.faq-icon {
  width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0;
  border: 1.5px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  font-size: .88rem; transition: all .2s; color: var(--text-light);
}
.faq-item.open .faq-icon {
  background: var(--violet); border-color: var(--violet);
  color: var(--white); transform: rotate(45deg);
}
.faq-a {
  font-size: .88rem; line-height: 1.75; color: var(--text-mid);
  padding-bottom: 1.2rem; display: none; max-width: 620px;
}
.faq-item.open .faq-a { display: block; }

/* ── CTA FINAL ─────────────────────────────────────────────── */
.cta-final {
  background: var(--navy); position: relative; overflow: hidden;
}
.cta-final::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse 80% 60% at 50% 110%, rgba(124,106,247,.22) 0%, transparent 70%);
  pointer-events: none;
}
.cta-final-inner {
  position: relative; z-index: 1; text-align: center;
  max-width: 640px; margin-inline: auto;
  padding: clamp(3.5rem, 7vw, 6rem) 0;
}
.cta-final-title {
  font-family: var(--font-display);
  font-size: clamp(1.55rem, 3.2vw, 2.4rem);
  font-weight: 800; letter-spacing: -.023em; line-height: 1.22;
  color: var(--white); margin-bottom: 1rem;
}
.cta-final-sub {
  font-size: .97rem; line-height: 1.72;
  color: rgba(255,255,255,.52); margin-bottom: 2rem;
}
.cta-final-actions {
  display: flex; flex-wrap: wrap; gap: .75rem; justify-content: center;
}

/* ── FOOTER ────────────────────────────────────────────────── */
.footer { background: #111123; padding: 3rem 0 2rem; }
.footer-inner {
  display: grid; grid-template-columns: 1.5fr 1fr 1fr;
  gap: 2.5rem; padding-bottom: 2rem;
  border-bottom: 1px solid var(--border-inv); margin-bottom: 1.5rem;
}
.footer-brand-name {
  display: flex; flex-direction: column; align-items: flex-start; gap: .3rem;
  font-family: var(--font-display); font-weight: 800;
  font-size: 1rem; color: var(--white); margin-bottom: .3rem;
}
.footer-brand-desc {
  font-size: .8rem; line-height: 1.6;
  color: rgba(255,255,255,.32); margin-bottom: .75rem; max-width: 260px;
}
.footer-col-title {
  font-size: .7rem; font-weight: 600; letter-spacing: .1em;
  text-transform: uppercase; color: rgba(255,255,255,.28); margin-bottom: .875rem;
}
.footer-links { list-style: none; display: flex; flex-direction: column; gap: .5rem; }
.footer-links a {
  font-size: .82rem; color: rgba(255,255,255,.4); transition: color .15s;
}
.footer-links a:hover { color: rgba(255,255,255,.75); }
.footer-copy {
  font-size: .76rem; color: rgba(255,255,255,.22);
  display: flex; flex-wrap: wrap; gap: .75rem;
  justify-content: space-between; align-items: center;
}
.footer-copy a { color: rgba(255,255,255,.22); transition: color .15s; }
.footer-copy a:hover { color: rgba(255,255,255,.45); }
@media (max-width: 640px) {
  .footer-inner { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}

/* --- */

.dx-review-card{padding:2rem;border-radius:28px;background:var(--dx-dark);color:#fff;box-shadow:var(--dx-shadow)}
.dx-review-label{margin:0 0 .45rem;color:var(--dx-lime);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.dx-review-card h3{margin:0 0 1.5rem;font-family:var(--font-display);font-size:1.8rem;line-height:1.15;letter-spacing:-.04em}
.dx-review-card form{display:grid;gap:.7rem}.dx-review-card label{font-size:.78rem;font-weight:750;color:rgba(255,255,255,.78)}.dx-review-card label>span{color:var(--dx-lime)}
.dx-review-card input:not([type=checkbox]),.dx-review-card textarea{width:100%;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.07);color:#fff;font:inherit;outline:none;transition:border-color .2s,background .2s}
.dx-review-card input::placeholder,.dx-review-card textarea::placeholder{color:rgba(255,255,255,.35)}.dx-review-card input:focus,.dx-review-card textarea:focus{border-color:var(--dx-lime);background:rgba(255,255,255,.1)}
.dx-consent{display:flex;align-items:flex-start;gap:.65rem;margin:.4rem 0 .6rem;font-weight:500!important;line-height:1.5}.dx-consent input{margin-top:.25rem;accent-color:var(--dx-lime)}.dx-consent a{text-decoration:underline}.dx-review-card small{display:block;margin-top:.7rem;color:rgba(255,255,255,.42);font-size:.7rem;line-height:1.5;text-align:center}.dx-hp{position:absolute!important;left:-9999px!important}
.dx-professional-section{padding-top:0;background:var(--dx-bg)}.dx-professional-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,6vw,5rem);padding:clamp(2rem,5vw,4rem);border:1px solid var(--dx-line);border-radius:30px;background:#fff}.dx-professional-panel h2{margin:.3rem 0 1rem;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.7rem);line-height:1;letter-spacing:-.055em}.dx-professional-panel p:not(.dx-kicker){color:var(--dx-muted);line-height:1.75}.dx-professional-actions ul{display:grid;gap:.75rem;margin:0 0 1.5rem;padding:0;list-style:none}.dx-professional-actions li::before{content:'✓';margin-right:.65rem;color:#6656e6;font-weight:900}.dx-button-dark{background:var(--dx-dark);color:#fff}.dx-professional-actions small{display:block;margin-top:.75rem;color:var(--dx-muted);font-size:.72rem}
@media(max-width:820px){.dx-professional-panel{grid-template-columns:1fr}.dx-review-card{padding:1.4rem}}

/* Revision Web Gratuita technical refinements - 2026-08-05 */
.diagnostico-modern :focus-visible {
  outline: 3px solid var(--dx-lime);
  outline-offset: 4px;
}

.nav-mobile[aria-hidden="true"] {
  display: none;
}

.nav-mobile.open[aria-hidden="false"] {
  display: flex;
}

.dx-review-card .dx-field-note {
  display: block;
  margin: -.35rem 0 .1rem;
  color: rgba(255,255,255,.48);
  font-size: .72rem;
  line-height: 1.45;
  text-align: left;
}

.dx-review-card .dx-optional {
  color: rgba(255,255,255,.48);
  font-size: .72rem;
  font-weight: 500;
}

.dx-review-card input[aria-invalid="true"],
.dx-review-card textarea[aria-invalid="true"] {
  border-color: #ff9c8b;
  background: rgba(255,128,106,.08);
}

.dx-form-message {
  display: none;
  margin: .25rem 0 .5rem;
  padding: .9rem 1rem;
  border-radius: 14px;
  font-size: .84rem;
  line-height: 1.55;
}

.dx-form-message.is-visible {
  display: block;
}

.dx-form-message.is-success {
  border: 1px solid rgba(202,255,92,.42);
  background: rgba(202,255,92,.12);
  color: #f5ffd8;
}

.dx-form-message.is-error {
  border: 1px solid rgba(255,128,106,.45);
  background: rgba(255,128,106,.12);
  color: #ffe3dc;
}

.dx-field-error {
  min-height: 1.1rem;
  margin-top: -.35rem;
  color: #ffb5a8;
  font-size: .72rem;
  line-height: 1.45;
}

.dx-button[disabled],
.dx-button[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .68;
  transform: none;
}

.dx-width-86 { --w: 86%; }
.dx-width-62 { --w: 62%; }
.dx-width-44 { --w: 44%; }
.footer-contact-block { display: block; margin-top: .3rem; }
.footer-contact-social { display: inline-flex; align-items: center; gap: .35rem; margin-top: .5rem; }

@media (max-width: 360px) {
  .dx-button,
  .btn {
    width: 100%;
    white-space: normal;
    text-align: center;
  }

  .dx-review-card h3 {
    font-size: 1.45rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dx-scan-line,
  .scanner-bar-fill,
  .scanner-item {
    animation: none !important;
  }
}

/* Header alignment hotfix — 2026-08-06
   Restore the shared modern navigation after legacy migrated landing rules. */
.diagnostico-modern .nav {
  position: fixed;
  top: 14px;
  left: 50%;
  right: auto;
  width: min(calc(100% - 28px), 1180px);
  transform: translateX(-50%);
  padding: .65rem .72rem .65rem 1.15rem;
  border: 1px solid rgba(255,255,255,.74);
  border-radius: 999px;
  background: rgba(17,20,27,.86);
  box-shadow: 0 18px 50px rgba(10,12,17,.18);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
}
.diagnostico-modern .nav.scrolled {
  top: 8px;
  padding: .58rem .68rem .58rem 1.05rem;
  background: rgba(17,20,27,.95);
  box-shadow: 0 22px 60px rgba(10,12,17,.24);
}
.diagnostico-modern .nav .nav-inner {
  width: 100%;
  max-width: none;
  padding-inline: 0;
}
.diagnostico-modern .nav .nav-links { gap: 1.55rem; }
.diagnostico-modern .nav .nav-logo img { width: 170px; }

@media (max-width: 820px) {
  .diagnostico-modern .nav {
    top: 8px;
    width: calc(100% - 18px);
  }
  .diagnostico-modern .nav .nav-logo img { width: 145px; }
}
@media (max-width: 600px) {
  .diagnostico-modern .nav { padding-left: .8rem; }
  .diagnostico-modern .nav .nav-logo img { width: 132px; }
}