/* NexSal · páginas públicas (Google, monotributistas, empresas, privacidad) — v41.31 */
:root{
  --ink:#0a1a2e;--navy:#0f2742;--navy2:#16324f;--gold:#e3c06a;--gold2:#f1d97a;--gold3:#b8912e;
  --teal:#16808f;--teal2:#1a9bab;--wa:#1f9d55;--paper:#f4f6fa;--white:#fff;--txt:#14233a;--soft:#56657a;--line:#dfe5ee;
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;--sans:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --wrap:1120px;--r:16px
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--txt);font:400 1.0625rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--teal)}
img{max-width:100%}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.sr{position:absolute;left:-9999px}.sr:focus{left:16px;top:16px;z-index:99;background:#fff;padding:8px 12px;border-radius:8px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
.angosto{max-width:760px}
h1,h2,h3{font-family:var(--serif);color:var(--navy);line-height:1.18;margin:0 0 .5em}
h1{font-size:clamp(1.9rem,6.4vw,3.1rem);letter-spacing:-.01em}
h2{font-size:clamp(1.45rem,4.6vw,2.05rem)}
h3{font-size:1.25rem}
p{margin:0 0 1em}

/* barra */
.nav{position:sticky;top:0;z-index:20;background:rgba(10,26,46,.96);border-bottom:1px solid rgba(227,192,106,.22)}
.nav-in{display:flex;align-items:center;gap:14px;min-height:62px}
.marca{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 1.08rem/1.1 var(--serif);margin-right:auto}
.marca small{display:block;font:700 .58rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.logo{width:36px;height:36px;border-radius:50%;flex:none;background:#fff url("logo-circulo.png") center/cover no-repeat;box-shadow:0 0 0 2px var(--gold)}
.menu{display:none;gap:22px}
.menu a{color:#d6deea;text-decoration:none;font-weight:600;font-size:.95rem}
.menu a:hover{color:#fff}
@media (min-width:820px){.menu{display:flex}}

/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:12px;border:0;cursor:pointer;
  background:var(--gold);color:var(--ink);font:800 1rem/1 var(--sans);text-decoration:none;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 22px rgba(227,192,106,.28)}
.btn:hover{transform:translateY(-1px)}
.btn-s{min-height:40px;padding:0 16px;font-size:.92rem;box-shadow:none}
.btn-o{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.45);box-shadow:none}
.btn-o2{background:#fff;color:var(--navy);border:2px solid var(--line);box-shadow:none}
.btn-wa{background:var(--wa);color:#fff;box-shadow:none}
.btn-w{width:100%}
.btn[disabled]{opacity:.6;cursor:default;transform:none}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
@media (max-width:480px){.btns .btn{width:100%}}

/* portada */
.hero{background:radial-gradient(120% 90% at 85% 0%,#1d4466 0%,var(--navy) 45%,var(--ink) 100%);color:#e8eef6;padding:52px 0 58px}
.hero h1{color:#fff;max-width:17ch}
.kicker{font-weight:800;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.lead{font-size:clamp(1.05rem,3.4vw,1.25rem);color:#c9d5e4;max-width:58ch}
.lead2{font-size:1.1rem;color:var(--soft)}
.chips{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.hero-g{display:grid;gap:28px;align-items:center}
@media (min-width:960px){.hero-g{grid-template-columns:1.35fr .85fr;gap:56px}}
.hero-c{background:rgba(255,255,255,.06);border:1px solid rgba(227,192,106,.28);border-radius:20px;padding:22px 22px 18px;color:#dbe4ef}
.hero-c > b{display:block;font:700 1.15rem/1.25 var(--serif);color:#fff;margin-bottom:10px}
.hero-c ul{list-style:none;margin:0;padding:0}
.hero-c li{display:flex;gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.08);font-size:.98rem}
.hero-c li:first-child{border-top:0}
.hero-c li::before{content:"✓";color:var(--gold);font-weight:800}
.hero-c small{display:block;margin-top:10px;color:#9fb0c6;font-size:.82rem}
.chips li{padding:6px 12px;border-radius:999px;border:1px solid rgba(227,192,106,.35);color:#e9dcb3;font-size:.86rem;font-weight:600}
@media (min-width:820px){.hero{padding:84px 0 90px}}

/* secciones */
.sec{padding:52px 0}
.sec-alt{background:var(--paper)}
@media (min-width:820px){.sec{padding:76px 0}}
.dos{display:grid;gap:28px;align-items:start}
@media (min-width:860px){.dos{grid-template-columns:1.25fr .9fr;gap:48px}}
.tarj{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:0 12px 30px rgba(15,39,66,.07)}
.tarj > b{display:block;font:700 1.2rem/1.25 var(--serif);color:var(--navy);margin-bottom:6px}
.tarj p{color:var(--soft)}

.pasos{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px;counter-reset:p}
@media (min-width:820px){.pasos{grid-template-columns:repeat(3,1fr);gap:20px}}
.pasos li{counter-increment:p;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 20px 20px;position:relative}
.pasos li::before{content:counter(p);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:var(--gold);font:800 1rem var(--sans);margin-bottom:12px}
.pasos b{display:block;color:var(--navy);font-size:1.08rem;margin-bottom:4px}
.pasos span{color:var(--soft);font-size:.98rem}

.planes{display:grid;gap:16px;margin-top:24px}
@media (min-width:760px){.planes{grid-template-columns:1fr 1fr;gap:22px}}
.plan{border:1px solid var(--line);border-radius:var(--r);padding:22px;background:#fff}
.plan:nth-child(2){border-color:var(--gold);box-shadow:0 0 0 3px rgba(227,192,106,.25)}
.plan ul,.lista{margin:0;padding-left:1.1em}
.plan li,.lista li{margin:.35em 0}
.plan li::marker,.lista li::marker{color:var(--teal)}

.zonas{display:grid;gap:10px;margin-top:20px}
@media (min-width:760px){.zonas{grid-template-columns:1fr 1fr}}
.zona{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fff}
.zona b{display:block;color:var(--navy)}
.zona a{font-weight:600}
.otras{font-size:.95rem;color:var(--soft)}

.faq{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;font-weight:700;color:var(--navy);padding:14px 30px 14px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:1.4rem;color:var(--teal)}
.faq[open] summary::after{content:"–"}
.faq p{color:var(--soft);margin:0 0 16px}

.texto h2{font-size:1.35rem;margin-top:1.6em}

/* formulario */
.form{display:grid;gap:14px;margin-top:18px}
.form label{display:grid;gap:6px;font-weight:700;font-size:.92rem;color:var(--navy)}
.form input,.form select,.form textarea{width:100%;min-height:50px;padding:12px 14px;border:2px solid var(--line);border-radius:12px;font:400 1rem var(--sans);color:var(--txt);background:#fff}
.form textarea{min-height:96px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--teal);outline:none}
.dos-c{display:grid;gap:14px}
@media (min-width:600px){.dos-c{grid-template-columns:1fr 1fr}}
.chk{display:flex!important;grid-template-columns:none;gap:10px!important;align-items:flex-start;font-weight:500!important;color:var(--soft)!important}
.chk input{width:22px;min-height:22px;height:22px;flex:none;margin-top:2px}
.hp{position:absolute;left:-9999px;width:1px;height:1px}
.er{color:#b91c1c;font-weight:700;min-height:1.2em;margin:0}
.ok-box{border:1px solid #bfe3cd;background:#effaf3;border-radius:var(--r);padding:22px;margin-top:18px}
.ok-box b{font:700 1.3rem var(--serif);color:#166534}

/* cierre y pie */
.cta-fin{background:linear-gradient(135deg,var(--teal) 0%,#0f5f6b 100%);color:#e6f6f8;padding:52px 0;text-align:center}
.cta-fin h2{color:#fff}
.cta-fin .btns{justify-content:center}
.pie{background:var(--ink);color:#9fb0c6;padding:44px 0 28px;font-size:.93rem}
.pie a{color:#d6deea;text-decoration:none}
.pie a:hover{text-decoration:underline}
.pie-g{display:grid;gap:26px}
@media (min-width:820px){.pie-g{grid-template-columns:1.2fr 1.4fr 1fr;gap:40px}}
.pie-t{display:block;color:#fff;font:700 1.05rem var(--serif);margin-bottom:8px}
.pie-l{list-style:none;padding:0;margin:0;columns:2;column-gap:18px}
.pie-l li{margin:0 0 6px;break-inside:avoid}
.pie-g > div:last-child .pie-l{columns:1}
.legal{margin:28px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem;color:#73849b}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* v41.120 — «Trabajá con nosotros» (todas las páginas) y sección local de cada ciudad */
.trabaja{background:var(--paper);border-top:1px solid var(--line);padding:44px 0}
.trabaja-in{display:grid;gap:18px;align-items:center}
@media (min-width:820px){.trabaja-in{grid-template-columns:1.4fr .8fr;gap:40px}}
.trabaja .kicker{color:var(--gold3)}
.trabaja h2{margin-bottom:.35em}
.trabaja p{color:var(--soft);margin:0}
.trabaja-c{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.trabaja-c .btn{background:var(--navy);color:#fff;box-shadow:0 0 0 2px var(--gold) inset}
.trabaja-c small{color:var(--soft);font-size:.86rem;text-align:center}
.menu a.menu-t{color:var(--gold)}
.local p{color:var(--txt)}

/* NX-WEB2 — Barra fija con las tres acciones del sitio: cotizar, recomendar y ganar, ser asesor. La arma web.js en todas las páginas. */
.nx3{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(10,26,46,.97);border-top:1px solid rgba(227,192,106,.45);
  padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}
.nx3-in{max-width:560px;margin:0 auto;display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:8px}
.nx3 a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;border-radius:12px;text-decoration:none;
  font-weight:800;font-size:.84rem;line-height:1.15;text-align:center;padding:4px 6px;font-family:inherit}
.nx3 a small{font-weight:600;font-size:.68rem;opacity:.85;margin-top:2px}
.nx3 .nx3-c{background:linear-gradient(135deg,#f1d97a,#e3c06a 55%,#c9a340);color:#1b1503}
.nx3 .nx3-e{border:1.5px solid #e3c06a;color:#f5e6b8;background:rgba(227,192,106,.08)}
.nx3 .nx3-a{border:1.5px solid rgba(255,255,255,.38);color:#fff}
.nx3 a:focus-visible{outline:3px solid #7fd6df;outline-offset:2px}
.nx3{visibility:hidden;opacity:0;transform:translateY(100%);transition:transform .28s ease,opacity .28s ease,visibility 0s linear .28s}
.nx3.on{visibility:visible;opacity:1;transform:none;transition:transform .28s ease,opacity .28s ease}
.nx3-x{position:absolute;top:-13px;right:10px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(227,192,106,.45);background:#0a1a2e;color:#cbd5e1;
  font:700 16px/1 inherit;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}
.nx3-x:focus-visible{outline:3px solid #7fd6df;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.nx3,.nx3.on{transition:none}}
@media (min-width:860px){
  .nx3{left:50%;right:auto;bottom:16px;transform:translate(-50%,24px);border:1px solid rgba(227,192,106,.45);border-radius:16px;padding:6px;box-shadow:0 14px 36px rgba(10,26,46,.32)}
  .nx3.on{transform:translate(-50%,0)}
  .nx3-x{top:-11px;right:-11px}
  .nx3-in{max-width:none;grid-template-columns:auto auto auto}
  .nx3 a{flex-direction:row;gap:8px;min-height:40px;padding:2px 16px;font-size:.86rem;white-space:nowrap;border-radius:11px}
  .nx3 a small{margin-top:0;font-size:.74rem}
}
@media print{.nx3{display:none}}