@font-face{font-family:'Barlow Condensed';src:url('fonts/MyriadPro-LightCond.otf') format('opentype');font-weight:300}
@font-face{font-family:'Barlow Condensed';src:url('fonts/MyriadPro-Cond.otf') format('opentype');font-weight:400}
@font-face{font-family:'Barlow Condensed';src:url('fonts/MyriadPro-BoldCond.otf') format('opentype');font-weight:700}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Barlow',sans-serif;background:#fff;color:#111;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}

/* CUSTOM SCROLLBAR */
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#071A30}
::-webkit-scrollbar-thumb{background:var(--blue);border-radius:5px;border:2px solid #071A30}
::-webkit-scrollbar-thumb:hover{background:#1878E8}
html{scrollbar-color:var(--blue) #071A30;scrollbar-width:thin}

/* TEXT SELECTION */
::selection{background:rgba(16,96,200,.25);color:var(--navy)}

/* FOCUS VISIBLE — acessibilidade por teclado */
:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:2px}
a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:3px}

:root{
  --navy:#0D2E52;--navy-dk:#071A30;--blue:#1060C8;
  --green:#46C612;--green-dk:#35A00C;
  --g50:#F5F7F9;--g100:#E8EDF2;--g200:#C8D4DE;--g500:#6B7F91;
  --w:1200px;
}

/* REVEAL */
.rev{opacity:0;transform:translateY(35px);transition:opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1)}
.rev.in{opacity:1;transform:none}
.d3{transition-delay:.21s!important}.d4{transition-delay:.28s!important}

/* ANIMATIONS */
@keyframes wa-pulse {
  0% { transform: scale(1); box-shadow: 0 4px 18px rgba(70, 198, 18, 0.38); }
  50% { transform: scale(1.05); box-shadow: 0 8px 24px rgba(70, 198, 18, 0.5); }
  100% { transform: scale(1); box-shadow: 0 4px 18px rgba(70, 198, 18, 0.38); }
}
@keyframes shimmer {
  0% { left: -55%; }
  100% { left: 125%; }
}

/* HEADER */
#hdr{
  position:fixed;inset:0 0 auto;z-index:900;
  height:72px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 48px;
  background:transparent;
  border-bottom:none;
  transition:background .35s, box-shadow .35s;
}
#hdr.s{
  background:rgba(7,26,48,.96);
  box-shadow:0 2px 24px rgba(0,0,0,.35);
  border-bottom:2px solid var(--green);
}
.hlogo{height:40px;object-fit:contain}
nav{display:flex;align-items:center;gap:0}
nav a{
  font-family:'Barlow',sans-serif;font-weight:600;font-size:18px;
  letter-spacing:.03em;
  color:rgba(255,255,255,.9);
  padding:8px 18px;
  transition:color .15s;
}
nav a:hover, nav a.active{color:var(--green)}
.hwa{
  display:flex;align-items:center;gap:8px;margin-left:16px;
  background:var(--green);color:#fff;
  font-family:'Barlow',sans-serif;font-weight:700;font-size:17px;
  letter-spacing:.04em;
  padding:11px 26px;border-radius:50px;
  transition:background .15s,transform .15s;
}
.hwa:hover{background:var(--green-dk);transform:scale(1.03)}
.hwa{ animation: wa-pulse 3s infinite ease-in-out; }
.hwa svg{width:15px;height:15px;flex-shrink:0}

