
:root{
  --bg:#f7faf8; --card:#ffffff; --ink:#17211b; --muted:#5d6c64;
  --brand:#15803d; --brand2:#0f766e; --soft:#e8f7ee; --line:#dce7df; --warn:#fff7df;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;overflow-x:hidden;padding-bottom:82px}
a{color:inherit}
.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px}
.logo{font-weight:900;letter-spacing:-.03em;font-size:18px}.logo span{color:var(--brand)}
.navlinks{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.navlinks a{font-size:13px;text-decoration:none;background:var(--soft);padding:8px 10px;border-radius:999px;font-weight:700}
.hero{background:linear-gradient(135deg,#e8f7ee,#fff7df 62%,#e7f5ff);padding:34px 14px 22px;border-bottom:1px solid var(--line)}
.wrap{max-width:1120px;margin:auto}
.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:12px}
.badge{display:inline-flex;gap:6px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-weight:800;font-size:13px;margin:4px 4px 4px 0}
h1{font-size:clamp(30px,8vw,58px);line-height:.98;margin:12px 0 12px;letter-spacing:-.055em;text-transform:uppercase}
h2{font-size:clamp(23px,5vw,36px);line-height:1.08;margin:0 0 12px;letter-spacing:-.035em}
h3{font-size:20px;margin:0 0 8px}
.lead{font-size:18px;max-width:850px;color:#233329}
.ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;text-decoration:none;border-radius:14px;padding:13px 16px;font-weight:900;border:1px solid transparent}
.btn.whatsapp{background:#16a34a;color:white}.btn.call{background:#111827;color:white}.btn.budget{background:#f59e0b;color:#211500}.btn.secondary{background:#fff;border-color:var(--line)}
section{padding:28px 14px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 8px 24px rgba(15,118,110,.07)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.linkcard{text-decoration:none;display:block;transition:.15s transform}.linkcard:hover{transform:translateY(-2px)}
.linkcard strong{display:block;font-size:18px}.muted{color:var(--muted)}
.pillrow{display:flex;gap:8px;flex-wrap:wrap}.pill{background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:8px 10px;font-size:14px;font-weight:700}
.steps{counter-reset:step}.step{display:flex;gap:12px;align-items:flex-start}.step:before{counter-increment:step;content:counter(step);background:var(--brand);color:white;min-width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:900}
.video-responsive{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:22px;background:#000;border:1px solid var(--line)}
.video-responsive iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.table{width:100%;border-collapse:collapse;background:white;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.table th{background:var(--soft)}
.notice{background:var(--warn);border:1px solid #f1dfaa;border-radius:20px;padding:16px}
.footer{background:#111827;color:white;padding:30px 14px;margin-top:20px}.footer a{color:white}
.fixedbar{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.98);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:9px;z-index:50}
.fixedbar a{text-align:center;text-decoration:none;border-radius:12px;padding:10px 6px;font-size:13px;font-weight:900}.fixedbar .w{background:#16a34a;color:#fff}.fixedbar .p{background:#f59e0b;color:#1f1400}.fixedbar .c{background:#111827;color:#fff}
@media(max-width:700px){.nav{align-items:flex-start;flex-direction:column}.navlinks{justify-content:flex-start}.card{border-radius:18px}.grid{grid-template-columns:1fr}.table{font-size:13px}section{padding:22px 12px}.hero{padding-top:24px}}

.pillrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.pill{display:inline-block;background:#eef7f2;border:1px solid #cce9d9;border-radius:999px;padding:8px 10px;font-weight:700;font-size:14px}.muted{color:#64748b}.linkcard{text-decoration:none;color:inherit}.linkcard:hover{transform:translateY(-2px)}.cta-panel{background:linear-gradient(135deg,#ecfdf5,#fefce8);border:1px solid #bbf7d0;border-radius:24px;padding:24px;box-shadow:0 16px 40px rgba(15,23,42,.08)}
