@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@400;500;600;700&display=swap');
/* ============================================================
   FEEDSPRING SKIN — light theme over the PSA base stylesheet
   Loaded AFTER styles-dark.css + inline page CSS: later wins.
   Tokens first (heavy lifting), then hardcoded-dark overrides.
   ============================================================ */

/* ---------- 1 · TOKENS ---------- */
:root{
  --bg:#ffffff;
  --bg-2:#f7f9fc;
  --surface:#ffffff;
  --surface-2:#f7f9fc;
  --surface-hover:#f1f6f8;
  --surface-row:rgba(241,246,248,.6);

  --neon:#0335fc;
  --aqua:#6baee6;
  --aqua-soft:#d0ecf5;
  --alert:#f6284a;
  --live:#2d5353;

  --text:#050414;
  --text-muted:#3c3c47;
  --text-dim:#797986;

  --border:#e8e8e8;
  --border-strong:#cdcdd1;
  --grid:#e9edf4;

  --font-serif:"Host Grotesk","Inter",system-ui,-apple-system,sans-serif;
  --font-sans:"Inter","Inter Display",system-ui,-apple-system,sans-serif;

  --container-max:1140px;
  --section-pad-y:76px;

  --radius-card:24px;
  --radius-sm:12px;

  --glow-neon:0 0 0 1.5px rgba(3,53,252,.18),0 16px 40px -18px rgba(3,53,252,.35);
  --shadow-card:0 32px 24px -12px rgba(38,53,114,.06),0 11px 4px rgba(38,53,114,.01),0 6px 4px rgba(38,53,114,.02),0 3px 3px rgba(38,53,114,.03),0 1px 1px rgba(38,53,114,.04),0 0 0 1px rgba(38,53,114,.04);
  --shadow-nav:0 4px 8px rgba(50,26,123,.08),0 2px 4px rgba(50,26,123,.08),0 1px 2px rgba(50,26,123,.08),0 .5px .5px rgba(50,26,123,.06);
}

