:root{
  --gti-gold:#d4af37;
  --gti-deep:#0b0e14;
  --gti-accent:#1e90ff;
  --text:#222;
  --muted:#666;
  --bg:#f6f8fc;
}

*{box-sizing:border-box}

html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}

a{color:var(--gti-accent);text-decoration:none}
a:hover{text-decoration:underline}

.container{width:min(1200px,92%);margin:0 auto}

header{
  position:sticky;top:0;z-index:50;
  background:rgba(11,14,20,.9);backdrop-filter:saturate(160%) blur(8px);
  border-bottom:1px solid #111;
}
.nav{display:flex;align-items:center;gap:18px;padding:10px 0;}
.brand{display:flex;align-items:center;gap:12px;color:white}
.brand img{height:44px;width:auto}
.brand .title{font-weight:700;letter-spacing:.5px}
.brand .tag{font-size:.78rem;opacity:.8}
.nav .cta{margin-left:auto;display:flex;gap:10px}
.btn{
  border:none;cursor:pointer;border-radius:999px;
  padding:10px 16px;font-weight:600;
}
.btn.gold{background:var(--gti-gold);color:#17130a}
.btn.ghost{background:transparent;color:#fff;border:1px solid #2a2f3a}

.hero{
  position:relative;min-height:72vh;display:grid;place-items:center;
  background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.35)),url("../assets/img/hero1.jpg") center/cover no-repeat;
  color:#fff;text-align:center;
}
.hero h1{font-size:clamp(2rem,6vw,4.2rem);margin:0 0 10px 0;letter-spacing:.5px}
.hero p{font-size:clamp(1rem,2.6vw,1.2rem);opacity:.95;margin:0 0 18px 0}
.hero .badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;border-radius:999px;font-size:.9rem}

.section{padding:64px 0;background:#fff;margin-top:-1px}
.section.alt{background:var(--bg)}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:#fff;border:1px solid #eceff5;border-radius:18px;overflow:hidden;box-shadow:0 6px 22px rgba(10,14,20,.06)}
.card img{display:block;width:100%;height:180px;object-fit:cover}
.card .p{padding:14px}
.card h3{margin:0 0 4px 0;font-size:1.05rem}
.card p{margin:0;color:var(--muted);font-size:.95rem}

.gallery{columns:1;column-gap:14px}
@media(min-width:700px){.gallery{columns:2}}
@media(min-width:1000px){.gallery{columns:3}}
.gallery a{display:inline-block;margin:0 0 14px 0;border-radius:14px;overflow:hidden;border:1px solid #eceff5;box-shadow:0 8px 24px rgba(10,14,20,.08)}
.gallery img{width:100%;display:block}

.grid{display:grid;gap:24px;grid-template-columns:1fr;align-items:center}
@media(min-width:900px){.grid{grid-template-columns:1.1fr .9fr}}
.frame{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid #e7ebf3;box-shadow:0 8px 24px rgba(10,14,20,.08)}

.social-embeds{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:940px){.social-embeds{grid-template-columns:1fr 1fr}}

.contact{display:grid;gap:24px;grid-template-columns:1fr}
@media(min-width:1000px){.contact{grid-template-columns:1fr 1fr}}

form{background:#fff;padding:18px;border:1px solid #e7ebf3;border-radius:18px;box-shadow:0 8px 24px rgba(10,14,20,.07)}
label{display:block;font-weight:600;margin:10px 0 6px 0}
input,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #dfe5ef;outline:none}
textarea{min-height:140px;resize:vertical}
form .actions{display:flex;gap:12px;margin-top:10px}

footer{
  margin-top:40px;background:#0b0e14;color:#c9d1e1;padding:30px 0;border-top:1px solid #111
}
footer a{color:var(--gti-gold)}

.whatsapp-float{
  position:fixed;right:18px;bottom:18px;height:56px;width:56px;border-radius:50%;
  background:#25D366;display:grid;place-items:center;box-shadow:0 10px 28px rgba(37,211,102,.4);
  z-index:1000;
}
.whatsapp-float img{width:30px;height:30px;filter:invert(1)}
.small{font-size:.92rem;color:var(--muted)}