:root{--ink:#15202b;--muted:#5c6875;--line:#dfe5ea;--brand:#0f766e;--brand-dark:#0b4f4a;--accent:#f97316;--bg:#f7faf9;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 6vw;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center}.brand-logo{width:46px;height:46px;object-fit:contain;border-radius:4px;background:#fff}.brand-logo.wide{width:128px;height:44px;border-radius:0}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:var(--brand);color:#fff;font-weight:700}.brand small{display:block;color:var(--muted);font-size:12px}.nav{display:flex;gap:20px;color:var(--muted);font-size:14px}.nav a:hover{color:var(--brand)}.hero{position:relative;min-height:560px;display:flex;align-items:center;padding:80px 6vw;background:linear-gradient(110deg,rgba(10,37,42,.92),rgba(10,37,42,.6)),url('../img/tacona-logo-institucional.png') right center/auto 82% no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,31,36,.65),rgba(6,31,36,.25))}.hero-content{position:relative;max-width:760px;color:white}.hero-logo{display:block;max-width:300px;width:55%;background:rgba(255,255,255,.92);border-radius:8px;padding:12px;margin-bottom:22px}.telecom-logo{max-width:420px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:var(--brand)}.hero .eyebrow,.subhero .eyebrow{color:#ffe09b}.hero h1,.subhero h1{font-size:clamp(34px,5vw,58px);line-height:1.06;margin:12px 0}.hero p,.subhero p{font-size:18px;max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;padding:11px 16px;background:#fff;color:var(--ink);font-weight:700;cursor:pointer}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn:hover{transform:translateY(-1px)}.btn.full{width:100%}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:0;border-radius:0;overflow:hidden}.metrics div{background:#fff;padding:22px 6vw}.metrics strong{display:block;font-size:28px}.metrics span{color:var(--muted)}.section{padding:62px 6vw}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:42px;align-items:center}.section h2{font-size:32px;line-height:1.15;margin:8px 0 16px}.info-box,.contact-form,.map-card,.coverage-tool{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-card{display:block;background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;min-height:190px}.service-card span{color:var(--brand);font-weight:700}.service-card h3{margin:20px 0 8px}.service-card p{color:var(--muted)}.service-card.highlight{border-color:var(--brand);box-shadow:0 12px 28px rgba(15,118,110,.12)}.cta-band{display:flex;justify-content:space-between;gap:24px;align-items:center;background:var(--brand-dark);color:#fff}.cta-band p{color:#d9f4f1}.contact-form{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:700}input,select{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit}.footer{display:flex;justify-content:space-between;padding:24px 6vw;border-top:1px solid var(--line);background:#fff;color:var(--muted)}.social-links{display:flex;gap:14px;flex-wrap:wrap}.whatsapp{background:#25d366!important;border-color:#25d366!important;color:#063b1b!important}.floating-whatsapp{position:fixed;right:18px;bottom:18px;z-index:20;display:grid;place-items:center;width:56px;height:56px;background:#25d366;border-radius:50%;box-shadow:0 10px 24px rgba(0,0,0,.22);padding:8px}.floating-whatsapp img{width:100%;height:100%;object-fit:cover;border-radius:50%}.subhero{min-height:420px;display:flex;align-items:center;padding:70px 6vw;color:#fff;background:linear-gradient(110deg,rgba(11,79,74,.96),rgba(11,79,74,.68)),url('../img/concept-telecom.png') right center/auto 100% no-repeat}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plans article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.plans strong{color:var(--brand)}.coverage-tool{display:grid;gap:14px;margin-top:18px}.coverage-result{font-weight:700;color:var(--brand-dark)}.interactive-map-card{padding:0;overflow:hidden}.map-card svg{width:100%;height:auto}.map-region{fill:#d6eee9;stroke:#0f766e;stroke-width:3}.map-point{fill:var(--accent);stroke:#fff;stroke-width:4}.map-point.active{fill:var(--brand)}#coverage-map{height:520px;width:100%;z-index:1}.leaflet-container{font-family:Arial,Helvetica,sans-serif}.section-image{width:100%;border-radius:8px;border:1px solid var(--line);object-fit:cover;max-height:360px}.client-preview{background:#fff}.portal-body{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(140deg,#0b4f4a,#f7faf9)}.portal-card{width:min(920px,100%);background:#fff;border-radius:8px;padding:30px;border:1px solid var(--line)}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dashboard{padding:28px 6vw}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dash-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}.dash-card strong{display:block;font-size:28px}.status-ok{color:var(--brand);font-weight:700}.status-warn{color:#b45309;font-weight:700}.client-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.panel-table{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px;font-size:14px}.badge{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.badge.ok{background:#dcfce7;color:#166534}.badge.warn{background:#ffedd5;color:#9a3412}.badge.neutral{background:#e5e7eb;color:#374151}.payment-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);gap:22px}.invoice-summary{display:grid;gap:6px;background:#f1f8f6;border:1px solid var(--line);border-radius:8px;padding:18px;margin:18px 0}.invoice-summary strong{font-size:34px}@media(max-width:860px){.topbar{align-items:flex-start;gap:12px;flex-direction:column}.nav{flex-wrap:wrap}.metrics,.service-grid,.plans,.two-col,.portal-grid,.dash-grid,.client-panel-grid,.payment-layout{grid-template-columns:1fr}.hero{background:linear-gradient(110deg,rgba(10,37,42,.94),rgba(10,37,42,.78)),url('../img/tacona-logo-institucional.png') center/contain no-repeat}.hero,.subhero{min-height:auto}.hero-logo{width:100%;max-width:260px}.section{padding:44px 5vw}.cta-band,.dash-head{display:block}.footer{display:block}.social-links{margin-top:12px}.hero h1,.subhero h1{font-size:34px}#coverage-map{height:380px}}