/* Layout: bandas alternadas teal profundo / claro, con capturas reales del producto como protagonistas visuales */
:root{
  --ink:#2C4857;--ink-deep:#1E3340;--teal:#057E94;--mint:#83E3D0;--coral:#F1685A;--cta:#F34F36;
  --bg:#FAFBFD;--surface:#FFFFFF;--fg:#22313A;--title:#2C4857;--muted:#5B707C;--line:#E2E9EE;--chip:#EEF4F6;
  --on-dark:#FFFFFF;--on-dark-muted:#B9CBD3;--band:#2C4857;--band-2:#22394A;
  --font-display:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-ui:"Mulish","Inter",system-ui,sans-serif;
  --grad:linear-gradient(90deg,var(--mint) 0%,var(--coral) 100%);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0F1D25;--surface:#172A35;--fg:#E4ECF0;--title:#EAF2F5;--muted:#9CB2BD;--line:#26404D;--chip:#1D3442;
  --band:#1A3140;--band-2:#132632;--teal:#3FB3C6;color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0F1D25;--surface:#172A35;--fg:#E4ECF0;--title:#EAF2F5;--muted:#9CB2BD;--line:#26404D;--chip:#1D3442;
  --band:#1A3140;--band-2:#132632;--teal:#3FB3C6;color-scheme:dark}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.6 var(--font-display);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--band)}
h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;letter-spacing:-.015em}
p{margin:0}
a{color:inherit}
.es-wrap{max-width:1180px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
section{padding-block:104px}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.kicker{font:800 13px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--teal);display:inline-block;margin-bottom:18px}
.dark .kicker{color:var(--mint)}
.h2{font-size:clamp(28px,3.6vw,42px);line-height:1.15;font-weight:600;color:var(--title)}
.dark{background:var(--band);color:var(--on-dark)}
.dark .h2{color:var(--on-dark)}
.lead{font-size:19px;color:var(--muted);max-width:56ch;margin-top:18px}
.dark .lead{color:var(--on-dark-muted)}
.ico{width:16px;height:16px;flex:none}

