:root{--bg:#0b0e12;--panel:#0f1319;--muted:#9aa4b2;--text:#e7eaf0;--brand:#cba35a;--accent:#7b1e22;--white:#ffffff}
*{box-sizing:border-box}html,body{margin:0;padding:0;scroll-behavior:smooth}
body{font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text)}
a{color:var(--white);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.btn{display:inline-block;padding:12px 18px;border-radius:999px;background:var(--brand);color:#111;font-weight:700;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.btn.outline{background:transparent;border:2px solid var(--brand);color:var(--text)}
.btn:hover{transform:translateY(-1px)}
.site-header{position:sticky;top:0;background:rgba(11,14,18,.7);backdrop-filter:saturate(140%) blur(6px);z-index:50;border-bottom:1px solid #20252c}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{font-weight:900;letter-spacing:.3px}
.nav{display:flex;gap:16px;align-items:center}
.lang{opacity:.9;border:1px solid #303640;border-radius:12px;padding:8px 10px}
.hero{position:relative;display:grid;place-items:center;text-align:center;min-height:60vh;background:url('../img/hero.svg') center/cover no-repeat}
.hero .overlay{background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.65));position:absolute;inset:0}
.hero .inner{position:relative;z-index:1;padding:60px 20px}
.hero h1{font-size:46px;margin:0 0 10px}
.section{padding:60px 0}
.lead{color:#cfd6df}
.grid-3{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--panel);border:1px solid #1d232d;border-radius:18px;padding:18px;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.card h3{margin:6px 0 8px}
.gallery-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.gallery-grid img{width:100%;height:200px;object-fit:cover;border-radius:14px;display:block;cursor:pointer;border:1px solid #242b35}
.cta{display:flex;gap:12px;justify-content:center;margin-top:16px}
.site-footer{background:#090c10;border-top:1px solid #1e2430;margin-top:40px}
.footer-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:26px 0}
.copy{text-align:center;color:var(--muted);padding:14px}
.info-list{list-style:none;padding:0;margin:0}
.info-list li{margin:6px 0;color:var(--muted)}
.form{max-width:740px;margin:0 auto}
.form label{display:block;margin:8px 0 6px;color:#d8dee7}
.form input,.form textarea{width:100%;padding:12px;border-radius:12px;border:1px solid #2a3240;background:#0b0f15;color:#e8edf4}
.form textarea{min-height:140px;resize:vertical}
.form button{margin-top:12px}
.whatsapp-float{position:fixed;right:16px;bottom:16px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25D366;color:#000;box-shadow:0 8px 22px rgba(0,0,0,.35);z-index:60}
.small{color:var(--muted);font-size:14px}
.badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.service-row{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;margin:24px 0}
.service-row:nth-child(even) .service-media{order:2}
.service-media img{width:100%;border-radius:14px;border:1px solid #242b35;height:280px;object-fit:cover}
@media (max-width:820px){.service-row{grid-template-columns:1fr}.service-row:nth-child(even) .service-media{order:0}.hero h1{font-size:34px}}