:root{--blue:#004C80;--orange:#F15A24;--text:#13293A;--muted:#F5F7FB;--card:#FFFFFF}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Open Sans',sans-serif;color:var(--text);background:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1200px,92%);margin:0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--orange);color:#fff;padding:.9rem 1.25rem;border-radius:12px;border:none;cursor:pointer;font-weight:700;box-shadow:0 6px 18px rgba(241,90,36,.25);transition:.2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(241,90,36,.35)}
.btn-outline{background:#fff;color:var(--orange);border:2px solid var(--orange)}
.badge{display:inline-block;background:#ECF6FF;color:#0B5394;border:1px solid #CFE2FF;padding:.25rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600}
header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid #EEF2F6;box-shadow:0 2px 12px rgba(0,0,0,.03)}
.head{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0}
.logo{height:46px}
nav{display:flex;align-items:center;gap:.3rem}
nav a{padding:.6rem .9rem;border-radius:10px;font-weight:600}
nav a:hover{background:rgba(0,0,0,.05)}
.hamb{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;border:1px solid #E7EDF4;background:#fff}
.hamb span,.hamb::before,.hamb::after{content:"";display:block;width:20px;height:2px;background:#0E2946;border-radius:2px}
.hamb::before{transform:translateY(-6px)}
.hamb::after{transform:translateY(6px)}
.mobile-nav{display:none;flex-direction:column;gap:.4rem;padding:.6rem;background:#fff;border:1px solid #E7EDF4;border-radius:12px;margin:.6rem 0}
.marquee{white-space:nowrap;overflow:hidden;background:#0b3a60;color:#a7c0d8;border-top:1px solid #0e426e;border-bottom:1px solid #0e426e}
.marquee span{display:inline-block;padding:.55rem 0;animation:mar 22s linear infinite}
@keyframes mar{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
.hero{background:linear-gradient(180deg,#08385d, #004C80);color:#fff}
.hero .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center;padding:2.7rem 0}
.hero h1{font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.15;margin:0 0 .6rem}
.hero p.lead{opacity:.95;margin:0 0 1rem}
.actions{display:flex;gap:.8rem;flex-wrap:wrap}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.2rem}
.kpi{background:#ffffff10;padding:1rem;border-radius:14px;border:1px solid #ffffff30;text-align:center}
.kpi b{font-size:1.8rem}
.section{padding:3rem 0}
.section.alt{background:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}
.card{background:var(--card);border:1px solid #EEF2F6;border-radius:18px;padding:1.1rem;box-shadow:0 10px 30px rgba(10,37,64,.05)}
.card h3{margin:.2rem 0 .5rem}
.form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form .full{grid-column:1/-1}
label{font-size:.92rem;font-weight:700;margin-bottom:.35rem;display:block}
input,select,textarea{width:100%;padding:.9rem;border:1px solid #DFE7EF;border-radius:12px;font-size:1rem;background:#fff}
.small{font-size:.93rem;opacity:.9}
.map{height:280px;border-radius:14px;border:1px solid #E5EDF5;overflow:hidden}
.timeline{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.step{display:flex;align-items:center;gap:.5rem}
.step .dot{width:14px;height:14px;border-radius:50%;background:#d0d7de;border:2px solid #9aa6af}
.step.active .dot{background:var(--orange);border-color:var(--orange)}
footer{background:#0b2f4d;color:#d8e6f3;margin-top:2rem}
footer .grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;padding:2rem 0}
.copy{border-top:1px solid #174466;padding:1rem 0;color:#a7c0d8}
.whatsapp-fab{position:fixed;right:14px;bottom:14px;z-index:70}
@media (max-width:990px){.head nav{display:none}.hamb{display:flex}.hero .wrap{grid-template-columns:1fr}.logo{height:44px}.kpis{grid-template-columns:repeat(2,1fr)}.form{grid-template-columns:1fr}}
@media (max-width:560px){.logo{height:40px}.kpi b{font-size:1.5rem}.hero .wrap{padding:2rem 0}}