:root{
  --bg:#0A0A0A; --ink:#FFFFFF; --accent:#F26B35;
  --ink-70:#ffffffb3; --ink-50:#ffffff80;
  --rad:16px; --header-h:74px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;line-height:1.6}
.bg-orbs{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.orb{position:absolute;width:44vmax;height:44vmax;border-radius:50%;filter:blur(80px);opacity:.25}
.orb-orange{background:radial-gradient(closest-side,#F26B35,transparent 70%);top:-10vmax;left:-10vmax;animation:float 16s ease-in-out infinite}
.orb-orange-2{background:radial-gradient(closest-side,#F26B35,transparent 70%);bottom:-12vmax;right:-8vmax;animation:float 22s ease-in-out infinite reverse}
.orb-white{background:radial-gradient(closest-side,#FFFFFF,transparent 65%);top:30%;right:35%;width:34vmax;height:34vmax;opacity:.15;animation:float 18s ease-in-out infinite}
@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(10px,-20px)}}
.container{max-width:1100px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
.lead{color:var(--ink-70)} .center{text-align:center}
.site-header{position:fixed;inset-inline:0;top:0;z-index:999;background:rgba(10,10,10,.75);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #ffffff1a;transition:box-shadow .2s ease,background .2s ease}
.site-header.scrolled{box-shadow:0 8px 30px rgba(0,0,0,.45);background:rgba(10,10,10,.92)}
.header-grid{display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:var(--header-h)}
.brand-badge{display:inline-flex;padding:6px 10px;border-radius:12px;background:#ffffff12;border:1px solid #ffffff26}
.brand-badge--sm{padding:4px 8px;border-radius:10px}
.nav-toggle{display:none;background:transparent;border:0;padding:6px;cursor:pointer}
.nav-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;border-radius:2px}
.primary-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;justify-content:center}
.primary-nav a{text-decoration:none;color:#fff;font-weight:800}
.primary-nav a:hover{color:var(--accent)}
.hero{padding-top:calc(var(--header-h) + 32px);padding-bottom:56px;text-align:center}
.hero-logo{margin-inline:auto;width:min(240px,56vw);filter:drop-shadow(0 10px 50px #000)}
.hero h1{margin:.75rem 0 .4rem;font-size:clamp(1.7rem,4.6vw,2.6rem)}
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-width:170px;padding:.9rem 1.15rem;border-radius:14px;text-decoration:none;font-weight:900;border:2px solid transparent;transition:transform .12s ease,filter .2s ease,background .2s ease,border-color .2s ease}
.btn:active{transform:scale(.98)} .btn-accent{background:var(--accent);color:#000} .btn-accent:hover{filter:brightness(1.05)}
.btn-ghost{background:transparent;color:#fff;border-color:#ffffff55} .btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.trust-bullets{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:18px 0 0;padding:0;list-style:none}
.trust-bullets li{background:#ffffff12;border:1px solid #ffffff26;color:#fff;padding:.45rem .8rem;border-radius:999px}
.section{padding:64px 0} .section-header{text-align:center;max-width:820px;margin:0 auto 28px}
.section-header h2{margin:0 0 .35rem;font-size:clamp(1.5rem,3.5vw,2.1rem)} .section-header p{color:var(--ink-70)}
.glass{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;backdrop-filter:blur(8px)}
.card{padding:20px} .cards-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)} .card .icon{font-size:26px;margin-bottom:8px}
.about-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
.gallery-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)} .shot img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;border-radius:14px} .shot{overflow:hidden} .shot:hover img{transform:scale(1.03);transition:transform .4s ease}
.testi-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)} .testi{padding:18px} .testi footer{color:var(--ink-50)}
.cta-band{background:linear-gradient(90deg,#121212 0%,#1a1a1a 100%);border-block:1px solid #ffffff12} .cta-band-inner{padding:32px 0;text-align:center}
.cta-band h3{margin:0 0 10px;font-size:clamp(1.2rem,3.5vw,1.6rem)}
.quick-contacts{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;justify-content:center}
.chip{background:#ffffff0f;border:1px solid #ffffff2b;border-radius:999px;padding:.55rem .9rem;text-decoration:none;color:#fff;font-weight:800}
.chip:hover{border-color:var(--accent);color:var(--accent)}
.site-footer{border-top:1px solid #ffffff1a;padding:28px 0;margin-top:64px}
.footer-grid{display:grid;gap:16px;align-items:center;grid-template-columns:1fr auto 1fr}

/* === Footer atualizado para ícones SVG === */
.footer-grid .social{
  display:flex;
  gap:16px;
  justify-content:center;
}
.footer-grid .social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px;
  border-radius:10px;
  transition:transform .15s ease, background .2s ease, filter .2s ease;
  /* sem cor de texto; usamos imagens SVG */
}
.footer-grid .social a:hover{
  transform:translateY(-2px);
  background:#ffffff12;
}
.footer-grid .social a img{
  width:28px;
  height:28px;
  display:block;
}

.footer-grid .copy{justify-self:end;color:#ffffff99}

@media (max-width: 880px){
  .about-grid,.cards-grid,.gallery-grid,.testi-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr;text-align:center}
  .footer-grid .copy{justify-self:center}
}
@media (max-width: 640px){
  .about-grid,.cards-grid,.gallery-grid,.testi-grid{grid-template-columns:1fr}
  .header-grid{grid-template-columns:auto auto auto}
  .primary-nav{position:fixed;inset-inline:0;top:var(--header-h);background:#0f0f0f;transform:translateY(-8px);opacity:0;pointer-events:none;transition:.2s ease;border-bottom:1px solid #ffffff1a}
  .primary-nav.open{transform:none;opacity:1;pointer-events:auto}
  .primary-nav ul{flex-direction:column;gap:0} .primary-nav li{border-top:1px solid #ffffff1a} .primary-nav a{display:block;padding:14px 20px}
  .nav-toggle{display:inline-block;justify-self:end}
}