/* ---------- 2 · BASE ---------- */
body{background-color:var(--bg);background-image:linear-gradient(#104fc8,#104fc8);background-repeat:no-repeat;background-size:100% 240px;color:var(--text)}
h1{font-weight:600;letter-spacing:-.03em}
h2{font-weight:500;letter-spacing:-.025em}
h3{letter-spacing:-.01em}
.skip-link{background:var(--neon);color:#fff}
::selection{background:rgba(3,53,252,.14)}

/* kill the dark-theme gradient-text on section headings (polish layer) */
.section-head h2{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--text);-webkit-text-fill-color:var(--text)}
.section-head h2 svg{fill:#fb9a23;-webkit-text-fill-color:#fb9a23}

/* ---------- 3 · HEADER → floating pill nav ---------- */
.site-header{position:sticky;top:10px;background:transparent;border-bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none}
.site-header__inner{background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);border-radius:99px;box-shadow:var(--shadow-nav),0 0 0 1px rgba(38,53,114,.05);min-height:58px;padding:6px 10px 6px 20px;margin-inline:auto}
.brand{font-weight:700;letter-spacing:-.2px}
.brand__mark{color:var(--neon)}
.nav-burger{background:#fff;border-color:var(--border)}
.nav-panel{background:#fff;border-color:var(--border);box-shadow:var(--shadow-card)}
.nav-panel a:hover,.nav-panel a[aria-current="page"]{background:var(--surface-hover);color:var(--neon)}

/* ---------- 4 · HERO / PAGEHERO → FeedSpring sky gradient ---------- */
.hero,.pagehero{margin-top:-108px;background:linear-gradient(#104fc8,#6baee6 34%,#6baee6 58%,#f1f6f8 86%,var(--bg));border-bottom:0}
.pagehero{background:linear-gradient(#104fc8,#4a80dc 34%,#6baee6 72%,#f1f6f8 94%,var(--bg))}
.hero::before,.hero::after,.pagehero::before,.pagehero::after{display:none}
.hero__inner{padding-top:calc(clamp(72px,11vw,110px) + 122px)}
.pagehero__inner{padding-top:calc(clamp(56px,8vw,88px) + 122px)}
.hero h1,.pagehero h1{color:#fff}
.hero h1 em,.pagehero h1 em{color:#d0ecf5}
.hero__lead,.pagehero__lead{color:rgba(255,255,255,.94);text-shadow:0 1px 12px rgba(16,79,200,.35)}
.breadcrumb,.breadcrumb a{color:rgba(255,255,255,.8)}
.breadcrumb a:hover{color:#fff}

/* hero eyebrow + distributor badge → glass on gradient */
.hero .eyebrow,.pagehero .eyebrow{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff;padding:6px 14px;box-shadow:inset 0 2px 8px rgba(255,255,255,.05),inset 0 1px 3px rgba(255,255,255,.12)}
.eyebrow__dot{background:#33cfff;box-shadow:0 0 8px rgba(51,207,255,.8)}
.psa-dist{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff;box-shadow:inset 0 2px 8px rgba(255,255,255,.05),inset 0 1px 3px rgba(255,255,255,.12)}
.psa-dist::before{background:#fff;box-shadow:none}

/* hero chips → FeedSpring glass-light chips */
.chip-stat{background-image:linear-gradient(rgba(255,255,255,.85),rgba(255,255,255,.7));background-color:transparent;border:0;box-shadow:0 2px 2px -1px rgba(7,1,19,.04),0 1px 1px -.5px rgba(7,1,19,.04),0 .5px .5px rgba(7,1,19,.04)}
.chip-stat b{color:var(--neon)}
.chip-stat span{color:#3c3c47}

/* hero buttons: white primary + glass ghost over the gradient */
.hero .btn--primary,.pagehero .btn--primary{background:#fff;background-image:none;color:#050414;box-shadow:0 8px 20px -8px rgba(7,1,19,.35)}
.hero .btn--primary:hover,.pagehero .btn--primary:hover{background:#fff;filter:none;transform:translateY(-1px)}
.hero .btn--primary .btn__arrow,.pagehero .btn--primary .btn__arrow{background:var(--neon);color:#fff}
.hero .btn--ghost,.pagehero .btn--ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.45);color:#fff}
.hero .btn--ghost:hover,.pagehero .btn--ghost:hover{background:rgba(255,255,255,.22);border-color:#fff}

/* product hero card over gradient */
.prod-hero__media{border-color:transparent;box-shadow:var(--shadow-card)}
.prod-hero__media::before{display:none}
.prod-hero__media::after{display:none}
.prod-hero__badges .badge{background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px rgba(7,1,19,.12);border:0}
.prod-hero__badges .badge--neon{color:#0335fc}
.prod-hero__badges .badge--live{color:#2d5353}

/* ---------- 5 · BUTTONS (global) ---------- */
.btn{border-radius:99px!important}
.btn--primary{background-color:#0335fc;background-image:linear-gradient(rgba(255,255,255,.12),rgba(255,255,255,.06));color:#fff;box-shadow:inset 0 1px 2px -.5px rgba(255,255,255,.12),inset 0 .5px .5px rgba(255,255,255,.16),0 8px 8px -3px rgba(7,1,19,.03),0 5px 5px -2.5px rgba(7,1,19,.03),0 3px 3px -1.5px rgba(7,1,19,.03),0 2px 2px -1px rgba(7,1,19,.03),0 1px 1px -.5px rgba(7,1,19,.03)}
.btn--primary:hover{background-color:#0335fc;background-image:linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.1));transform:translateY(-1px)}
.btn--primary .btn__arrow{background:rgba(255,255,255,.2);color:#fff}
.btn--ghost{background:#fff;border-color:var(--border);color:var(--text)}
.btn--ghost:hover{background:var(--surface-hover);border-color:var(--border-strong)}
.btn--ghost .btn__arrow{background:var(--surface-hover);color:var(--neon)}
.btn--review{background:#ebfaef;color:#2d5353;border-color:#d2f4da;box-shadow:none}
.btn--review:hover{background:#d2f4da;border-color:#94dbdb}
.btn--review .btn__arrow{background:#d2f4da;color:#2d5353}

/* ---------- 6 · EYEBROWS · BADGES · NOTES · ALERTS ---------- */
.eyebrow{background:transparent;border:0;padding:0;color:var(--neon);letter-spacing:1px;font-size:13px}
.badge--neon{background:rgba(3,53,252,.07);color:#0335fc;border:1px solid rgba(3,53,252,.16);box-shadow:none}
.badge--live{background:#ebfaef;color:#2d5353;border:1px solid #d2f4da}
.badge--soft{background:#f5f5f5;color:#3c3c47;border:1px solid var(--border)}
.note{background:#f1f6f8;border-color:#d0ecf5;color:var(--text-muted)}
.alert--danger{background:#fff0f3}
.alert--ok{background:#ebfaef}
.tag-live::before{background:#33cfff;box-shadow:none}

/* ---------- 7 · CARDS & DARK SURFACES → white ---------- */
.card,.medio,.fstep__card,.testi .card,.post,.zona{background:#fff;box-shadow:var(--shadow-card)}
.card{border-color:var(--border)}
.medio{border-color:var(--border);border-radius:24px}
.fstep__card{border-color:var(--border);border-radius:16px;box-shadow:0 2px 2px -1px rgba(7,1,19,.04),0 1px 1px -.5px rgba(7,1,19,.04),0 .5px .5px rgba(7,1,19,.04),0 0 0 1px rgba(38,53,114,.05)}
.post{border-color:var(--border);border-radius:24px}
.zona{border-color:var(--border)}
.feature .card:hover,.plan .card:hover,.person .card:hover,.grid--3>.card:hover,.testi .card:hover,.post:hover,.zona:hover,.medio:hover{border-color:var(--border-strong);box-shadow:0 40px 32px -16px rgba(38,53,114,.10),0 12px 12px -8px rgba(38,53,114,.06),0 0 0 1px rgba(38,53,114,.06)}
.feature .card::before,.plan .card::before,.person .card::before,.grid--3>.card::before,.medio::before,.testi .card::before,.post::before,.zona::before{background:linear-gradient(90deg,#0335fc,#6baee6)}
.testi .card::after,.zona::after{background:radial-gradient(circle,rgba(107,174,230,.14),transparent 70%)}
.medio__icon,.fstep__icon,.value-item__icon,.zona__pin,.kpi__icon{background:#f1f6f8;border-color:#d0ecf5;color:var(--neon);box-shadow:none}
.medio__sym{color:rgba(38,53,114,.07)}
.step__n{color:var(--neon);border-color:rgba(3,53,252,.2);background:rgba(3,53,252,.06)}
.testi__stars{color:#fb9a23}
.review-stars{color:#fb9a23}
.testi__avatar--ltr{color:var(--neon);background:#f1f6f8}
.stat__bar{background:var(--neon);box-shadow:none}
.bar-track{background:#f1f6f8;border-color:var(--border)}
.bar-fill{background:linear-gradient(90deg,#0335fc,#6baee6);box-shadow:none}

/* ---------- 8 · FSTEP (vertical flow, barrio pages) ---------- */
.fstep__node{background:#fff;border-color:var(--border-strong);color:var(--text-muted);box-shadow:var(--shadow-nav)}
.flow::after{background:linear-gradient(180deg,transparent,#0335fc,#6baee6,transparent);background-size:100% 300%}
.flow__drop{background:radial-gradient(circle at 35% 30%,#d0ecf5,#0335fc);box-shadow:0 0 14px 2px rgba(3,53,252,.4)}

/* ---------- 9 · CERT BAND (logos back to their natural ink) ---------- */
.cert-band{background:var(--bg-2)}
/* barrio pagehero: two-column with media */
.pagehero:has(.pagehero__grid) .pagehero__inner{max-width:1232px}
.pagehero__grid .h1-look{max-width:none;font-size:clamp(34px,3.8vw,50px)}
.pagehero__grid{display:grid;gap:40px;align-items:center}
@media (min-width:920px){.pagehero__grid{grid-template-columns:1.05fr .95fr}}
.pagehero .prod-hero__media{position:relative}
.pagehero .prod-hero__media::before{content:'';position:absolute;left:0;right:0;top:0;height:110px;background:linear-gradient(180deg,rgba(8,14,34,.45),rgba(8,14,34,0));z-index:1;pointer-events:none}
.pagehero .prod-hero__badges{position:absolute;top:14px;left:14px;display:flex;gap:8px;flex-wrap:wrap;z-index:2}

/* testimonials carousel: infinite scroll + edge fade */
.testi-carousel{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);padding:8px 0 18px}
.testi-track{display:flex;width:max-content;animation:testi-scroll 50s linear infinite}
.testi-carousel:hover .testi-track{animation-play-state:paused}
.testi-set{display:flex;flex:none;gap:24px;padding-right:24px;align-items:stretch}
.testi-set .testi{flex:none;width:min(360px,80vw);display:flex;margin:0}
.testi-set .testi .card{width:100%;display:flex;flex-direction:column}
.testi-set .testi__q{flex:1}
@keyframes testi-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.testi-track{animation:none}}

/* cert marquee: infinite scroll + edge fade (pro) */
.cert-band{overflow:hidden}
.cert-band .marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.cert-band .marquee__track{display:flex;width:max-content;animation:cert-scroll 38s linear infinite}
.cert-band .marquee:hover .marquee__track{animation-play-state:paused}
.cert-band .marquee__group{display:flex;align-items:center;gap:clamp(48px,7vw,76px);padding-right:clamp(48px,7vw,76px);flex:none;width:auto;justify-content:flex-start;flex-wrap:nowrap}
.cert-band .marquee__group+.marquee__group{display:flex}
.cert--img{filter:grayscale(1);mix-blend-mode:multiply;opacity:.55;transition:opacity .3s ease,filter .3s ease}
.cert--img:hover{opacity:1;filter:grayscale(0)}
@keyframes cert-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.cert-band .marquee__track{animation:none}}

/* ---------- 10 · TABLES · FAQ ---------- */
.compare thead th:last-child{color:var(--neon)}
.faq details{border-radius:16px}
.faq details[open] summary i{background:rgba(3,53,252,.08)}
.faq summary i{color:var(--neon)}

/* ---------- 11 · FLOWX (horizontal 6-stage journey) ---------- */
.flowx__card{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--border);box-shadow:0 18px 30px -22px rgba(38,53,114,.18),0 2px 2px -1px rgba(7,1,19,.04),0 0 0 1px rgba(38,53,114,.04)}
.flowx__card:hover{border-color:var(--border-strong);box-shadow:0 26px 40px -22px rgba(38,53,114,.22),0 0 0 1px rgba(38,53,114,.06)}
.flowx__num{background:none;-webkit-background-clip:initial;background-clip:initial;color:#cdcdd1;-webkit-text-fill-color:#cdcdd1;opacity:1}
.flowx__icon{background:#f1f6f8;border-color:#d0ecf5;color:var(--neon)}
.flowx__node{background:radial-gradient(circle at 50% 40%,#8fb4ff,#0335fc 60%,rgba(3,53,252,.25));box-shadow:0 0 0 4px #fff,0 0 14px rgba(3,53,252,.4)}
.flowx__node::after{border-color:rgba(3,53,252,.3)}
.flowx__step--up .flowx__card::after{background:linear-gradient(#f1f6f8,rgba(3,53,252,.3))}
.flowx__step--down .flowx__card::after{background:linear-gradient(rgba(3,53,252,.3),#f1f6f8)}
.flowx__curveBase{filter:drop-shadow(0 0 6px rgba(3,53,252,.18))}
.flowx__curveFlow{filter:drop-shadow(0 0 8px rgba(3,53,252,.3))}
.flowx__droplet{filter:drop-shadow(0 0 6px rgba(3,53,252,.5))}
#flowxStroke stop{stop-color:#6baee6}
#flowxFlow stop{stop-color:#0335fc}
#flowxDrop stop{stop-color:#6baee6}
#flowxDrop stop:first-child{stop-color:#ffffff}
@media (max-width:520px){
  .flowx__steps::before{background:linear-gradient(#6baee6,rgba(107,174,230,.12));box-shadow:0 0 8px rgba(3,53,252,.25)}
  .flowx__steps::after{background:radial-gradient(circle at 50% 40%,#ffffff,#8fb4ff 40%,#0335fc 70%,rgba(3,53,252,0) 100%);box-shadow:0 0 12px 3px rgba(3,53,252,.5)}
  .flowx__card::before{background:radial-gradient(circle,#8fb4ff,#0335fc 60%)}
  @keyframes flowxDotPulse{0%,100%{box-shadow:0 0 0 4px #fff,0 0 10px rgba(3,53,252,.35)}50%{box-shadow:0 0 0 4px #fff,0 0 16px 3px rgba(3,53,252,.6);transform:scale(1.12)}}
}

/* ---------- 12 · GEOMAP (Montevideo coverage map) ---------- */
.geomap__frame{background:#fff;box-shadow:var(--shadow-card)}
.geomap__frame::before{background:linear-gradient(135deg,#d0ecf5,#e8e8e8 55%,#d0ecf5);opacity:.9}
.geomap__header{background:#fff;border-bottom:1px solid var(--border)}
.geomap__pin{color:var(--neon);background:#f1f6f8;box-shadow:0 0 0 1px #d0ecf5 inset}
.geomap__title{color:var(--text)}
.geomap__status{color:#104fc8;background:#f1f6f8;border-color:#d0ecf5}
.geomap__dot{background:#33cfff;box-shadow:none;animation:none}
.geomap__window{background:#f7f9fc}
.geomap__map :where(iframe){filter:none}
.geomap__window:hover .geomap__map :where(iframe),.geomap__window:focus-within .geomap__map :where(iframe){filter:none}
.geomap__vignette{display:none}
.geomap__sheen{display:none}
.geomap__badge{background:rgba(255,255,255,.92);border-color:var(--border);box-shadow:0 8px 22px -10px rgba(38,53,114,.25)}
.geomap__badge-pin{color:var(--neon);filter:none}
.geomap__badge-text{color:var(--text)}

/* ---------- 13 · CONTACT FORM ---------- */
.form{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-card)}
.field input,.field select,.field textarea{background:#fff;border-color:var(--border-strong)}
.field select{background-color:#fff}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--neon);box-shadow:0 0 0 3px rgba(3,53,252,.15)}
.checkbox-field{background:#f7f9fc;border-color:var(--border)}
.checkbox-field input{accent-color:var(--neon)}
.contact-item__icon{background:#f1f6f8;border-color:#d0ecf5;color:var(--neon)}
.form-msg--ok{background:#ebfaef;border-color:#94dbdb;color:#2d5353}
.form-msg--err{background:#fff0f3;border-color:#ffdbe2;color:#982538}

/* ---------- 14 · CTA · FOOTER ---------- */
.cta{background:radial-gradient(80% 120% at 50% 120%,rgba(3,53,252,.10),transparent 60%),var(--bg-2)}
.site-footer{background:#fff;border-top:1px solid var(--border)}
.footer-col h4{font-family:var(--font-serif);color:var(--text-dim);letter-spacing:1px}
.social-row a{border-color:var(--border);color:var(--text-muted);background:#fff}
.social-row a:hover{background:var(--neon);border-color:var(--neon);color:#fff}

/* SEO hero swap: H1-as-chip + headline demoted to <p> keeping display style */
h1.eyebrow{max-width:none;font-size:13px;line-height:1;display:inline-flex}
.hero .h1-look,.pagehero .h1-look{font-family:var(--font-serif);font-weight:600;font-size:var(--text-display,58px);line-height:1.06;letter-spacing:-.03em;color:#fff;max-width:15ch;text-wrap:balance;margin:0}
.h1-look em{font-style:normal;color:#d0ecf5}

/* ---------- 15 · MISC ---------- */
.plan--feat .card{border:1.5px solid var(--neon);box-shadow:var(--glow-neon)}
.review-card{background:#fff;border-color:var(--border)}
.swatch i{border-color:var(--border-strong)}
.trust-strip{color:var(--text-muted)}
.value-item{background:#fff;border-color:var(--border)}
.person__avatar,.testi__avatar{border-color:var(--border);background:#f1f6f8}
.footer-barrios a:hover{color:var(--neon)}
.zonas-note svg{color:var(--neon)}