:root{
  --brand-blue:#0d5b82;
  --brand-orange:#ff8a2b;
  --ink:#0a0a0a;
  --muted:#f5f7fa;
  --bg:#ffffff;
  --radius:18px;
  --shadow:0 10px 30px rgba(0,0,0,.07);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
img{max-width:100%;display:block;border-radius:var(--radius)}
.container{width:min(1120px,92%);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #eee}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;gap:1rem}
.site-header .brand{height:48px;width:auto}
.site-header nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.site-header nav a{color:#333;text-decoration:none;font-weight:600;padding:.5rem .75rem;border-radius:12px}
.site-header nav a:hover{background:var(--muted)}
.btn{display:inline-block;padding:.85rem 1.1rem;border-radius:14px;text-decoration:none;font-weight:700;border:2px solid transparent}
.btn-primary{background:var(--brand-orange);color:#fff}
.btn-ghost{border-color:#ddd;color:#333;background:#fff}
.hero{position:relative;min-height:68vh;display:grid;place-items:center;overflow:hidden}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.75),rgba(255,255,255,.2));z-index:1}
.hero .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.1) contrast(1.05)}
.hero .hero-content{position:relative;z-index:2;text-align:left;padding:6rem 0}
.hero h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.05;margin:0 0 .5rem}
.hero h1 span{color:var(--brand-blue)}
.hero p{font-size:clamp(1rem,2.2vw,1.25rem);max-width:60ch}
.hero .cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}
.hero .trust{margin-top:1rem;font-weight:700;color:#444}
.section{padding:64px 0}
.section.muted{background:var(--muted)}
.section .lead{color:#333}
h2{font-size:clamp(1.6rem,3.4vw,2.4rem);margin:0 0 1rem}
h2 span{color:var(--brand-blue)}
h3{margin:.5rem 0 0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}
.embed .fb-page{width:100%}
.steps{display:flex;gap:1rem;list-style:none;padding:0;margin:0 0 1.5rem}
.steps li{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;display:flex;align-items:center;gap:.75rem}
.steps li span{display:inline-grid;place-items:center;background:var(--brand-blue);color:#fff;width:34px;height:34px;border-radius:50%;font-weight:800}
.video-wrap{margin-top:1rem;aspect-ratio:16/9;background:#000;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.video-wrap iframe{width:100%;height:100%;border:0}
.map-wrap{aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#e6eef5}
.form label{display:block;font-weight:700;margin:.5rem 0 .25rem}
.form input,.form textarea{width:100%;border:1px solid #ddd;border-radius:12px;padding:.8rem .9rem;font:inherit}
.form button{margin-top:.75rem}
.form .privacy{display:block;margin-top:.5rem;color:#666}
.contact ul{padding-left:1rem}
.site-footer{background:#0e1a22;color:#d9e1e7;padding:1.25rem 0;margin-top:2rem}
.site-footer img{height:42px}
.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.footer-grid a{color:#fff}
.whatsapp{position:fixed;right:18px;bottom:18px;background:#25d366;color:#fff;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;text-decoration:none;box-shadow:0 12px 24px rgba(0,0,0,.2);z-index:50}
.whatsapp svg{width:28px;height:28px}
@media (max-width:900px){
  .grid3{grid-template-columns:1fr 1fr}
  .grid2{grid-template-columns:1fr}
  .hero{min-height:64vh}
}
@media (max-width:560px){
  .grid3{grid-template-columns:1fr}
}