/* HERO */
#hero{
  position:relative;
  margin-top:0;
  width:100%;
  overflow:hidden;
  background:var(--navy-dk);
}
.hbanner{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  animation:zoomin 8s ease-out forwards;
  transform-origin:center center;
}
@keyframes zoomin{
  from{transform:scale(1.08)}
  to{transform:scale(1)}
}
/* text overlay */
.hover-content{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
}
.htext{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding-left:5%;
  max-width:46%;
}
/* tagline */
.htagline{
  display:flex;align-items:center;gap:10px;
  margin-bottom:16px;
  opacity:0;animation:fu .6s .1s forwards;
}
.htagline-line{width:32px;height:2px;background:var(--green);flex-shrink:0}
.htagline span{
  font-family:'Barlow',sans-serif;font-weight:600;
  font-size:14px;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(255,255,255,.6);
}
/* headline */
h1.big{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;
  font-size:clamp(34px,5.2vw,85px);
  line-height:1.06;
  letter-spacing:.01em;
  color:#fff;
  margin-bottom:14px;
  width:min(750px,100%);
  opacity:0;animation:fu .7s .25s forwards;
}
h1.big em{color:var(--green);font-style:normal}
/* subtitle */
.hsub{
  font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:300;
  font-size:clamp(20px,1.85vw,30px);
  line-height:1.6;
  color:rgba(255,255,255,.88);
  margin-bottom:26px;
  opacity:0;animation:fu .7s .42s forwards;
}
.hsub strong{color:var(--green);font-style:italic;font-weight:300}
/* buttons */
.hbtns{
  display:flex;gap:12px;flex-wrap:wrap;
  opacity:0;animation:fu .7s .58s forwards;
}
.btn-g{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;font-family:'Barlow',sans-serif;font-weight:700;font-size:16px;letter-spacing:.06em;text-transform:uppercase;background:var(--green);color:#fff;padding:16px 32px;border-radius:4px;box-shadow:0 4px 18px rgba(70,198,18,.38);transition:background .15s,transform .15s}
.btn-g::after{content:'';position:absolute;top:0;left:-55%;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);filter:blur(4px);transform:skewX(-20deg);transition:none}
.btn-g:hover::after{animation:shimmer .8s forwards}
.btn-g:hover{
  background:var(--green-dk);
  transform:translateY(-2px);
  box-shadow: 0 0 20px rgba(70,198,18,.6);
  filter: brightness(1.1);
}
.btn-o{display:inline-flex;align-items:center;gap:8px;font-family:'Barlow',sans-serif;font-weight:700;font-size:16px;letter-spacing:.06em;text-transform:uppercase;background:transparent;color:#fff;padding:16px 32px;border-radius:6px;border:2px solid rgba(255,255,255,.4);transition:border-color .15s,background .15s}
.btn-o:hover{border-color:#fff;background:rgba(255,255,255,.09)}
.btn-full{width:100%;justify-content:center;margin-top:16px}
@keyframes fu{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* TRUST BAR */
#trust{background:var(--navy);border-top:3px solid var(--green)}
.trust-g{max-width:var(--w);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr)}
.titem{display:flex;align-items:center;gap:16px;padding:28px 36px;border-right:1px solid rgba(255,255,255,.08)}
.titem:last-child{border-right:none}
.tico{width:42px;height:42px;background:rgba(70,198,18,.12);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tico svg{width:20px;height:20px;stroke:var(--green)}
.ttitle{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:19px;text-transform:uppercase;letter-spacing:.05em;color:#fff;margin-bottom:3px}
.tsub{font-size:15px;color:rgba(255,255,255,.48);line-height:1.5}

/* SECTION UTILS */
.wrap{max-width:var(--w);margin:0 auto;padding:0 40px}
.eye{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.eline{width:28px;height:3px;background:var(--green);border-radius:2px}
.etxt{font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
h2.sh{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(28px,3.2vw,46px);line-height:1.02;letter-spacing:.03em;text-transform:uppercase;color:var(--navy)}
h2.sh em{color:var(--green);font-style:normal}
.text-green{color:var(--green)}
.title-white{color:#fff}

/* PRODUCTS */
#products{padding:80px 0;background:#fff;border-top:1px solid var(--g100);position:relative;overflow:hidden}
#products::before{content:'';position:absolute;top:-120px;right:-180px;width:500px;height:500px;background:radial-gradient(circle,rgba(16,96,200,.04) 0%,transparent 70%);border-radius:50%;pointer-events:none}
#products::after{content:'';position:absolute;bottom:-80px;left:-120px;width:400px;height:400px;background:radial-gradient(circle,rgba(70,198,18,.03) 0%,transparent 70%);border-radius:50%;pointer-events:none}
#products .wrap{max-width:1440px}
.ph{text-align:center;margin-bottom:48px}
.ph .eye{justify-content:center}
.ph p{font-size:19px;color:var(--g500);margin-top:12px;line-height:1.65;max-width:680px;margin-left:auto;margin-right:auto}
.pcards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}
.pcard{background:#fff;border:1px solid var(--g100);border-radius:12px;overflow:hidden;display:flex;flex-direction:row;transition:box-shadow .25s,transform .25s,border-color .3s;cursor:pointer;min-height:160px;position:relative}
.pcard::after{content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-15deg);transition:none;pointer-events:none;z-index:5}
.pcard:hover::after{animation:card-shine .6s forwards}
.pcard:hover{box-shadow:0 10px 36px rgba(13,46,82,.12),0 0 0 1px rgba(70,198,18,.15);transform:translateY(-4px);border-color:rgba(70,198,18,.2)}
@keyframes card-shine{0%{left:-75%}100%{left:125%}}
.pcard-img{width:45%;flex-shrink:0;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}
.pcard-img img{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.pcard:hover .pcard-img img{transform:scale(1.07)}
/* placeholder bg per category */
/* Row 1: AZUL | VERDE | AZUL | VERDE */
.pcard-img.ph-motor{background:linear-gradient(135deg,#F0F6FF,#DDEAF8)}
.pcard-img.ph-freios{background:linear-gradient(135deg,#F0F8F2,#E0F0E4)}
.pcard-img.ph-susp{background:linear-gradient(135deg,#F0F6FF,#DDEAF8)}
.pcard-img.ph-elet{background:linear-gradient(135deg,#F0F8F2,#E0F0E4)}
/* Row 2: VERDE | AZUL | VERDE | AZUL */
.pcard-img.ph-cambio{background:linear-gradient(135deg,#F0F8F2,#E0F0E4)}
.pcard-img.ph-lat{background:linear-gradient(135deg,#F0F6FF,#DDEAF8)}
.pcard-img.ph-van{background:linear-gradient(135deg,#F0F8F2,#E0F0E4)}
.pcard-img.ph-ev{background:linear-gradient(135deg,#F0F6FF,#DDEAF8)}
.pcard-body{padding:22px 20px 20px;flex:1;display:flex;flex-direction:column;justify-content:space-between}
.pcard-ico{width:38px;height:38px;background:rgba(70,198,18,.1);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.pcard-ico svg{width:20px;height:20px;stroke:var(--green)}
.pcard-t{font-family:'Barlow',sans-serif;font-weight:700;font-size:17px;color:var(--navy);margin-bottom:5px;line-height:1.3}
.pcard-s{font-size:15px;color:var(--g500);line-height:1.65;flex:1}
.pcard-arr{display:flex;justify-content:flex-end;margin-top:10px}
.pcard-arr svg{width:16px;height:16px;stroke:var(--green)}
.pcta{display:flex;justify-content:center;margin-top:32px}
.btn-products{display:inline-flex;align-items:center;gap:10px;font-family:'Barlow',sans-serif;font-weight:700;font-size:17px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--navy);padding:15px 40px;border-radius:6px;transition:background .15s,transform .15s}
.btn-products:hover{background:var(--navy-dk);transform:translateY(-2px)}


/* BRANDS CAROUSEL */
#brands-carousel, .brands-carousel-section {
  background: var(--g50);
  padding: 36px 0;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid var(--g100);
}
#brands-carousel::before, #brands-carousel::after,
.brands-carousel-section::before, .brands-carousel-section::after {
  content: '';
  position: absolute;
  top: 0;
  width: 120px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
#brands-carousel::before, .brands-carousel-section::before {
  left: 0;
  background: linear-gradient(to right, var(--g50) 0%, transparent 100%);
}
#brands-carousel::after, .brands-carousel-section::after {
  right: 0;
  background: linear-gradient(to left, var(--g50) 0%, transparent 100%);
}
.bc-track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: scroll-brands 30s linear infinite;
}
.bc-track:hover {
  animation-play-state: paused;
}
.bc-item {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700;
  font-size: 32px;
  color: var(--g500);
  text-transform: uppercase;
  letter-spacing: .1em;
  padding: 0 45px;
  opacity: 0.5;
  transition: opacity 0.4s, color 0.3s, transform 0.3s;
  cursor: default;
}
.bc-item img {
  max-height: 48px;
  width: auto;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.6;
  transition: filter 0.4s ease, opacity 0.4s ease, transform 0.3s ease;
}
.bc-item:hover {
  opacity: 1;
  color: var(--navy);
  transform: scale(1.08);
}
.bc-item:hover img {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.05);
}
@keyframes scroll-brands {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@media (max-width: 768px) {
  #brands-carousel { padding: 24px 0; }
  .bc-item { font-size: 24px; padding: 0 24px; }
  #brands-carousel::before, #brands-carousel::after { width: 40px; }
}

/* ABOUT */
#about{padding:80px 0;background:linear-gradient(180deg,#fff 0%,#FAFBFD 50%,#fff 100%);position:relative;overflow:hidden}
#about::before{content:'';position:absolute;top:60px;left:-100px;width:350px;height:350px;background:radial-gradient(circle,rgba(70,198,18,.035) 0%,transparent 70%);border-radius:50%;pointer-events:none}
#about::after{content:'';position:absolute;bottom:100px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(16,96,200,.03) 0%,transparent 70%);border-radius:50%;pointer-events:none}
#about .wrap{max-width:1440px}
.about-g{display:grid;grid-template-columns:0.85fr 1.15fr;gap:72px;align-items:center;margin-bottom:32px}

/* slideshow (removed old slider styles) */
.aimg{position:relative}
.about-blob{position:absolute;top:-20px;right:-20px;width:120%;height:110%;background:rgba(70,198,18,.05);border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;z-index:1;filter:blur(40px)}
.about-dots{position:absolute;top:20px;right:20px;width:100px;height:100px;background-image:radial-gradient(var(--g200) 1.5px,transparent 1.5px);background-size:12px 12px;opacity:.3;z-index:1}
.aimg-main{position:relative;z-index:2;border-radius:16px;box-shadow:0 25px 64px rgba(13,46,82,.14)}
.aimg-main img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;border-radius:16px}

/* floating badge */
.floating-badge{position:absolute;bottom:32px;left:-40px;z-index:10;background:var(--navy);border-radius:14px;padding:24px;box-shadow:0 15px 45px rgba(7,26,48,.3);display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;border:1px solid rgba(255,255,255,.05);animation:float 4s ease-in-out infinite}
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes workshop-frame-drift { 0%,100%{transform:rotate(-3deg) translate3d(0,0,0)} 50%{transform:rotate(-2deg) translate3d(8px,6px,0)} }
@keyframes workshop-dots-drift { 0%,100%{transform:translate3d(0,0,0)} 50%{transform:translate3d(-10px,-8px,0)} }
@keyframes workshop-accent-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }
.fbadge-ico{width:48px;height:48px;background:rgba(255,255,255,.05);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.fbadge-ico svg{width:24px;height:24px;stroke:var(--green)}
.fbadge-num{font-family:'Barlow',sans-serif;font-weight:900;font-size:44px;line-height:1;color:#fff}
.fbadge-txt{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-top:4px;line-height:1.2}

/* stats banner */
.about-stats-banner{display:flex;align-items:center;justify-content:space-between;background:var(--navy);border-radius:16px;padding:32px 48px;margin-top:24px;box-shadow:0 20px 48px rgba(7,26,48,.15);border:1.5px solid rgba(70,198,18,.35);position:relative;animation:glow-pulse 3s ease-in-out infinite}
@keyframes glow-pulse{0%,100%{box-shadow:0 20px 48px rgba(7,26,48,.15),0 0 15px rgba(70,198,18,.15),inset 0 0 15px rgba(70,198,18,.03)}50%{box-shadow:0 20px 48px rgba(7,26,48,.15),0 0 25px rgba(70,198,18,.25),inset 0 0 20px rgba(70,198,18,.05)}}
.anchor-banner{display:flex;flex-direction:column;gap:26px;padding:26px 48px}
.anchor-banner-row{display:flex;align-items:center;justify-content:space-between;width:100%}
.anchor-banner-brand{display:flex;align-items:center;gap:24px}
.anchor-banner-logo{height:72px}
.anchor-banner-divider{width:1px;height:48px;background:rgba(255,255,255,0.1)}
.anchor-banner-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:22px;color:#fff;letter-spacing:0.05em;text-transform:uppercase}
.anchor-banner-copy{font-size:15px;color:rgba(255,255,255,0.5);line-height:1.45;max-width:660px;margin-top:4px}
.anchor-banner-stats{display:flex;gap:40px;align-items:center}
.anchor-banner-number{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:32px;color:#fff;line-height:1}
.anchor-banner-number span{color:var(--green)}
.anchor-banner-label{font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-top:4px}
.asb-item{display:flex;align-items:center;gap:18px}
.asb-ico{width:56px;height:56px;background:rgba(255,255,255,.04);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.asb-ico svg{width:28px;height:28px;stroke:var(--green)}
.asb-num{font-family:'Barlow',sans-serif;font-weight:800;font-size:24px;color:#fff;line-height:1}
.asb-lbl{font-size:12px;font-weight:700;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}
.asb-div{width:1px;height:40px;background:rgba(255,255,255,.1)}

@media (max-width: 991px) {
  .floating-badge{left:20px;bottom:20px;transform:scale(.8)}
  .about-stats-banner{flex-direction:column;gap:32px;padding:40px 24px}
  .asb-div{width:100%;height:1px}
  .asb-item{width:100%;justify-content:center}
}

/* copy */
.acopy .eye{margin-bottom:10px}
.acopy h2.sh{font-size:clamp(28px,3vw,44px);line-height:1.08;margin-bottom:20px}
.acopy p{font-size:18px;color:var(--g500);line-height:1.78;margin-bottom:14px}

/* features row */
.about-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--g100);padding-top:40px;margin-bottom:36px}
.afeat{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.afeat-ico{width:48px;height:48px;background:rgba(70,198,18,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.afeat-ico svg{width:24px;height:24px;stroke:var(--green)}
.afeat-t{font-family:'Barlow',sans-serif;font-weight:700;font-size:18px;color:var(--navy);margin-bottom:2px}
.afeat-s{font-size:16px;color:var(--g500);line-height:1.55}

/* CTA */
.about-cta{display:flex;justify-content:center}
.btn-wa-outline{display:inline-flex;align-items:center;gap:10px;font-family:'Barlow',sans-serif;font-weight:700;font-size:17px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);background:#fff;border:2px solid var(--navy);padding:14px 36px;border-radius:50px;transition:background .2s,color .2s,border-color .2s}
.btn-wa-outline:hover{background:var(--green);color:#fff;border-color:var(--green)}
.btn-wa-outline svg{width:18px;height:18px;flex-shrink:0}

/* GALLERY */
#gallery{padding:80px 0;background:linear-gradient(160deg,#071A30 0%,var(--navy) 35%,#0A3668 65%,var(--navy) 100%);position:relative;overflow:hidden}
#gallery::before{content:'';position:absolute;top:-150px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(16,96,200,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}
#gallery::after{content:'';position:absolute;bottom:-100px;left:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(70,198,18,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none}
#gallery .wrap{max-width:1440px}
#gallery .eye .etxt{color:var(--green)}
#gallery h2.sh{color:#fff}
.ggrid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3, 220px);gap:12px;margin-top:40px;border-radius:12px;overflow:hidden}
.gi{position:relative;overflow:hidden;background:rgba(255,255,255,.04)}
.gi img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.gi:hover img{transform:scale(1.07)}
.gph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.06)}
.gph-txt{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.2)}
.govl{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,26,48,.65) 0%,transparent 55%);opacity:0;transition:opacity .3s}
.gi:hover .govl{opacity:1}
.glbl{position:absolute;bottom:12px;left:14px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.05em;color:#fff;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.gi:hover .glbl{opacity:1;transform:translateY(0)}
.gi:nth-child(1){grid-column:1/3;grid-row:1/3}
.gi:nth-child(2){grid-column:3/5;grid-row:1}
.gi:nth-child(3){grid-column:3;grid-row:2}
.gi:nth-child(4){grid-column:4;grid-row:2}
.gi:nth-child(5){grid-column:1;grid-row:3}
.gi:nth-child(6){grid-column:2;grid-row:3}
.gi:nth-child(7){grid-column:3;grid-row:3}
.gi:nth-child(8){grid-column:4;grid-row:3}
.glink{display:block;text-align:center;margin-top:24px;font-size:16px;font-weight:600;color:rgba(255,255,255,.36);letter-spacing:.08em;text-transform:uppercase;transition:color .15s}
.glink:hover{color:var(--green)}

/* ELECTRIC */
#electric{
  position:relative;overflow:hidden;
  background:#06111D;
  min-height:100vh;
  display:flex;align-items:center;
}
#electric .ebg{
  position:absolute;inset:0;
  background:url('assets/PecasEletricasMoral.png') center center/cover no-repeat;
  z-index:0;
}
#electric .ebg::after{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(to right, rgba(6,17,29,.92) 0%, rgba(6,17,29,.75) 45%, rgba(6,17,29,.15) 100%);
}
#electric .wrap{position:relative;z-index:1;padding-top:96px;padding-bottom:96px;max-width:1440px}
.elec-g{display:grid;grid-template-columns:1.2fr 0.8fr;gap:0;align-items:center;min-height:420px}
.ecopy .eye .etxt{color:var(--green)}
.ecopy h2.sh em{color:var(--green);font-style:normal}
.ecopy h2.sh{color:#fff;margin-top:10px}
.ecopy p{font-size:15px;color:rgba(255,255,255,.7);line-height:1.75;margin:16px 0 24px;max-width:460px}
.efeats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}
.efeat{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:background .2s,border-color .2s}
.efeat:hover{background:rgba(70,198,18,.07);border-color:rgba(70,198,18,.2)}
.efeat-ico{width:34px;height:34px;background:rgba(70,198,18,.12);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.efeat-ico svg{width:16px;height:16px;stroke:var(--green)}
.efeat-t{font-family:'Barlow',sans-serif;font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.04em;color:#fff;margin-bottom:2px}
.efeat-s{font-size:15px;color:rgba(255,255,255,.45);line-height:1.5}
.btn-green{display:inline-flex;align-items:center;gap:8px;font-family:'Barlow',sans-serif;font-weight:700;font-size:16px;letter-spacing:.06em;text-transform:uppercase;background:var(--green);color:#fff;padding:13px 26px;border-radius:4px;box-shadow:0 4px 18px rgba(70,198,18,.28);transition:background .15s,transform .15s}
.ecopy .btn-green{margin-top:28px}
.btn-green:hover{
  background:var(--green-dk);
  transform:translateY(-1px);
  box-shadow: 0 0 15px rgba(70,198,18,.5);
}

/* WORKSHOP */
#workshop{padding:88px 0;background:linear-gradient(180deg,#fff 0%,#FAFCFE 40%,#F8FAFC 60%,#fff 100%);position:relative;overflow:hidden}
#workshop::before{content:'';position:absolute;top:-60px;right:-100px;width:450px;height:450px;background:radial-gradient(circle,rgba(16,96,200,.035) 0%,transparent 70%);border-radius:50%;pointer-events:none}
#workshop::after{content:'';position:absolute;bottom:-40px;left:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(70,198,18,.025) 0%,transparent 70%);border-radius:50%;pointer-events:none}
#workshop .wrap{max-width:1440px}
.workshop-g{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:center}
.wshop-img{position:relative}
.wshop-img::before{content:'';position:absolute;inset:-28px 34px auto -28px;height:58%;border:1px solid rgba(16,96,200,.14);border-radius:18px;transform:rotate(-3deg);z-index:0;animation:workshop-frame-drift 7s ease-in-out infinite}
.wshop-img::after{content:'';position:absolute;right:-26px;bottom:-30px;width:150px;height:150px;background-image:radial-gradient(rgba(70,198,18,.34) 1.5px,transparent 1.5px);background-size:13px 13px;opacity:.42;z-index:0;animation:workshop-dots-drift 8s ease-in-out infinite}
.wshop-img-ph{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,var(--g50),var(--g100));border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--g200)}
.wshop-img-ph{position:relative;z-index:1;box-shadow:0 22px 56px rgba(13,46,82,.12)}
.wshop-img-ph img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.wshop-img-ph span{font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g500)}
.wshop-img-accent{position:absolute;left:-18px;bottom:38px;z-index:2;width:94px;height:94px;background:var(--navy);border-radius:14px;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 44px rgba(7,26,48,.22);display:flex;align-items:center;justify-content:center;animation:workshop-accent-float 4.8s ease-in-out infinite}
.wshop-img-accent svg{width:42px;height:42px;stroke:var(--green)}
.wshop-copy h2.sh{margin-top:10px}
.wshop-copy p{font-size:18px;color:var(--g500);line-height:1.75;margin-top:14px;margin-bottom:24px}
.wshop-copy .btn-g{margin-top:24px}
.wshop-items{display:flex;flex-direction:column;gap:10px}
.wshop-item{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--g50);border-radius:7px;border-left:3px solid var(--green)}
.wshop-item svg{width:18px;height:18px;stroke:var(--green);flex-shrink:0}
.wshop-item span{font-size:17px;color:var(--navy);font-weight:500}

/* UNITS */
#units{padding:88px 0;background:linear-gradient(180deg,var(--g50) 0%,#EFF2F6 50%,var(--g50) 100%);position:relative;overflow:hidden}
#units::before{content:'';position:absolute;top:50%;left:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(16,96,200,.04) 0%,transparent 70%);border-radius:50%;transform:translateY(-50%);pointer-events:none}
#units .wrap{max-width:1440px}
.units-g{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.unit{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px rgba(13,46,82,.08);transition:box-shadow .25s,transform .25s}
.unit:hover{box-shadow:0 12px 40px rgba(13,46,82,.14);transform:translateY(-3px)}
.unit-img{height:200px;background:linear-gradient(135deg,var(--g100),var(--g50));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.unit-img img{width:100%;height:100%;object-fit:cover}
.unit-img-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%}
.unit-img-ph span{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g500)}
.unit-tag{position:absolute;top:14px;right:14px;left:auto;background:var(--green);color:#fff;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:3px}
.unit-body{padding:24px 26px}
.unit-name{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:23px;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);margin-bottom:14px}
.unit-info{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
.uline{display:flex;align-items:flex-start;gap:9px;font-size:16px;color:var(--g500)}
.uline svg{width:15px;height:15px;stroke:var(--green);flex-shrink:0;margin-top:1px}
.unit-wa{display:flex;align-items:center;gap:7px;background:var(--green);color:#fff;font-family:'Barlow',sans-serif;font-weight:700;font-size:16px;letter-spacing:.05em;text-transform:uppercase;padding:12px 20px;border-radius:4px;justify-content:center;transition:background .15s}
.unit-wa:hover{background:var(--green-dk)}
.unit-wa{ animation: wa-pulse 3s infinite ease-in-out; }
.unit-wa svg{width:16px;height:16px}
.unit-map{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;background:#fff;color:var(--navy);border:1px solid var(--g200);font-family:'Barlow',sans-serif;font-weight:700;font-size:15px;letter-spacing:.05em;text-transform:uppercase;padding:12px 20px;border-radius:4px;transition:border-color .15s,color .15s,background .15s,transform .15s}
.unit-map:hover{border-color:var(--blue);color:var(--blue);background:#F8FBFF;transform:translateY(-1px)}
.unit-map svg{width:17px;height:17px;flex-shrink:0}

/* FOOTER */
footer{background:var(--navy-dk);padding:56px 40px 28px;border-top:3px solid var(--green)}
.foot-top{max-width:var(--w);margin:0 auto;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:48px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}
.foot-brand-logo{height:34px;margin-bottom:16px}
.foot-brand-txt{font-size:16px;color:rgba(255,255,255,.42);line-height:1.7;max-width:300px;margin-bottom:18px}
.foot-wa{display:inline-flex;align-items:center;gap:7px;background:var(--green);color:#fff;font-family:'Barlow',sans-serif;font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;padding:10px 18px;border-radius:4px}
.foot-wa svg{width:15px;height:15px}
.foot-col-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:16px}
.foot-col-title.extra{margin-top:20px}
.foot-col a{display:block;font-size:16px;color:rgba(255,255,255,.45);margin-bottom:9px;transition:color .15s}
.foot-col a:hover{color:rgba(255,255,255,.82)}
.foot-col p{font-size:16px;color:rgba(255,255,255,.42);line-height:1.65;margin-bottom:6px}
.foot-bot{max-width:var(--w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding-top:24px}
.foot-copy{font-size:15px;color:rgba(255,255,255,.25)}
.foot-ancora img{height:24px;opacity:.3}
.foot-dev{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.3);letter-spacing:.03em}
.foot-dev a{display:inline-flex;align-items:center;transition:opacity .3s}
.foot-dev img{height:22px;opacity:.5;transition:opacity .3s,filter .3s;filter:brightness(0) invert(1)}
.foot-dev a:hover img{opacity:1}
/* =========================================================================
   UX / INTERACTIVITY
   ========================================================================= */

/* BACK TO TOP */
#btt{position:fixed;bottom:30px;right:30px;width:56px;height:56px;background:#fff;color:var(--navy);border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(13,46,82,0.15);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity 0.4s ease, transform 0.4s ease, box-shadow 0.3s ease;z-index:990;}
#btt.show{opacity:1;pointer-events:auto;transform:translateY(0);}
#btt:hover{box-shadow:0 15px 40px rgba(13,46,82,0.25);transform:translateY(-4px);}
#btt .progress-ring {position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);}
#btt .progress-ring__circle {transition:stroke-dashoffset 0.1s linear;}
#btt .btt-arrow {position:relative;z-index:2;transition:transform 0.3s ease;}
#btt:hover .btt-arrow {transform:translateY(-3px);}

/* LIGHTBOX */
#lightbox{position:fixed;inset:0;background:rgba(7,26,48,.95);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;}
#lightbox.active{opacity:1;pointer-events:auto;}
#lb-img{max-width:90%;max-height:90vh;border-radius:8px;box-shadow:0 15px 50px rgba(0,0,0,.5);transform:scale(.95);transition:transform .3s;}
#lightbox.active #lb-img{transform:scale(1);}
#lb-close{position:absolute;top:30px;right:40px;color:#fff;background:transparent;border:0;font-size:40px;cursor:pointer;font-family:sans-serif;line-height:1;}
#lb-close:hover{color:var(--green);}

.lb-nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;background:transparent;border:0;font-size:40px;cursor:pointer;padding:20px;user-select:none;transition:color .3s, transform .3s;z-index:1001;}
.lb-nav:hover{color:var(--green);transform:translateY(-50%) scale(1.1);}
#lb-prev{left:20px;}
#lb-next{right:20px;}
/* MOBILE MENU TOGGLE */
.hmobile-btn{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001;background:transparent;border:0;padding:0;}
.hmobile-btn span{display:block;width:28px;height:3px;background:#fff;border-radius:2px;transition:all .3s;}
.hmobile-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px, 6px);}
.hmobile-btn.open span:nth-child(2){opacity:0;}
.hmobile-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px, -6px);}


/* =========================================================================
   FULL-HEIGHT SECTIONS (Padrão visual de seções em tela cheia)
   ========================================================================= */
#hero, #about, #products, #gallery, #electric, #workshop, #units {
  scroll-margin-top: 0;
}

#hero, #about, #products, #gallery, #electric, #workshop, #units {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/* Ensure the hero image covers the new 100vh height */
.hbanner {
  min-height: 100vh;
  object-fit: cover;
}

/* Ensure the wrapper takes full width inside the flex container */
.wrap {
  width: 100%;
}

/* =========================================================================
   MEDIA QUERIES (RESPONSIVENESS)
   ========================================================================= */

@media (max-width: 1024px) {
  /* Grids */
  .trust-g { grid-template-columns: 1fr; }
  .titem { border-right: none; border-bottom: 1px solid rgba(255,255,255,.08); }
  .titem:last-child { border-bottom: none; }
  
  .about-g, .workshop-g, .units-g, .elec-g { grid-template-columns: 1fr; gap: 40px; }
  .wshop-img-accent{left:18px;bottom:24px}
  #electric { min-height: auto; }
  #electric .wrap { padding-top: 72px; padding-bottom: 72px; }
  .elec-g { padding-top: 24px; padding-bottom: 24px; }
  .ebg { background-position: left center !important; }
  .pcards, .foot-top { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  
  /* Gallery masonry */
  .ggrid { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; }
  .gi { grid-column: auto !important; grid-row: auto !important; height: 200px; }
}

/* Texto responsivo em botões — ocultar versão mobile por padrão (desktop) */
.txt-mob { display: none; }

@media (max-width: 768px) {
  /* Header & Mobile Menu */
  #hdr { padding: 0 24px; }
  .hmobile-btn { display: flex; }
  nav { position: fixed; inset: 0; background: var(--navy-dk); flex-direction: column; justify-content: center; transform: translateX(100%); transition: transform .4s ease; z-index: 1000; }
  nav.open { transform: translateX(0); }
  nav a { font-size:28px; padding: 16px; width: 100%; text-align: center; }
  .hwa { display: none; } /* Hide the header CTA on mobile or put it in the menu */

  /* Typography */
  #hero { min-height: 86vh; }
  .hbanner { min-height: 86vh; object-position: left center; }
  .hover-content { align-items: flex-end; padding-bottom: 72px; }
  h1.big { font-size:44px !important; width: 100% !important; line-height: 1.1; }
  .hsub { font-size:20px !important; line-height:1.5; }
  .htagline span { font-size:11px; }
  .htext { max-width: 100%; padding-left: 0; padding: 0 24px; }
  h2.sh { font-size:28px !important; }

  /* Overlay escuro no hero para legibilidade mobile */
  .hover-content::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(7,26,48,.82) 0%, rgba(7,26,48,.55) 60%, rgba(7,26,48,.2) 100%);
    z-index: 0;
  }
  .htext { position: relative; z-index: 1; }

  /* Floating badge — ocultar em mobile para não sobrepor conteúdo */
  .floating-badge { display: none; }

  /* Anchor banner — empilhar verticalmente */
  .anchor-banner { padding: 20px; gap: 16px; }
  .anchor-banner-row { flex-direction: column; align-items: flex-start; gap: 16px; }
  .anchor-banner-divider { display: none; }
  .anchor-banner-logo { height: 48px; }
  .anchor-banner-stats { gap: 20px; flex-wrap: wrap; }
  .anchor-banner-title { font-size: 18px; }
  .anchor-banner-copy { font-size: 13px; }

  /* Layout tweaks */
  #hero, #about, #products, #gallery, #electric, #workshop, #units {
    scroll-margin-top: 80px;
  }
  #about, #products, #gallery, #workshop, #units {
    min-height: auto;
  }
  .wrap { padding: 0 24px; }
  .about-feats { grid-template-columns: 1fr; }
  .pcards, .foot-top { grid-template-columns: 1fr; }
  .ggrid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .gi:nth-child(1) { grid-column: 1/3; grid-row: auto; }
  .gi:nth-child(2), .gi:nth-child(3), .gi:nth-child(4),
  .gi:nth-child(5), .gi:nth-child(6), .gi:nth-child(7), .gi:nth-child(8) { grid-column: auto; grid-row: auto; }
  .efeats { grid-template-columns: 1fr; }

  /* Sections padding */
  #products, #about, #gallery, #workshop, #units { padding: 60px 0; }

  .foot-bot { flex-direction: column; gap: 16px; text-align: center; }

  /* Ocultar badge de cidade sobre as fotos das unidades */
  .unit-tag { display: none; }
  .br-desk { display: none; }
  .txt-mob { display: inline; }
  .txt-desk { display: none; }
  /* Margem no botão de WhatsApp da seção de oficinas */
  #workshop .btn-g { margin-top: 24px; }
}


/* TRABALHE CONOSCO PAGE */
#tc-hero {
  position: relative;
  height: 40vh;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 80px; /* offset header */
}
.tc-bg {
  position: absolute;
  inset: 0;
  background: url('assets/tc-hero.webp') center/cover;
  z-index: 1;
}
.tc-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, var(--navy) 0%, rgba(7,26,48,.6) 100%);
}
.tc-content {
  position: relative;
  z-index: 2;
  padding: 0 20px;
}
.tc-content .eye { justify-content: center; margin-bottom: 16px; }

/* CULTURA */
#tc-culture {
  padding: 100px 0;
  background: #fff;
}
.culture-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.culture-img {
  width: 100%;
  height: 500px;
  border-radius: 16px;
  overflow: hidden;
  background: var(--g50);
}
.cimg-ph {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: rgba(16,96,200,.1);
  color: var(--blue);
  font-weight: 600;
  font-size: 18px;
}
.tc-benefits {
  margin-top: 32px;
}
.tc-benefits .wb {
  display: flex; align-items: center; gap: 12px; margin-bottom: 12px;
  color: var(--navy); font-weight: 500;
}
.tc-benefits .wb span {
  color: var(--navy);
}
.tc-benefits .wb-dot {
  width: 8px; height: 8px; border-radius: 50%; background: var(--green);
}

/* VAGAS DISPONÍVEIS */
#tc-jobs {
  padding: 100px 0;
  background: var(--g50);
}
.jobs-head {
  text-align: center;
  margin-bottom: 50px;
}
.jobs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.job-card {
  background: #fff;
  padding: 32px;
  border-radius: 12px;
  border: 1px solid var(--g100);
  box-shadow: 0 10px 30px rgba(7,26,48,.04);
  transition: transform .3s, box-shadow .3s;
  display: flex;
  flex-direction: column;
}
.job-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(7,26,48,.08);
  border-color: rgba(70,198,18,.3);
}
.job-tags {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.jtag {
  background: rgba(16,96,200,.1);
  color: var(--blue);
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.jtag-loc {
  background: rgba(7,26,48,.05);
  color: var(--g500);
}
.job-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: var(--navy);
  margin-bottom: 12px;
}
.job-desc {
  font-size: 15px;
  color: var(--g500);
  line-height: 1.6;
  margin-bottom: 24px;
  flex-grow: 1;
}
.job-btn {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #fff;
  border: 1px solid var(--g200);
  border-radius: 6px;
  color: var(--navy);
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
}
.job-btn::after{content:'';position:absolute;top:0;left:-55%;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);filter:blur(4px);transform:skewX(-20deg);transition:none}
.job-btn:hover::after{animation:shimmer .6s forwards}
.job-card:hover .job-btn {
  background: var(--blue);
  border-color: var(--blue);
  color: #fff;
  box-shadow: 0 5px 15px rgba(16,96,200,.4);
}

/* FIX FORM LAYOUT */
#tc-form-section {
  padding: 100px 0;
  background: #fff;
  scroll-margin-top: 80px;
}
.tc-form-head {
  text-align: center;
}
.tc-form-head h3{
  font-family:'Barlow Condensed',sans-serif;
  font-size:32px;
  color:var(--navy);
  margin-bottom:8px;
}
.tc-form-head p{
  color:var(--g400);
  font-size:15px;
  max-width:600px;
  margin:0 auto 32px;
}
.tc-form-box {
  max-width: 800px;
  margin: 0 auto;
  background: #fff;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(7,26,48,.08);
  border: 1px solid var(--g100);
}
.tc-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.culture-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.1);
}
.fg {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fg-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.fg label {
  font-size: 14px;
  font-weight: 600;
  color: var(--navy);
}
.fg input, .fg select, .fg textarea {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid var(--g200);
  border-radius: 6px;
  font-family: inherit;
  font-size: 15px;
  color: var(--g500);
  background: var(--g50);
  transition: border-color .3s, background .3s;
}
.fg input:focus, .fg select:focus, .fg textarea:focus {
  outline: none;
  border-color: var(--green);
  background: #fff;
}
.fg textarea {
  resize: vertical;
  min-height: 120px;
}

@media (max-width: 900px) {
  .culture-grid { grid-template-columns: 1fr; }
  .culture-img { height: 300px; order: -1; }
  .jobs-grid { grid-template-columns: 1fr; }
  .tc-form-box { padding: 30px 20px; }
  .fg-row { grid-template-columns: 1fr; }
}

/* WHATSAPP FLUTUANTE - mobile only */
#wa-float {
  display: none;
  position: fixed;
  bottom: 110px;
  right: 30px;
  z-index: 995;
  width: 56px;
  height: 56px;
  background: #25D366;
  color: #fff;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 18px rgba(37, 211, 102, 0.45);
  animation: wa-pulse 3s infinite ease-in-out;
  transition: transform .2s;
}
#wa-float:hover { transform: scale(1.1); }
#wa-float svg { width: 28px; height: 28px; }

@media (max-width: 768px) {
  #wa-float { display: flex; }
}

/* COOKIE CONSENT BANNER */
#cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: rgba(7, 26, 48, 0.97);
  backdrop-filter: blur(12px);
  border-top: 2px solid var(--green);
  padding: 20px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  transform: translateY(100%);
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
#cookie-banner.show { transform: translateY(0); }
#cookie-banner p {
  font-size: 14px;
  color: rgba(255,255,255,0.7);
  line-height: 1.6;
  margin: 0;
  flex: 1;
}
#cookie-banner p a {
  color: var(--green);
  text-decoration: underline;
}
#cookie-banner .cookie-btns {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
}
#cookie-banner .cookie-accept {
  background: var(--green);
  color: #fff;
  border: none;
  padding: 10px 24px;
  border-radius: 4px;
  font-family: 'Barlow', sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.15s;
}
#cookie-banner .cookie-accept:hover { background: var(--green-dk); }
#cookie-banner .cookie-decline {
  background: transparent;
  color: rgba(255,255,255,0.5);
  border: 1px solid rgba(255,255,255,0.15);
  padding: 10px 20px;
  border-radius: 4px;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: border-color 0.15s, color 0.15s;
}
#cookie-banner .cookie-decline:hover { border-color: rgba(255,255,255,0.4); color: #fff; }