/* Botones */
.btn{display:inline-flex;align-items:center;gap:8px;font:900 17px/1 var(--font-ui);padding:17px 26px;border-radius:10px;text-decoration:none;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.btn-primary{background:var(--cta);color:#fff;box-shadow:0 8px 24px -10px rgba(243,79,54,.7)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px -10px rgba(243,79,54,.8)}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:2px}

/* Nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--band) 94%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav .es-wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.nav img{height:30px;width:auto;max-width:none;object-fit:contain;display:block}
.nav-links{display:flex;gap:28px;font:700 15px var(--font-ui);color:var(--on-dark-muted)}
.nav-links a{text-decoration:none}.nav-links a:hover{color:#fff}
.nav .btn{padding:12px 18px;font-size:15px}
@media (max-width:900px){.nav-links{display:none}}

/* Hero */
.hero{background:radial-gradient(1200px 500px at 85% -10%,rgba(131,227,208,.16),transparent 60%),radial-gradient(900px 500px at -10% 90%,rgba(241,104,90,.14),transparent 60%),var(--band);color:#fff;padding-block:80px 0;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000 20%,transparent 70%);pointer-events:none}
.hero-copy{position:relative;z-index:1;max-width:820px;margin-inline:auto;text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:800 13px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--mint);padding:8px 14px;border-radius:999px;background:rgba(131,227,208,.1);border:1px solid rgba(131,227,208,.25);margin-bottom:26px}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(131,227,208,.2)}
.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.03;font-weight:600;letter-spacing:-.035em}
.hero h1 em{font-style:italic}
.hero .sub{margin:24px auto 0;font-size:20px;color:var(--on-dark-muted);max-width:52ch}
.ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero .ctas{justify-content:center}
.hero-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:28px;font:700 14px var(--font-ui);color:var(--on-dark-muted)}
.hero-proof span{display:inline-flex;align-items:center;gap:8px}.hero-proof svg{color:var(--mint)}
.hero-shot{position:relative;z-index:1;margin:56px auto -1px;max-width:980px;border-radius:18px 18px 0 0;overflow:hidden;background:#fff;box-shadow:0 -10px 60px -20px rgba(131,227,208,.35),0 0 0 1px rgba(255,255,255,.12)}
.hero-shot img{display:block;width:100%;height:auto}
@media (max-width:700px){.hero{padding-block:48px 0}.hero .sub{font-size:17px}.hero-proof{display:none}.hero-shot{margin-top:36px}}

/* Trust */
.trust{background:var(--surface);border-bottom:1px solid var(--line);padding-block:30px}
.trust .es-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px}
.trust-l{font:800 12px var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.neutral{font-size:15px;color:var(--muted);max-width:40ch}.neutral b{color:var(--title);font-weight:600}
.es-badge{display:block;height:44px;width:auto;max-width:none;border-radius:8px;background:#fff;padding:3px 6px;object-fit:contain}
.ratings{display:flex;flex-wrap:wrap;gap:8px 22px;font:700 14px var(--font-ui);color:var(--muted)}
.ratings b{color:var(--title);font-size:16px;font-variant-numeric:tabular-nums}
.ratings .st{color:#F5B301;letter-spacing:1px}

/* Problema */
.two{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.two > *{min-width:0}
@media (max-width:900px){.two{grid-template-columns:1fr;gap:40px}}
.pains{margin:28px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.pains li{display:flex;gap:12px;align-items:flex-start;font-size:17px;color:var(--fg)}
.pains li i{flex:none;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:color-mix(in srgb,var(--coral) 16%,transparent);color:var(--coral);font:900 13px var(--font-ui);font-style:normal;margin-top:2px}
.chaos{position:relative;aspect-ratio:1/0.86;max-width:100%;border-radius:24px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--coral) 10%,transparent),transparent 60%),var(--surface);border:1px solid var(--line);overflow:hidden}
.chaos svg.lines{position:absolute;inset:0;width:100%;height:100%}
.chaos svg.lines path{fill:none;stroke:var(--line);stroke-width:1.5;stroke-dasharray:5 6;vector-effect:non-scaling-stroke}
.tool{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 24px -14px rgba(20,40,50,.4);font:800 13px var(--font-ui);color:var(--fg);white-space:nowrap;animation:jitter 6s ease-in-out infinite;animation-delay:var(--d,0s)}
.tool i{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;color:#fff;font-style:normal;font-size:11px}
.q{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:600 46px var(--font-display);box-shadow:0 0 0 10px color-mix(in srgb,var(--coral) 18%,transparent),0 0 0 22px color-mix(in srgb,var(--coral) 8%,transparent)}
@keyframes jitter{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 6px))}}
@media (max-width:480px){.tool{font-size:11.5px;padding:7px 10px}}

