/* =============================================================
   TAGLIA · Página "A Empresa" — custom
   Hero reaproveitado (igual produtos/contato) + bloco "Sobre".
   ============================================================= */

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

/* ============================================================
   DOBRA 1 · HERO  (mesmo padrão de produtos/contato)
   ============================================================ */
.tg-phero{
  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-phero__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-phero.is-in .tg-phero__bg{ transform:scale(1); }
.tg-phero__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-phero__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-phero__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-phero__wrap{ position:relative; z-index:1; width:100%; max-width:1280px; margin:0 auto; }
.tg-phero__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-phero__eyebrow::before{ content:""; width:30px; height:2px; background:var(--tg-amber); }
.tg-phero__title{
  font-family:var(--tg-sans) !important; font-weight:700 !important;
  font-size:clamp(38px,5.6vw,72px) !important; line-height:1.04 !important;
  letter-spacing:-.026em !important; color:#fff !important;
  margin:clamp(20px,2.4vw,28px) 0 0 !important; max-width:760px;
  opacity:0; transform:translateY(22px);
}
.tg-phero__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-phero__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-phero.is-in .tg-phero__eyebrow,
.tg-phero.is-in .tg-phero__title,
.tg-phero.is-in .tg-phero__lead{
  opacity:1; transform:none;
  transition:opacity .8s var(--tg-ease), transform .8s var(--tg-ease);
}
.tg-phero.is-in .tg-phero__title{ transition-delay:.08s; }
.tg-phero.is-in .tg-phero__lead{ transition-delay:.16s; }

/* ============================================================
   DOBRA 2 · SOBRE A EMPRESA (foto + título + texto)
   ============================================================ */
.tg-eabout{ background:#fff; color:#141414; padding:clamp(66px,8vw,114px) var(--tg-gutter,clamp(20px,4.5vw,68px)); }
.tg-eabout__wrap{
  max-width:1280px; margin:0 auto;
  display:grid; grid-template-columns:0.94fr 1.06fr; gap:clamp(36px,5vw,84px); align-items:center;
}
.tg-eabout__media{
  border-radius:20px; overflow:hidden; aspect-ratio:4/4.5;
  box-shadow:0 38px 84px -36px rgba(20,20,28,.42);
  opacity:0; transform:translateY(26px) scale(.99);
}
.tg-eabout__media img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform 1.1s var(--tg-ease); }
.tg-eabout__media:hover img{ transform:scale(1.05); }
.tg-eabout.is-in .tg-eabout__media{ opacity:1; transform:none; transition:opacity .85s var(--tg-ease), transform .85s var(--tg-ease); }

.tg-eabout__eyebrow{
  display:inline-flex; align-items:center; gap:11px; font-size:13px; font-weight:600;
  letter-spacing:.2em; text-transform:uppercase; color:#7a7a7a;
  opacity:0; transform:translateY(18px);
}
.tg-eabout__eyebrow::before{ content:""; width:9px; height:9px; background:var(--tg-amber); }
.tg-eabout__title{
  font-family:var(--tg-sans) !important; font-weight:700 !important;
  font-size:clamp(27px,3.2vw,44px) !important; line-height:1.12 !important;
  letter-spacing:-.02em !important; color:#141414 !important;
  margin:clamp(16px,1.8vw,22px) 0 0 !important; max-width:20ch;
  opacity:0; transform:translateY(22px);
}
.tg-eabout__text{ margin:clamp(20px,2.4vw,28px) 0 0; opacity:0; transform:translateY(22px); }
.tg-eabout__text p{
  font-family:var(--tg-sans) !important; font-size:clamp(15px,1.15vw,16.5px) !important;
  line-height:1.74 !important; color:#5c5c5c !important; margin:0 0 16px !important; max-width:56ch;
}
.tg-eabout__text p:last-child{ margin-bottom:0 !important; }
.tg-eabout.is-in .tg-eabout__eyebrow,
.tg-eabout.is-in .tg-eabout__title,
.tg-eabout.is-in .tg-eabout__text{
  opacity:1; transform:none; transition:opacity .8s var(--tg-ease), transform .8s var(--tg-ease);
}
.tg-eabout.is-in .tg-eabout__title{ transition-delay:.08s; }
.tg-eabout.is-in .tg-eabout__text{ transition-delay:.16s; }

/* variações do bloco "sobre" */
.tg-eabout--gray{ background:#f5f5f5; }
.tg-eabout--rev .tg-eabout__wrap{ grid-template-columns:1.06fr 0.94fr; }

/* ============================================================
   DOBRA 4 · MISSÃO / VALORES / VISÃO  (escuro)
   ============================================================ */
.tg-emvv{ background:#0c0c0c; color:#fff; padding:clamp(72px,9vw,122px) var(--tg-gutter,clamp(20px,4.5vw,68px)); }
.tg-emvv__wrap{
  max-width:1200px; margin:0 auto;
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,5vw,88px); align-items:start;
}
.tg-emvv__head{ max-width:none; position:sticky; top:clamp(98px,11vh,130px); align-self:start; }
.tg-emvv__eyebrow{
  display:inline-flex; align-items:center; gap:11px; font-size:13px; font-weight:600;
  letter-spacing:.2em; text-transform:uppercase; color:#cfcfcf;
}
.tg-emvv__eyebrow::before{ content:""; width:9px; height:9px; background:var(--tg-amber); }
.tg-emvv__title{
  font-family:var(--tg-sans) !important; font-weight:700 !important;
  font-size:clamp(27px,3.2vw,44px) !important; line-height:1.12 !important;
  letter-spacing:-.02em !important; color:#fff !important; margin:clamp(16px,1.8vw,22px) 0 0 !important;
}
.tg-emvv__intro{
  font-family:var(--tg-sans) !important; font-size:clamp(15px,1.15vw,16.5px) !important;
  line-height:1.74 !important; color:#9a9a9f !important; margin:clamp(18px,2vw,24px) 0 0 !important; max-width:44ch;
}

/* coluna direita: Missão / Valores / Visão empilhados */
.tg-emvv__list{ display:flex; flex-direction:column; }
.tg-emvv__item{
  padding:clamp(24px,2.6vw,32px) 0; border-top:1px solid rgba(255,255,255,.1);
  opacity:0; transform:translateY(22px);
}
.tg-emvv__item:first-child{ border-top:none; padding-top:0; }
.tg-emvv__item:last-child{ padding-bottom:0; }
.tg-emvv.is-in .tg-emvv__item{ opacity:1; transform:none; transition:opacity .7s var(--tg-ease), transform .7s var(--tg-ease); }
.tg-emvv.is-in .tg-emvv__item:nth-child(2){ transition-delay:.1s; }
.tg-emvv.is-in .tg-emvv__item:nth-child(3){ transition-delay:.2s; }
.tg-emvv__label{
  display:inline-flex; align-items:center; gap:13px;
  font-family:var(--tg-sans); font-size:21px; font-weight:600; letter-spacing:-.01em; color:#fff;
}
.tg-emvv__label::before{ content:""; width:24px; height:2px; background:var(--tg-amber); flex:none; }
.tg-emvv__text{
  font-family:var(--tg-sans); font-size:15.5px; line-height:1.74; color:#a9a9af; margin:12px 0 0; max-width:48ch;
}

/* ============================================================
   DOBRA 5 · RECONHECIMENTO + MARCAS REPRESENTADAS
   ============================================================ */
.tg-erecog{ background:#fff; color:#141414; padding:clamp(66px,8vw,112px) var(--tg-gutter,clamp(20px,4.5vw,68px)); }
.tg-erecog__wrap{ max-width:1280px; margin:0 auto; }
.tg-erecog__grid{ display:grid; grid-template-columns:1.1fr 0.9fr; gap:clamp(34px,5vw,76px); align-items:center; }
.tg-erecog__map{ opacity:0; transform:translateY(22px); }
.tg-erecog__map img{ width:100%; height:auto; display:block; filter:saturate(0) opacity(.82); }
.tg-erecog.is-in .tg-erecog__map{ opacity:1; transform:none; transition:opacity .8s var(--tg-ease), transform .8s var(--tg-ease); }
.tg-erecog__eyebrow{
  display:inline-flex; align-items:center; gap:11px; font-size:13px; font-weight:600;
  letter-spacing:.2em; text-transform:uppercase; color:#7a7a7a;
}
.tg-erecog__eyebrow::before{ content:""; width:9px; height:9px; background:var(--tg-amber); }
.tg-erecog__title{
  font-family:var(--tg-sans) !important; font-weight:700 !important;
  font-size:clamp(28px,3.6vw,48px) !important; line-height:1.1 !important;
  letter-spacing:-.022em !important; color:#141414 !important; margin:clamp(14px,1.6vw,20px) 0 0 !important; max-width:13ch;
}
.tg-erecog__text{
  font-family:var(--tg-sans) !important; font-size:clamp(15px,1.2vw,17px) !important;
  line-height:1.74 !important; color:#5c5c5c !important; margin:clamp(18px,2vw,24px) 0 0 !important; max-width:50ch;
}
.tg-erecog__brands{
  margin-top:clamp(28px,3vw,40px); padding-top:clamp(26px,2.6vw,34px); border-top:1px solid #ececec;
}
.tg-erecog__brands-label{
  display:block; font-family:var(--tg-sans); font-size:12.5px; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; color:#9a9a9a; margin-bottom:clamp(16px,1.8vw,22px);
}
.tg-erecog__logos{ display:flex; align-items:center; gap:clamp(26px,3vw,48px); flex-wrap:wrap; }
.tg-erecog__logos img{
  height:clamp(30px,2.8vw,40px); width:auto; display:block;
  opacity:.95; transition:opacity .3s ease, transform .3s ease;
}
.tg-erecog__logos img:hover{ opacity:1; transform:translateY(-2px); }

/* ============================================================
   DOBRA 6 · CALL TO ACTION (igual ao final da home)
   ============================================================ */
.tg-fcta{
  position:relative; overflow:hidden; isolation:isolate; background:#08080a;
  min-height:clamp(560px,60vw,720px); display:flex; align-items:center;
}
.tg-fcta__bg{
  position:absolute; inset:0; z-index:-4;
  background:url('../img/3858342ed5da1ebe_taglia-power-performance-autom.jpg') no-repeat;
  background-size:cover; background-position:72% center;
  transform:scale(1.08); transition:transform 2.4s var(--tg-ease);
}
.tg-fcta.is-in .tg-fcta__bg{ transform:scale(1); }
.tg-fcta__veil{
  position:absolute; inset:0; z-index:-3;
  background:
    linear-gradient(90deg, #08080a 0%, rgba(8,8,10,.95) 26%, rgba(8,8,10,.62) 52%, rgba(8,8,10,.12) 76%, rgba(8,8,10,.5) 100%),
    linear-gradient(180deg, rgba(8,8,10,.55) 0%, transparent 22%, transparent 76%, rgba(8,8,10,.7) 100%);
}
.tg-fcta__glow{
  position:absolute; z-index:-2; left:-8%; bottom:-12%;
  width:min(720px,68vw); height:min(720px,68vw);
  background:radial-gradient(circle, rgba(235,183,29,.18), rgba(235,183,29,.06) 42%, transparent 66%);
  filter:blur(6px); pointer-events:none;
}
.tg-fcta__grid{
  position:absolute; inset:0; z-index:-2; 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 0%, transparent 46%);
          mask-image:linear-gradient(90deg, #000 0%, transparent 46%);
  opacity:.7;
}
.tg-fcta__wrap{
  position:relative; z-index:1; width:100%; max-width:1280px; margin:0 auto;
  padding-inline:var(--tg-gutter, clamp(20px,4.5vw,68px)); padding-block:clamp(72px,8vw,112px);
}
.tg-fcta__content{ max-width:580px; }
.tg-fcta__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;
  margin-bottom:clamp(22px,2.6vw,30px); opacity:0; transform:translateY(18px);
}
.tg-fcta__eyebrow::before{ content:""; width:30px; height:2px; background:var(--tg-amber); }
.tg-fcta__title{
  font-family:var(--tg-sans) !important; font-weight:700 !important;
  font-size:clamp(34px,4.7vw,60px) !important; line-height:1.06 !important; letter-spacing:-.025em !important;
  color:#fff !important; margin:0 0 clamp(20px,2.4vw,28px) !important; opacity:0; transform:translateY(22px);
}
.tg-fcta__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-fcta__lead{
  font-family:var(--tg-sans) !important; font-size:clamp(15.5px,1.2vw,17.5px) !important; line-height:1.72 !important;
  color:#b3b3b9 !important; margin:0 0 clamp(34px,3.6vw,44px) !important; max-width:460px; opacity:0; transform:translateY(22px);
}
.tg-fcta__actions{ display:flex; align-items:center; gap:clamp(20px,2.6vw,34px); flex-wrap:wrap; opacity:0; transform:translateY(22px); }
.tg-fcta__btn{
  display:inline-flex; align-items:center; gap:12px;
  font-family:var(--tg-sans); font-size:15px; font-weight:600; color:#0b0b0d; background:var(--tg-amber);
  padding:17px 30px; border-radius:11px; box-shadow:0 14px 34px -14px rgba(235,183,29,.5);
  transition:transform .4s var(--tg-ease), box-shadow .4s ease, background-color .35s ease;
}
.tg-fcta__btn svg{ width:18px; height:18px; transition:transform .4s var(--tg-ease); }
.tg-fcta__btn:hover{ background:var(--tg-amber-2); transform:translateY(-3px); box-shadow:0 22px 48px -16px rgba(235,183,29,.62); }
.tg-fcta__btn:hover svg{ transform:translateX(5px); }
.tg-fcta__phone{ display:inline-flex; align-items:center; gap:13px; color:#fff; transition:color .3s ease; }
.tg-fcta__phone-ic{
  flex:none; width:46px; height:46px; border-radius:50%; border:1px solid rgba(255,255,255,.2);
  display:flex; align-items:center; justify-content:center;
  transition:border-color .35s ease, background-color .35s ease, transform .35s ease;
}
.tg-fcta__phone-ic svg{ width:19px; height:19px; }
.tg-fcta__phone-tx{ display:flex; flex-direction:column; line-height:1.25; }
.tg-fcta__phone-tx small{ font-family:var(--tg-sans); font-size:12px; font-weight:500; letter-spacing:.04em; color:#8c8c92; }
.tg-fcta__phone-tx strong{ font-family:var(--tg-sans); font-size:16.5px; font-weight:600; color:#fff; transition:color .3s ease; }
.tg-fcta__phone:hover .tg-fcta__phone-ic{ border-color:var(--tg-amber); background:rgba(235,183,29,.12); transform:translateY(-2px); }
.tg-fcta__phone:hover .tg-fcta__phone-tx strong{ color:var(--tg-amber-2); }
.tg-fcta.is-in .tg-fcta__eyebrow,
.tg-fcta.is-in .tg-fcta__title,
.tg-fcta.is-in .tg-fcta__lead,
.tg-fcta.is-in .tg-fcta__actions{
  opacity:1; transform:none; transition:opacity .8s var(--tg-ease), transform .8s var(--tg-ease);
}
.tg-fcta.is-in .tg-fcta__title{ transition-delay:.08s; }
.tg-fcta.is-in .tg-fcta__lead{ transition-delay:.16s; }
.tg-fcta.is-in .tg-fcta__actions{ transition-delay:.24s; }

/* ---------- responsivo ---------- */
@media (max-width:900px){
  .tg-eabout__wrap{ grid-template-columns:1fr; gap:34px; }
  .tg-eabout__media{ aspect-ratio:16/10; order:-1; }
  .tg-emvv__wrap{ grid-template-columns:1fr; gap:38px; }
  .tg-emvv__head{ position:static; }
  .tg-erecog__grid{ grid-template-columns:1fr; gap:32px; }
  .tg-erecog__map{ order:2; }
}
@media (max-width:860px){
  .tg-fcta{ min-height:auto; }
  .tg-fcta__bg{ background-position:64% 18%; }
  .tg-fcta__veil{ background:linear-gradient(180deg, rgba(8,8,10,.5) 0%, rgba(8,8,10,.86) 46%, #08080a 100%); }
  .tg-fcta__grid{ display:none; }
  .tg-fcta__content{ max-width:none; }
  .tg-fcta__actions{ flex-direction:column; align-items:flex-start; gap:26px; }
}
@media (max-width:480px){
  .tg-fcta__btn{ width:100%; justify-content:center; }
}