/* netmaps.cl — identidad propia (se carga después de estilo.css)
   Azul Pacífico profundo, cobre chileno y blanco nieve de los Andes, con el naranja de la etiqueta de los mapas Netmaps.
   Títulos en Barlow Condensed en mayúsculas (como el título en la banda azul de los mapas) y texto en Nunito Sans.
   Portada: Chile en vertical a la izquierda (16 regiones clicables) y el texto al lado. */
:root{
  --bg:#f6f5f1; --card:#fff; --ink:#14212e; --ink-2:#3e4c59; --ink-3:#5b6773;
  --line:#dfe2e4; --soft:#eef0f0; --accent:#b4562a; --accent-2:#8f3f1b; --naranja:#f39200;
  --azul:#123a5c; --azul-2:#0b2740; --azul-3:#2c6a96; --nieve:#eef3f6; --r:4px;
  --serif:"Barlow Condensed",system-ui,sans-serif; --sans:"Nunito Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
body{font-size:16px;background:var(--bg)}
h1,h2,.feat .t,.cathead h1,.pinfo h1,.text h1{font-family:var(--serif);font-weight:700;letter-spacing:.005em;line-height:1.05}
.cathead h1,.pinfo h1,.text h1{color:var(--azul-2)}
h3{font-family:var(--sans);font-weight:700}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--accent)}
:focus-visible{outline:3px solid var(--naranja);outline-offset:2px}