/* Plataforma */
.platform{background:var(--surface)}
.platform-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px 40px}
.platform-head .h2{max-width:760px}
.mtabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:6px;border-radius:16px;background:var(--chip);margin-top:40px}
.mtab{font:800 15px var(--font-ui);padding:14px 12px;border:0;border-radius:12px;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}
.mtab .dot{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:#fff;flex:none}
.mtab[aria-selected="true"]{background:var(--surface);color:var(--title);box-shadow:0 6px 18px -10px rgba(20,40,50,.35)}
@media (max-width:760px){.mtabs{grid-template-columns:1fr 1fr}}
.mpanel{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center;margin-top:44px}
.mpanel > *{min-width:0}
.mpanel h3{font-size:30px;font-weight:600;color:var(--title)}
.mpanel p{font-size:18px;color:var(--muted);margin-top:12px;max-width:44ch}
.mpanel ul{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.mpanel li{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.mpanel li svg{flex:none;margin-top:4px;color:var(--teal)}
.mpanel .more{display:inline-block;margin-top:22px;font:800 15px var(--font-ui);color:var(--teal);text-decoration:none}
.mpanel .more:hover{text-decoration:underline}
.mpanel[hidden]{display:none}
@media (max-width:900px){.mpanel{grid-template-columns:1fr;gap:28px}}
.shot{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 30px 60px -36px rgba(20,40,50,.45)}
.shot-bar{display:flex;gap:6px;padding:10px 14px;background:#F2F6F8;border-bottom:1px solid #E3EAEE}
.shot-bar i{width:9px;height:9px;border-radius:50%;background:#D5DEE3}
.shot img{display:block;width:100%;height:auto}
.otto-link{margin-top:48px;display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:16px;background:var(--band);color:#fff}
.otto-link p{font-size:16px;color:var(--on-dark-muted)}.otto-link p b{color:#fff;font-weight:600}
.otto-av{width:38px;height:38px;border-radius:12px;background:var(--grad);display:grid;place-items:center;color:#fff;font:900 16px var(--font-ui);flex:none}

/* Mini (ejemplo HTML) */
.mini{background:#fff;color:#22313A;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 30px 60px -36px rgba(20,40,50,.45);display:grid;gap:12px}
.mini-h{display:flex;justify-content:space-between;align-items:center;font:800 13px var(--font-ui);color:#5B707C;letter-spacing:.06em;text-transform:uppercase}
.row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:11px 12px;border-radius:10px;background:#F6F9FA;font-size:14px}
.row b{font-weight:600;color:#2C4857;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row .n{font-variant-numeric:tabular-nums;color:#5B707C}
.bar{height:6px;border-radius:6px;background:#E2E9EE;overflow:hidden;width:90px}.bar i{display:block;height:100%;background:var(--grad)}
@media (max-width:480px){.bar{display:none}.row{grid-template-columns:1fr auto}}

/* Conversaciones */
.convo{background:radial-gradient(900px 500px at 0% 100%,rgba(37,211,102,.10),transparent 60%),var(--band)}
.convo .two{grid-template-columns:.85fr 1.15fr}
@media (max-width:960px){.convo .two{grid-template-columns:1fr}}
.feats{margin:30px 0 0;padding:0;list-style:none;display:grid;gap:18px}
.feats li{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:start}
.feats li > i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:rgba(131,227,208,.14);color:var(--mint);font-style:normal}
.feats b{display:block;color:#fff;font-weight:600;font-size:17px}
.feats span{display:block;color:var(--on-dark-muted);font-size:15px;line-height:1.5;margin-top:2px}
.convo-stat{margin-top:32px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.convo-stat b{font:600 clamp(34px,4vw,44px)/1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.convo-stat span{color:var(--on-dark-muted);font-size:15px;max-width:30ch}
.stage{position:relative;padding-block:28px}
.stage .shot{border-color:rgba(255,255,255,.12);box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.callout{position:absolute;background:#fff;color:#22313A;border-radius:14px;box-shadow:0 24px 48px -18px rgba(0,0,0,.55);padding:12px 14px;font-size:13.5px;line-height:1.4;max-width:290px}
.callout small{display:block;font:800 10.5px var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:#7A8D97;margin-bottom:4px}
.callout b{color:#2C4857}
.c-policy{top:0;right:-14px}
.c-otto{bottom:0;left:-18px;display:grid;grid-template-columns:30px 1fr;gap:10px;border:1px solid #F6C9C1}
.c-otto .otto-av{width:30px;height:30px;border-radius:9px;font-size:13px}
.c-otto b{color:#C23A26}
@media (max-width:700px){.callout{position:static;max-width:none;margin-top:12px}.stage{padding-block:0}}

/* Otto */
.otto{background:radial-gradient(900px 500px at 100% 0%,rgba(131,227,208,.12),transparent 60%),var(--band-2)}
.otto .two{grid-template-columns:.9fr 1.1fr}
@media (max-width:960px){.otto .two{grid-template-columns:1fr}}
.sources{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.sources span{font:700 12.5px var(--font-ui);padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:var(--on-dark-muted)}
.mock{background:#fff;color:#22313A;border-radius:18px;box-shadow:0 40px 80px -30px rgba(0,0,0,.55);overflow:hidden;min-width:0}
.mock-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #E8EEF1;background:#F6F9FA}
.mock-bar .dots{display:flex;gap:6px}.mock-bar .dots i{width:9px;height:9px;border-radius:50%;background:#D5DEE3}
.mock-bar b{font:800 13px var(--font-ui);color:#2C4857}
.mock-bar span{margin-left:auto;font-size:12px;color:#7A8D97}
.mock-body{padding:18px;display:grid;gap:12px}
.sum{border:1px solid #E8EEF1;border-radius:12px;padding:12px 14px;display:grid;gap:8px}
.sum h4{margin:0;font:800 12px var(--font-ui);letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.sum ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:13.5px;line-height:1.4}
.sum li{display:flex;gap:8px;align-items:baseline}
.sum li span.t{font-variant-numeric:tabular-nums;color:#7A8D97;font-size:12px;min-width:40px}
.pill{font:800 10.5px var(--font-ui);padding:3px 7px;border-radius:6px;margin-left:auto;white-space:nowrap;letter-spacing:.03em}
.s-foco h4{color:#057E94}.s-riesgo h4{color:#D9452F}.s-op h4{color:#2E9C7E}.s-rec h4{color:#6B5BB8}
.p-hi{background:#FDE7E3;color:#C23A26}.p-ok{background:#DDF5EE;color:#1F7F64}.p-in{background:#E4F2F5;color:#05697B}

/* Canal */
.channel-head{max-width:760px;margin-bottom:40px}
.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:6px;border-radius:16px;background:var(--chip)}
.tab{font:800 15px var(--font-ui);padding:14px 12px;border:0;border-radius:12px;background:transparent;color:var(--muted);cursor:pointer;text-align:center}
.tab[aria-selected="true"]{background:var(--surface);color:var(--title);box-shadow:0 6px 18px -10px rgba(20,40,50,.35)}
@media (max-width:760px){.tabs{grid-template-columns:1fr 1fr}}
.panel{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;margin-top:36px}
.panel > *{min-width:0}
.panel h3{font-size:28px;font-weight:600;color:var(--title);margin-bottom:12px}
.panel p{font-size:18px;color:var(--muted);max-width:50ch}
.panel ul{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.panel li{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.panel li svg{flex:none;margin-top:4px;color:var(--teal)}
@media (max-width:900px){.panel{grid-template-columns:1fr}}

/* Casos */
.case{background:var(--bg)}
.cases{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.cases > *{min-width:0}
@media (max-width:860px){.cases{grid-template-columns:1fr}}
.qcard{margin:0;padding:32px;border-radius:20px;background:var(--surface);border:1px solid var(--line);display:grid;gap:20px;align-content:space-between}
.qtag{justify-self:start;font:800 12px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:var(--chip);padding:6px 10px;border-radius:999px}
.qcard blockquote{margin:0;font-size:clamp(18px,1.8vw,21px);line-height:1.5;color:var(--title)}
.sig{display:flex;align-items:center;gap:14px}
.sig .av{width:46px;height:46px;border-radius:50%;background:var(--chip);color:var(--teal);display:grid;place-items:center;font:800 15px var(--font-ui);flex:none}
.sig b{display:block;font-weight:600;color:var(--title)}.sig span span{display:block;font-size:14px;color:var(--muted)}
.link-arrow{display:inline-flex;gap:8px;align-items:center;margin-top:28px;font:900 16px var(--font-ui);color:var(--teal);text-decoration:none}
.link-arrow:hover{text-decoration:underline}

/* Números */
.numbers{background:var(--surface);border-top:1px solid var(--line)}
.num-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.ng{padding:30px 26px;border-right:1px solid var(--line)}
.ng:last-child{border-right:0}
.ng b{display:block;font:600 clamp(40px,4.6vw,54px)/1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ng span{display:block;margin-top:10px;color:var(--muted);font-size:15px}
@media (max-width:860px){.num-grid{grid-template-columns:1fr 1fr}.ng:nth-child(2){border-right:0}.ng:nth-child(-n+2){border-bottom:1px solid var(--line)}}
.meta-line{margin-top:28px;display:grid;gap:10px;font-size:15px;color:var(--muted)}
.meta-line b{font:800 12px var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--title);margin-right:10px}

/* CTA final + form */
.final{background:radial-gradient(800px 400px at 0% 100%,rgba(241,104,90,.22),transparent 60%),radial-gradient(800px 400px at 100% 0%,rgba(131,227,208,.18),transparent 60%),var(--band)}
.final h2{font-size:clamp(32px,4.4vw,50px);font-weight:600;line-height:1.1;letter-spacing:-.03em}
.final ul{margin:28px 0 0;padding:0;list-style:none;display:grid;gap:14px}
.final li{display:flex;gap:12px;font-size:18px;color:var(--on-dark-muted);align-items:flex-start}
.final li svg{flex:none;margin-top:5px;color:var(--mint)}
form{background:var(--surface);color:var(--fg);border-radius:22px;padding:28px;display:grid;gap:14px;scroll-margin-top:96px;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
form h3{font-size:22px;font-weight:600;color:var(--title)}
form .form-sub{font-size:14.5px;color:var(--muted);margin-top:-6px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:560px){.f2{grid-template-columns:1fr}form{padding:22px}}
label{display:grid;gap:6px;font:800 13px var(--font-ui);color:var(--muted);letter-spacing:.02em}
input,select{font:400 16px var(--font-display);padding:13px 14px;border-radius:10px;border:1.5px solid var(--line);background:var(--bg);color:var(--fg);width:100%}
input:focus,select:focus{border-color:var(--teal);outline:none}
form .btn{justify-content:center;width:100%;margin-top:4px}
.micro{font-size:13.5px;color:var(--muted);text-align:center}
.ok{padding:14px;border-radius:10px;background:var(--chip);font-size:14.5px;color:var(--fg)}

/* Site end (avoid "footer"/"foot": prod HTML filter rewrites foo→bar) */
.es-site-end{background:var(--ink-deep);color:var(--on-dark-muted);padding-block:56px 40px;font-size:14.5px}
.es-cols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}
.es-cols img{height:28px;width:auto;object-fit:contain;display:block}
.es-cols h4{margin:0 0 14px;font:800 13px var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:#fff}
.es-cols ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.es-cols a{text-decoration:none}.es-cols a:hover{color:#fff}
.legal{margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px}
@media (max-width:760px){.es-cols{grid-template-columns:1fr 1fr}}
@media (max-width:700px){section{padding-block:72px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


/* --- Minimal WP fixes (do not rewrite design tokens) --- */
#home-escala-seguros {
  font: 400 17px/1.6 var(--font-display);
  color: var(--fg);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}
#home-escala-seguros .hero h1 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
#home-escala-seguros .hero h1 em.grad,
#home-escala-seguros .grad {
  background: var(--grad) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
#home-escala-seguros .hero .sub,
#home-escala-seguros .lead,
#home-escala-seguros .pains li {
  color: inherit;
}
#home-escala-seguros .hero .sub {
  color: var(--on-dark-muted) !important;
  -webkit-text-fill-color: var(--on-dark-muted) !important;
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
}
#home-escala-seguros .btn-primary,
#home-escala-seguros a.btn-primary {
  background: var(--cta) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
#home-escala-seguros .btn-ghost,
#home-escala-seguros a.btn-ghost {
  background: transparent !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1.5px solid rgba(255,255,255,.4) !important;
}

/* Hide site chrome only on this landing */
body:has(#home-escala-seguros) #masthead,
body:has(#home-escala-seguros) .customHeader,
body:has(#home-escala-seguros) .headerband_promo_freeclass_t1,
body:has(#home-escala-seguros) .headerband_promo_t1,
body:has(#home-escala-seguros) .MbHeadbandfree,
body:has(#home-escala-seguros) [class*="headerband"],
body:has(#home-escala-seguros) #bootstrap_PiePagina,
body:has(#home-escala-seguros) .bootstrap_PiePagina,
body:has(#home-escala-seguros) .content-info,
body:has(#home-escala-seguros) #popup-general-demo-2022,
body:has(#home-escala-seguros) #popup-general-december,
body:has(#home-escala-seguros) .customPopUp {
  display: none !important;
}
body:has(#home-escala-seguros) .wrap.container.global {
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
body:has(#home-escala-seguros) .wrap.container.global .content,
body:has(#home-escala-seguros) .wrap.container.global .main {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

/* CF7: home form fields + Claude card look */
#home-escala-seguros .cf7-home-seguros {
  background: var(--surface);
  color: var(--fg);
  border-radius: 22px;
  padding: 28px;
  display: grid;
  gap: 14px;
  scroll-margin-top: 96px;
  box-shadow: 0 40px 80px -40px rgba(0,0,0,.6);
}
#home-escala-seguros .cf7-home-seguros h3 {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: var(--title) !important;
  margin: 0 !important;
}
#home-escala-seguros .cf7-home-seguros .form-sub {
  font-size: 14.5px !important;
  color: var(--muted) !important;
  margin: -6px 0 0 !important;
}
#home-escala-seguros .cf7-home-seguros .micro {
  text-align: center;
  font-size: 12.5px !important;
  color: var(--muted) !important;
  margin: 0 !important;
}
#home-escala-seguros .cf7-home-seguros .formatForm,
#home-escala-seguros .cf7-home-seguros .wpcf7 {
  margin: 0;
  background: transparent !important;
  box-shadow: none !important;
}
#home-escala-seguros .cf7-home-seguros .wpcf7 form {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: grid;
  gap: 12px;
}
#home-escala-seguros .cf7-home-seguros .wpcf7 form > p:has(.wpcf7-form-control-wrap[data-name="your-firstname"]):has(.wpcf7-form-control-wrap[data-name="your-lastname"]) {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 0 !important;
}
#home-escala-seguros .cf7-home-seguros input.wpcf7-form-control:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
#home-escala-seguros .cf7-home-seguros select.wpcf7-form-control,
#home-escala-seguros .cf7-home-seguros textarea.wpcf7-form-control {
  font: 500 16px/1.3 var(--font-display) !important;
  color: var(--fg) !important;
  background: var(--bg) !important;
  border: 1.5px solid var(--line) !important;
  border-radius: 10px !important;
  padding: 13px 14px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 48px !important;
  box-shadow: none !important;
}
#home-escala-seguros .cf7-home-seguros input[type="submit"],
#home-escala-seguros .cf7-home-seguros input.wpcf7-submit {
  font: 900 17px/1 var(--font-ui) !important;
  padding: 17px 26px !important;
  border-radius: 10px !important;
  border: 0 !important;
  background: var(--cta) !important;
  color: #fff !important;
  width: 100% !important;
  height: auto !important;
  min-height: 54px !important;
  box-shadow: 0 8px 24px -10px rgba(243,79,54,.7);
}
@media (max-width: 560px) {
  #home-escala-seguros .cf7-home-seguros { padding: 22px; }
  #home-escala-seguros .cf7-home-seguros .wpcf7 form > p:has(.wpcf7-form-control-wrap[data-name="your-firstname"]) {
    grid-template-columns: 1fr !important;
  }
}
/* Final CTA + form readability */
#home-escala-seguros .final h2 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
#home-escala-seguros .final h2 .grad {
  background: linear-gradient(90deg, #83E3D0 0%, #F1685A 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
#home-escala-seguros .cf7-home-seguros {
  background: #172A35 !important;
  color: #E4ECF0 !important;
  border: 1px solid #26404D !important;
}
#home-escala-seguros .cf7-home-seguros h3 {
  color: #EAF2F5 !important;
  -webkit-text-fill-color: #EAF2F5 !important;
}
#home-escala-seguros .cf7-home-seguros .form-sub,
#home-escala-seguros .cf7-home-seguros .micro,
#home-escala-seguros .cf7-home-seguros .no-website-checkbox,
#home-escala-seguros .cf7-home-seguros .no-website-checkbox label {
  color: #9CB2BD !important;
  -webkit-text-fill-color: #9CB2BD !important;
}
#home-escala-seguros .cf7-home-seguros .wpcf7 form {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
#home-escala-seguros .cf7-home-seguros input.wpcf7-form-control:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
#home-escala-seguros .cf7-home-seguros select.wpcf7-form-control {
  background: #0F1D25 !important;
  color: #E4ECF0 !important;
  -webkit-text-fill-color: #E4ECF0 !important;
  border: 1.5px solid #26404D !important;
  border-radius: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  text-overflow: ellipsis !important;
  color-scheme: dark;
}
#home-escala-seguros .cf7-home-seguros select.wpcf7-form-control option {
  background: #172A35;
  color: #E4ECF0;
}
#home-escala-seguros .cf7-home-seguros input::placeholder {
  color: #9CB2BD !important;
  -webkit-text-fill-color: #9CB2BD !important;
  opacity: 1 !important;
}
#home-escala-seguros .cf7-home-seguros .wpcf7-not-valid-tip {
  color: #F1685A !important;
}

/* Scoped site-end + layout hardening (avoid OceanWP / global theme bleed) */
#home-escala-seguros .es-wrap{
  max-width:1180px;
  margin:0 auto;
  padding-left:max(20px,env(safe-area-inset-left,0px));
  padding-right:max(20px,env(safe-area-inset-right,0px));
  width:100%;
  box-sizing:border-box;
}
/* Also target barter/bart: prod filter rewrites footer→barter, foot→bart */
#home-escala-seguros .es-site-end,
#home-escala-seguros barter{
  display:block!important;
  background:var(--ink-deep)!important;
  color:var(--on-dark-muted)!important;
  padding-block:56px 40px!important;
  font-size:14.5px!important;
  width:100%!important;
}
#home-escala-seguros .es-cols,
#home-escala-seguros .bart{
  display:grid!important;
  grid-template-columns:1.4fr repeat(3,1fr)!important;
  gap:40px!important;
  width:100%!important;
}
#home-escala-seguros .es-cols ul,
#home-escala-seguros .bart ul{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  display:grid!important;
  gap:9px!important;
}
#home-escala-seguros .es-cols li,
#home-escala-seguros .bart li{
  list-style:none!important;
}
#home-escala-seguros .es-cols a,
#home-escala-seguros .bart a{
  text-decoration:none!important;
  color:var(--on-dark-muted)!important;
}
#home-escala-seguros .es-cols a:hover,
#home-escala-seguros .bart a:hover{color:#fff!important}
#home-escala-seguros .shot img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
}
#home-escala-seguros .hero-shot{
  background:#fff!important;
  margin-bottom:-1px!important;
}
#home-escala-seguros .hero-shot img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
}
/* Meta badge: avoid Bootstrap/OceanWP .badge { display:none } */
#home-escala-seguros .trust .es-badge{
  display:block!important;
  height:44px!important;
  width:auto!important;
  max-width:none!important;
  visibility:visible!important;
  opacity:1!important;
  border-radius:8px!important;
  background:#fff!important;
  padding:3px 6px!important;
  object-fit:contain!important;
}
@media (max-width:760px){
  #home-escala-seguros .es-cols,
  #home-escala-seguros .bart{grid-template-columns:1fr 1fr!important}
}

/* Dark CF7: labels + recaptcha */
#home-escala-seguros .cf7-home-seguros .wpcf7-form label,
#home-escala-seguros .cf7-home-seguros .require,
#home-escala-seguros .cf7-home-seguros span.require,
#home-escala-seguros .cf7-home-seguros .wpcf7-quiz-label {
  color:#B9CBD3!important;
  -webkit-text-fill-color:#B9CBD3!important;
}
#home-escala-seguros .cf7-home-seguros .wpcf7-recaptcha,
#home-escala-seguros .cf7-home-seguros .g-recaptcha {
  max-width:100%!important;
}

/* Phone: +52 + mask as ONE field (EWP inserts input.ewp-phone-call-code before the phone input) */
#home-escala-seguros .cf7-home-seguros .wpcf7-form-control-wrap[data-name*="phone"],
#home-escala-seguros .cf7-home-seguros .wpcf7-form-control-wrap[data-name*="tel"],
#home-escala-seguros .cf7-home-seguros .wpcf7-form-control-wrap:has(> input.ewp-phone-call-code),
#home-escala-seguros .cf7-home-seguros p:has(> input.ewp-phone-call-code) {
  display:flex!important;
  align-items:stretch!important;
  gap:0!important;
  width:100%!important;
  margin:0!important;
  float:none!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
#home-escala-seguros .cf7-home-seguros input.ewp-phone-call-code {
  float:none!important;
  display:block!important;
  flex:0 0 72px!important;
  width:72px!important;
  max-width:72px!important;
  min-height:48px!important;
  margin:0!important;
  padding:13px 8px!important;
  text-align:center!important;
  background:#0F1D25!important;
  color:#F1685A!important;
  -webkit-text-fill-color:#F1685A!important;
  border:1.5px solid #26404D!important;
  border-right:0!important;
  border-radius:10px 0 0 10px!important;
  box-shadow:none!important;
  font:700 16px/1.3 var(--font-display)!important;
  opacity:1!important;
  color-scheme:dark;
}
#home-escala-seguros .cf7-home-seguros input.ewp-phone-text,
#home-escala-seguros .cf7-home-seguros .wpcf7-form-control-wrap[data-name*="phone"] > input.wpcf7-form-control,
#home-escala-seguros .cf7-home-seguros .wpcf7-form-control-wrap[data-name*="tel"] > input.wpcf7-form-control,
#home-escala-seguros .cf7-home-seguros input.ewp-phone-call-code + input.wpcf7-form-control,
#home-escala-seguros .cf7-home-seguros input.ewp-phone-call-code + .wpcf7-form-control-wrap > input {
  float:none!important;
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  min-height:48px!important;
  margin:0!important;
  background:#0F1D25!important;
  color:#E4ECF0!important;
  -webkit-text-fill-color:#E4ECF0!important;
  border:1.5px solid #26404D!important;
  border-radius:0 10px 10px 0!important;
  box-shadow:none!important;
}
/* When call-code sits outside the wrap (sibling), keep phone wrap flex-1 */
#home-escala-seguros .cf7-home-seguros input.ewp-phone-call-code + .wpcf7-form-control-wrap {
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  float:none!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
#home-escala-seguros .cf7-home-seguros input.ewp-phone-call-code + .wpcf7-form-control-wrap > input {
  width:100%!important;
}
body:has(#home-escala-seguros) {
  overflow-x: hidden !important;
}
#home-escala-seguros {
  overflow-x: clip;
  width: 100%;
  max-width: 100%;
}