
:root{
  --ink:#f4f4f6;
  --muted:#b0b0b8;
  --bg:#0a0b0d;
  --panel:#111218;
  --gold:#FFD700;
  --gold2:#DAA520;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:Montserrat,system-ui,Arial,sans-serif;line-height:1.6}
.container{width:min(1280px,92%);margin:0 auto;padding:56px 0}
h1,h2,h3{font-family:'Playfair Display',serif;color:var(--gold);text-align:center}
h1{font-size:clamp(36px,6vw,72px);text-shadow:0 0 18px rgba(255,215,0,.25)}
h2{font-size:clamp(28px,3.2vw,44px);margin:16px 0}
p{text-align:center;color:#d9dbe2;max-width:980px;margin:0 auto 12px}

.language-switcher{position:fixed;top:18px;right:18px;z-index:9999;background:rgba(0,0,0,.6);border:1px solid var(--gold);border-radius:10px;padding:8px 10px;display:flex;gap:8px}
.language-switcher button{background:none;border:none;color:var(--gold);font-weight:800;cursor:pointer}
.language-switcher button.active{text-decoration:underline}

.cta-button{display:inline-block;padding:18px 26px;background:var(--gold);border:2px solid var(--gold);color:#111;font-weight:800;border-radius:12px;text-decoration:none;box-shadow:0 12px 34px rgba(255,215,0,.35);transition:.2s}
.cta-button:hover{background:var(--gold2);border-color:var(--gold2);transform:translateY(-2px)}

.hero{padding:86px 0 40px;text-align:center}
.hero-map{background:url('../images/hero-map-tech.png') center/cover no-repeat;box-shadow:inset 0 0 0 2000px rgba(0,0,0,.48)}
.hero-subtitle{color:#cfd0d5;margin:6px 0 6px}
.hero-claim{color:#fff;font-size:clamp(22px,2.6vw,38px);margin:12px 0 8px}

.vsl-container{position:relative;aspect-ratio:16/9;width:min(1150px,94%);margin:24px auto;border:4px solid var(--gold);border-radius:16px;overflow:hidden;box-shadow:0 0 26px rgba(255,215,0,.48);background:#000}
.vsl-container iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.pillars{background:#0e0f14;padding:70px 0}
.pillars-grid{display:grid;gap:22px;margin-top:26px;grid-template-columns:repeat(3,minmax(0,1fr))}
.pillar{background:#12131a;border:1.5px solid rgba(255,215,0,.25);border-radius:14px;padding:20px;box-shadow:0 10px 26px rgba(0,0,0,.45)}
.pillar h3{color:var(--gold);margin-bottom:8px}
@media(max-width:1100px){.pillars-grid{grid-template-columns:1fr}}

.global-presence{background:#0b0c12;padding:80px 0;text-align:center}
.countries-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:20px}
.country img{width:64px;height:64px;object-fit:cover;border-radius:50%;border:2px solid var(--gold);margin-bottom:8px}
.country h3{color:var(--gold)}

.form-section{background:#0e0f14;padding:80px 0;text-align:center}
form{width:min(580px,94%);margin:0 auto;background:#12131a;border:1.5px solid rgba(255,215,0,.25);border-radius:14px;padding:22px;box-shadow:0 12px 34px rgba(0,0,0,.5)}
.form-group{margin-bottom:16px;text-align:left}
.form-group label{display:block;color:var(--gold);font-weight:800;margin-bottom:8px}
.form-group input,.form-group select{width:100%;padding:14px;border-radius:10px;border:1.5px solid var(--gold2);background:#171821;color:#fff;outline:none}
.form-group input:focus,.form-group select:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(255,215,0,.2)}
.form-footer-text{margin-top:10px;color:#b0b0b8}

footer{background:#0a0b0f;color:#c6c7cc;text-align:center;padding:30px 0;border-top:1px solid rgba(255,215,0,.12)}

.whatsapp-floating{position:fixed;bottom:26px;right:26px;width:68px;height:68px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px rgba(0,0,0,.35);z-index:50}
.whatsapp-floating img{width:36px;height:36px}

@media(max-width:768px){
  .container{padding:46px 0}
  .vsl-container{border-width:3px}
}
