/* =============================================================
   TAGLIA · Página de Contato — custom (mesma linguagem da index)
   Hero escuro + seção clara com cards de contato, social e mapa.
   ============================================================= */

/* link de nav ativo */
.tg-nav__link.is-active{ color:#fff; }
.tg-nav__link.is-active::after{ transform:scaleX(1); }

/* ============================================================
   HERO
   ============================================================ */
.tg-chero{
  position:relative; overflow:hidden; isolation:isolate;
  background:#08080a; color:#fff;
  padding:clamp(150px,16vw,212px) var(--tg-gutter,clamp(20px,4.5vw,68px)) clamp(78px,9vw,116px);
  display:flex; align-items:center;
}
.tg-chero__bg{
  position:absolute; inset:0; z-index:-4;
  background:url('../img/089d548494a7a23e_taglia-power-performance-4.webp') center/cover no-repeat;
  transform:scale(1.06); transition:transform 2.2s var(--tg-ease);
}
.tg-chero.is-in .tg-chero__bg{ transform:scale(1); }
.tg-chero__veil{
  position:absolute; inset:0; z-index:-3;
  background:
    linear-gradient(95deg, #08080a 6%, rgba(8,8,10,.92) 38%, rgba(8,8,10,.58) 66%, rgba(8,8,10,.8) 100%),
    linear-gradient(180deg, rgba(8,8,10,.55) 0%, transparent 28%, transparent 70%, rgba(8,8,10,.72) 100%);
}
.tg-chero__glow{
  position:absolute; left:-6%; bottom:-16%; z-index:-2;
  width:min(640px,58vw); height:min(640px,58vw);
  background:radial-gradient(circle, rgba(235,183,29,.16), rgba(235,183,29,.05) 44%, transparent 66%);
  filter:blur(8px); pointer-events:none;
}
.tg-chero__grid{
  position:absolute; inset:0; z-index:-2; opacity:.55; pointer-events:none;
  background-image:linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:104px 100%;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 48%);
          mask-image:linear-gradient(90deg,#000,transparent 48%);
}
.tg-chero__wrap{ position:relative; z-index:1; width:100%; max-width:1280px; margin:0 auto; }

.tg-chero__eyebrow{
  display:inline-flex; align-items:center; gap:12px;
  font-family:var(--tg-sans); font-size:13px; font-weight:600;
  letter-spacing:.24em; text-transform:uppercase; color:#dcdcdc;
  opacity:0; transform:translateY(16px);
}
.tg-chero__eyebrow::before{ content:""; width:30px; height:2px; background:var(--tg-amber); }
.tg-chero__title{
  font-family:var(--tg-sans) !important; font-weight:700 !important;
  font-size:clamp(34px,5vw,62px) !important; line-height:1.05 !important;
  letter-spacing:-.025em !important; color:#fff !important;
  margin:clamp(20px,2.4vw,28px) 0 0 !important; max-width:720px;
  opacity:0; transform:translateY(22px);
}
.tg-chero__title em{
  font-style:normal;
  background:linear-gradient(92deg,#ffd96a 0%,#ebb71d 60%,#d49e09 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.tg-chero__lead{
  font-family:var(--tg-sans) !important; font-size:clamp(15.5px,1.25vw,18px) !important;
  line-height:1.7 !important; color:#b6b6bc !important;
  margin:clamp(22px,2.4vw,30px) 0 0 !important; max-width:560px;
  opacity:0; transform:translateY(22px);
}
.tg-chero.is-in .tg-chero__eyebrow,
.tg-chero.is-in .tg-chero__title,
.tg-chero.is-in .tg-chero__lead{
  opacity:1; transform:none;
  transition:opacity .8s var(--tg-ease), transform .8s var(--tg-ease);
}
.tg-chero.is-in .tg-chero__title{ transition-delay:.08s; }
.tg-chero.is-in .tg-chero__lead{ transition-delay:.16s; }

/* ============================================================
   SEÇÃO DE CONTATO (clara)
   ============================================================ */
.tg-cinfo{
  background:#fff; color:#141414;
  padding:clamp(64px,8vw,110px) var(--tg-gutter,clamp(20px,4.5vw,68px)) clamp(72px,9vw,120px);
}
.tg-cinfo__wrap{ max-width:1280px; margin:0 auto; }
.tg-cinfo__head{ max-width:700px; margin-bottom:clamp(40px,5vw,62px); }
.tg-cinfo__eyebrow{
  display:inline-flex; align-items:center; gap:11px;
  font-family:var(--tg-sans); font-size:13px; font-weight:600;
  letter-spacing:.2em; text-transform:uppercase; color:#7a7a7a;
}
.tg-cinfo__eyebrow::before{ content:""; width:9px; height:9px; background:var(--tg-amber); }
.tg-cinfo__title{
  font-family:var(--tg-sans) !important; font-weight:700 !important;
  font-size:clamp(28px,3.4vw,44px) !important; line-height:1.1 !important;
  letter-spacing:-.02em !important; color:#141414 !important;
  margin:clamp(16px,1.8vw,22px) 0 0 !important;
}
.tg-cinfo__sub{
  font-family:var(--tg-sans) !important; font-size:clamp(15px,1.2vw,17px) !important;
  line-height:1.7 !important; color:#5c5c5c !important; margin:14px 0 0 !important; max-width:540px;
}

.tg-cinfo__grid{
  display:grid; grid-template-columns:1fr 1.05fr;
  gap:clamp(28px,3.4vw,56px); align-items:stretch;
}
.tg-cinfo__cards{ display:flex; flex-direction:column; gap:14px; }

.tg-ccard{
  display:flex; align-items:center; gap:18px;
  padding:19px 22px; border-radius:14px;
  border:1px solid #ececec; background:#fafafa;
  transition:border-color .3s var(--tg-ease), background-color .3s ease, transform .3s var(--tg-ease), box-shadow .3s ease;
}
.tg-ccard:hover{ border-color:#e6cf86; background:#fff; transform:translateY(-2px); box-shadow:0 18px 42px -24px rgba(20,20,28,.32); }
.tg-ccard__ic{
  flex:none; width:50px; height:50px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(235,183,29,.14); color:#b8890c;
  transition:background-color .3s ease, color .3s ease;
}
.tg-ccard:hover .tg-ccard__ic{ background:var(--tg-amber); color:#0b0b0d; }
.tg-ccard__ic svg{ width:22px; height:22px; }
.tg-ccard__tx{ display:flex; flex-direction:column; min-width:0; }
.tg-ccard__tx small{
  font-family:var(--tg-sans); font-size:12px; font-weight:500;
  letter-spacing:.06em; text-transform:uppercase; color:#9a9a9a;
}
.tg-ccard__tx strong{
  font-family:var(--tg-sans); font-size:16.5px; font-weight:600; color:#1a1a1a; margin-top:3px;
}

/* social */
.tg-csocial{
  display:flex; align-items:center; gap:16px; flex-wrap:wrap;
  margin-top:6px; padding:14px 4px 2px;
}
.tg-csocial__label{
  font-family:var(--tg-sans); font-size:13px; font-weight:600;
  letter-spacing:.12em; text-transform:uppercase; color:#7a7a7a;
}
.tg-csocial__icons{ display:flex; gap:10px; }
.tg-csocial__icons a{
  width:42px; height:42px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  border:1px solid #e4e4e4; color:#444;
  transition:background-color .3s ease, border-color .3s ease, color .3s ease, transform .3s var(--tg-ease);
}
.tg-csocial__icons a svg{ width:17px; height:17px; }
.tg-csocial__icons a:hover{ background:var(--tg-amber); border-color:var(--tg-amber); color:#0b0b0d; transform:translateY(-3px); }

/* mapa */
.tg-cinfo__map{
  position:relative; border-radius:18px; overflow:hidden;
  border:1px solid #e6e6e6; box-shadow:0 30px 70px -36px rgba(20,20,28,.42);
  min-height:440px;
}
.tg-cinfo__map iframe{
  position:absolute; inset:0; width:100%; height:100%; border:0;
  filter:grayscale(.18) contrast(1.02);
}

/* reveal */
.tg-ccard, .tg-csocial, .tg-cinfo__map{ opacity:0; transform:translateY(22px); }
.tg-cinfo.is-in .tg-ccard,
.tg-cinfo.is-in .tg-csocial,
.tg-cinfo.is-in .tg-cinfo__map{
  opacity:1; transform:none;
  transition:opacity .7s var(--tg-ease), transform .7s var(--tg-ease);
}
.tg-cinfo.is-in .tg-ccard:nth-child(2){ transition-delay:.06s; }
.tg-cinfo.is-in .tg-ccard:nth-child(3){ transition-delay:.12s; }
.tg-cinfo.is-in .tg-ccard:nth-child(4){ transition-delay:.18s; }
.tg-cinfo.is-in .tg-csocial{ transition-delay:.24s; }
.tg-cinfo.is-in .tg-cinfo__map{ transition-delay:.1s; }

/* ============================================================
   RESPONSIVO
   ============================================================ */
@media (max-width:900px){
  .tg-cinfo__grid{ grid-template-columns:1fr; gap:32px; }
  .tg-cinfo__map{ min-height:330px; order:2; }
}