.topbar{background:var(--azul-2);color:#cbd9e5}
.topbar .wrap{padding:6px 28px;font-size:12.5px}
header.site,nav.zones{background:var(--bg)}
header.site{border-bottom:0;box-shadow:inset 0 -1px 0 var(--line)}
.logo{display:inline-flex;align-items:baseline;font-family:var(--serif);font-weight:800;font-size:29px;letter-spacing:.02em;color:var(--azul);text-transform:uppercase}
.logo::before{content:"";align-self:center;width:24px;height:14px;margin-right:9px;background:linear-gradient(90deg,var(--azul) 0 70%,var(--naranja) 70%)}
.logo span{color:var(--accent);font-weight:700;font-size:.72em;text-transform:none;margin-left:1px}
footer .logo{color:#fff}
footer .logo::before{background:linear-gradient(90deg,#fff 0 70%,var(--naranja) 70%)}
footer .logo span{color:var(--naranja)}
.hsearch input{border:1.5px solid var(--line);border-radius:var(--r);background:#fff}
.hsearch input:focus{border-color:var(--azul)}
.cartlink{border-radius:var(--r);background:var(--azul)}
.cartlink .n{background:var(--naranja);color:#fff;font-weight:800}
nav.zones a:hover,nav.zones a.on{color:var(--accent-2);box-shadow:inset 0 -3px 0 var(--accent)}
.btn{border-radius:var(--r);background:var(--azul)}
.btn:hover{background:var(--azul-2)}
.btn.ghost{background:#fff}
.btn.wa-btn{background:#1f9d55}.btn.wa-btn:hover{background:#188246}
.badge{background:var(--accent)!important;color:#fff!important;border-radius:2px!important;font-weight:700}
.card,.feat,.tile,.panelbox{border-radius:var(--r)}
.card:hover,.feat:hover,.tile:hover{transform:none;box-shadow:0 8px 20px -12px rgba(18,58,92,.55);border-color:var(--azul-3)}
footer.site{background:var(--azul-2)}
.price b{color:var(--azul)}
.seg button.on,.fins label:has(input:checked){border-color:var(--azul)!important}
.otraver{background:var(--nieve);border-left:4px solid var(--naranja);padding:9px 12px;margin:10px 0;font-size:14.5px}
.otraver a{color:var(--accent-2);font-weight:700;text-decoration:underline}
.seo{max-width:78ch;color:var(--ink-2);margin-top:30px;font-size:15.5px}
.seo h2{font-size:28px;color:var(--azul-2);margin:0 0 10px;text-transform:uppercase}
.seo p{margin-bottom:12px}
.seo a{color:var(--accent-2);font-weight:700}

/* ---------- portada ---------- */
.hero{text-align:left;background:var(--azul);color:#dce7f0;margin:0 -28px;padding:0 44px;border-radius:0 0 var(--r) var(--r);position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:6px;background:linear-gradient(90deg,var(--naranja) 0 18%,var(--accent) 18% 100%)}
.hit{display:grid;grid-template-columns:150px minmax(0,1fr);gap:56px;align-items:center;padding:34px 0 40px;margin:0}
.hit-t,.hit-t h1,.hit-t .lead{text-align:left;margin-left:0;margin-right:0}
.hit-t .tag{display:inline-block;background:var(--naranja);color:#fff;font-weight:800;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;padding:6px 12px;margin-bottom:16px}
.hit-t h1{font-size:clamp(38px,5vw,66px);line-height:.98;margin:0 0 16px;color:#fff;text-transform:uppercase;max-width:18ch}
.hit-t h1 em{font-style:normal;color:#ffc36b}
.hit-t .lead{font-size:18px;color:#cfdeea;max-width:60ch}
.hit-t .lead b{color:#fff}
.hit-t .big-search{position:relative;max-width:560px;margin:22px 0 0}
.hit-t .big-search input{width:100%;border:0;border-radius:var(--r);padding:15px 18px;font-size:16.5px;background:#fff;outline:0;color:var(--ink)}
.hit-t .big-search input:focus{box-shadow:0 0 0 3px var(--naranja)}
.hit-t .chips{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:14px}
.hit-t .chips a{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 13px;font-size:14px;color:#fff}
.hit-t .chips a:hover{background:#fff;color:var(--azul)}
.hit figcaption{margin-top:22px;padding-left:12px;border-left:3px solid var(--naranja);font-size:14.5px;color:#cfdeea;min-height:44px}
.hit figcaption b{display:block;font-family:var(--serif);font-size:24px;color:#fff;text-transform:uppercase;line-height:1.1}
.clmap svg{width:100%;height:auto;display:block;max-height:740px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.25))}
.clmap path{fill:var(--nieve);stroke:var(--azul);stroke-width:1.6;stroke-linejoin:round;transition:fill .15s}
.clmap a:nth-child(odd) path{fill:#dfe9f0}
.clmap a:hover path,.clmap a:focus path,.clmap a.on path{fill:var(--naranja)}
.clmap a:focus{outline:none}
.clmap a:focus-visible path{stroke:#fff;stroke-width:5}
.fins .fn span:last-child{white-space:nowrap;padding-left:8px}

.regs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:26px;counter-reset:r}
.regs a{display:flex;justify-content:space-between;align-items:baseline;gap:6px;border:1px solid var(--line);border-radius:var(--r);padding:8px 11px;background:#fff;font-size:14.5px;line-height:1.2}
.regs a b{font-weight:700}
.regs a span{font-size:12px;color:var(--ink-3);white-space:nowrap}
.regs a:hover,.regs a.on{border-color:var(--azul-3);box-shadow:inset 0 -3px 0 var(--naranja)}

.hsec{padding:46px 0 8px}
.hsec h2{font-size:clamp(30px,3.2vw,40px);margin-bottom:6px;color:var(--azul-2);text-transform:uppercase}
.hsec .intro{color:var(--ink-2);max-width:70ch;margin-bottom:22px}
.feats3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feats3 .feat .t{font-size:24px;text-transform:none}
.feats3 .feat .im{aspect-ratio:1;padding:0;background:var(--soft)}
.feats3 .feat .im img,.tile img,.card .im img{width:100%;height:100%;object-fit:contain;max-height:none;box-shadow:none}
.tile img{width:72px;height:72px;flex:none}
.band{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;border-top:6px solid var(--azul)}
.band.cobre{background:var(--nieve);border-top-color:var(--accent)}
.band .grid{margin-top:4px}
.band .more-l{display:inline-block;margin-top:16px;font-weight:800;color:var(--accent-2)}

.fintab{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);font-size:15px}
.fintab th,.fintab td{text-align:left;padding:11px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.fintab th{font-weight:700;background:var(--soft);font-size:13.5px}
.fintab td:last-child,.fintab th:last-child{text-align:right;white-space:nowrap;font-weight:800;font-variant-numeric:tabular-nums}
.fintab tr.grp td{background:var(--soft);font-weight:700;font-size:13.5px;color:var(--ink-2);text-align:left}
.fintab td small{display:block;color:var(--ink-3);font-size:13.5px;font-weight:400}
.twocol{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:36px;align-items:start}
.pro{background:var(--azul-2);color:#cbd9e5;padding:28px;border-radius:var(--r);border-top:6px solid var(--naranja)}
.pro h3{color:#fff;font-size:22px;margin-bottom:10px}
.pro ul{margin:12px 0 18px 18px;line-height:1.8}
.pro .btn{background:#fff;color:var(--azul-2)}
.pro .btn.wa-btn{background:#1f9d55;color:#fff}
.seo-home{columns:2 340px;column-gap:40px;color:var(--ink-2);font-size:15.5px}
.seo-home p{margin-bottom:12px;break-inside:avoid}
.seo-home a{color:var(--accent-2);font-weight:700}

@media (max-width:1100px){.regs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:980px){
  .hero{margin:0 -16px;padding:0 16px}
  .hit{grid-template-columns:110px minmax(0,1fr);gap:28px;padding:26px 0 30px}
  .feats3,.twocol{grid-template-columns:1fr}
  .band{padding:20px}
}
@media (max-width:640px){
  .regs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hit{grid-template-columns:78px minmax(0,1fr);gap:18px;align-items:start;padding:22px 0 26px}
  .hit-t h1{font-size:30px}
  .hit-t .lead{font-size:15px}
  .hit-t .chips a{font-size:13px;padding:5px 10px}
  .hit figcaption b{font-size:19px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}