.privacy-updated{
  margin-top:40px;
  padding-top:24px;
  border-top:1px solid var(--g100);
  font-size:14px;
  color:var(--g500);
}

@media (max-width: 768px) {
  #cookie-banner {
    flex-direction: column;
    padding: 20px 24px;
    text-align: center;
  }
  #cookie-banner .cookie-btns { width: 100%; justify-content: center; }
}

/* FOOTER SOCIAL ICONS */
.foot-socials {
  display: flex;
  gap: 12px;
  margin-top: 18px;
}
.foot-socials a {
  width: 36px;
  height: 36px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.5);
  transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.2s;
}
.foot-socials a:hover {
  background: var(--green);
  color: #fff;
  border-color: var(--green);
  transform: translateY(-2px);
}
.foot-email {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: rgba(255,255,255,0.45);
  margin-bottom: 10px;
  transition: color 0.15s;
}
.foot-email:hover { color: var(--green); }
.foot-email svg { flex-shrink: 0; }

/* NAV DISCREET LINK */
nav a.nav-discreet { opacity: 0.45; border-left: 1px solid rgba(255,255,255,0.15); margin-left: 8px; padding-left: 24px; }
nav a.nav-discreet:hover { opacity: 1; color: var(--green); }

/* UNITS V2 - Redesign */
#units { background: #fff; }
.units-header { margin-bottom: 48px; }
.units-header h2.sh { color: var(--navy); }
.units-sub { font-size: 17px; color: var(--g500); line-height: 1.7; max-width: 520px; margin-top: 14px; }
.unit { border-radius: 14px; border: 1px solid var(--g100); overflow: hidden; }
.unit-img { height: 240px; }
.unit-tag {
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  font-size: 13px;
  border-radius: 6px;
}
.unit-body { padding: 28px 28px 24px; }
.unit-wa {
  width: 100%;
  justify-content: center;
  gap: 10px;
  border-radius: 8px;
  padding: 14px 20px;
  position: relative;
}
.unit-wa-arr {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

/* UNITS FEATURES BAR */
.units-features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 56px;
  padding-top: 48px;
  border-top: 1px solid var(--g100);
}
.uf-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.uf-ico {
  width: 48px;
  height: 48px;
  background: rgba(70,198,18,0.08);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.uf-ico svg {
  width: 24px;
  height: 24px;
  stroke: var(--green);
}
.uf-t {
  font-family: 'Barlow', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: var(--navy);
  margin-bottom: 4px;
  line-height: 1.3;
}
.uf-s {
  font-size: 14px;
  color: var(--g500);
  line-height: 1.5;
}

@media (max-width: 768px) {
  .units-features { grid-template-columns: 1fr 1fr; gap: 20px; }
}
@media (max-width: 480px) {
  .units-features { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .wshop-img::before,
  .wshop-img::after,
  .wshop-img-accent {
    animation: none;
  }
}



/* UNITS GRID */
.units-g { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 40px; }
@media (max-width: 768px) { .units-g { grid-template-columns: 1fr; } }

/* UNIT CARD - align buttons */
.unit { display: flex; flex-direction: column; }
.unit-body { display: flex; flex-direction: column; flex: 1; }
.unit-info { flex: 1; }
.unit-wa { margin-top: auto; }