.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:url('img/espaco/foto_principal_topo.jpg') center/cover no-repeat;transform:scale(1.04);transition:transform 8s ease}
.hero:hover .hero-bg{transform:scale(1)}
.hero-ov{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.5) 55%,rgba(0,0,0,.78) 100%)}
.hero-body{position:relative;z-index:2;padding:80px 20px 80px;max-width:660px}


.hero-quick-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;opacity:0;animation:fup .6s .44s ease forwards}
.hqb{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:10px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s ease;border:2px solid transparent;letter-spacing:.3px}
.hqb i{font-size:1.1rem;flex-shrink:0}
.hqb span{line-height:1.2}
.hqb-primary{background:var(--accent);color:#000;border-color:var(--accent)}
.hqb-primary:hover{background:transparent;color:var(--accent);border-color:var(--accent)}
.hqb-secondary{background:rgba(255,255,255,.08);color:var(--text);border-color:rgba(255,255,255,.18)}
.hqb-secondary:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}

.hero-ttl{font-family:'Bebas Neue',sans-serif;font-size:clamp(2rem,9vw,5rem);letter-spacing:3px;line-height:.98;color:var(--text);margin-bottom:18px;opacity:0;animation:fup .6s .2s ease forwards}
.hero-ttl span{color:var(--accent)}
.hero-scroll{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);z-index:2;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-g);border-radius:50%;color:var(--accent);font-size:.82rem;animation:bounce 2s infinite;transition:var(--tr)}
.hero-scroll:hover{background:var(--accent-sub)}


.sec-srv{padding:96px 0;background:var(--bg)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:18px;flex-wrap:wrap}
.see-all{flex-shrink:0;font-size:.82rem;padding:9px 20px}
.srv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.srv-card{position:relative;border-radius:var(--rl);aspect-ratio:3/4;overflow:hidden;cursor:pointer;border:1px solid var(--border);transition:var(--tr)}
.srv-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(0,0,0,.5);border-color:var(--border-g)}
.srv-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s ease}
.srv-card:hover .srv-img{transform:scale(1.05)}
.srv-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.18) 58%,transparent 100%);transition:var(--tr)}
.srv-body{position:absolute;bottom:0;left:0;right:0;padding:22px;display:flex;flex-direction:column;gap:6px}
.srv-body i{font-size:1.5rem;color:var(--accent);transition:transform var(--tr)}
.srv-card:hover .srv-body i{transform:scale(1.12)}
.srv-body span{font-family:'Bebas Neue',sans-serif;font-size:1.5rem;letter-spacing:2px;color:var(--text)}


.sec-about{padding:96px 0;background:var(--bg2)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-imgs{display:flex;flex-direction:column;gap:11px}
.ai-main{width:100%;height:28rem;object-fit:cover;border-radius:var(--rl);border:1px solid var(--border)}
.about-txt .ttl{margin-bottom:18px}
.about-txt p{color:var(--text-m);font-size:.94rem;line-height:1.75;margin-bottom:14px}
.astats{display:flex;gap:0;margin:26px 0;padding:20px 22px;background:var(--bg3);border-radius:var(--rl);border:1px solid var(--border)}
.as{display:flex;flex-direction:column;flex:1;gap:3px;padding:0 14px}
.as+.as{border-left:1px solid var(--border)}
.as strong{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:var(--accent);line-height:1}
.as span{font-size:.75rem;color:var(--text-m);line-height:1.3}
.sec-team{padding:96px 0;background:var(--bg)}
.sec-center{text-align:center;margin-bottom:48px}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px; max-width: 60rem;}
.centralizar-team-grid {display: flex;justify-content: center;}
.tc{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;transition:var(--tr)}
.tc:hover{border-color:var(--border-g);transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.4)}
.tc-img{aspect-ratio:3/4;overflow:hidden}
.tc-img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s ease}
.tc:hover .tc-img img{transform:scale(1.06)}
.tc-info{padding:12px 10px;display:flex;flex-direction:column;gap:2px}
.tc-info strong{font-size:.88rem;font-weight:600;color:var(--text)}
.tc-info span{font-size:.72rem;color:var(--accent)}


.tc-anim{opacity:0;transform:translateY(16px)}

.tc-anim.tc-visible{
  opacity:1;
  transform:translateY(0);
  transition:opacity .4s ease calc(var(--i,0) * 80ms),
             transform .4s ease calc(var(--i,0) * 80ms);
}


.sec-cta{position:relative;padding:116px 0;text-align:center;overflow:hidden}
.sec-cta-bg{position:absolute;inset:0;background:url('img/espaco/barbearia_geronimo_sofas.jpg') center/cover no-repeat}
.sec-cta-ov{position:absolute;inset:0;background:rgba(0,0,0,.76)}
.sec-cta-body{position:relative;z-index:2;max-width:580px;margin:0 auto}
.sec-cta-body .ttl{margin-bottom:14px}
.sec-cta-body>p{color:var(--text-m);font-size:.97rem;margin-bottom:32px;line-height:1.7}
.cta-feats{display:flex;justify-content:center;gap:26px;margin-top:24px;flex-wrap:wrap}
.cta-feats span{font-size:.82rem;color:var(--text-s);display:flex;align-items:center;gap:6px}
.cta-feats i{color:var(--accent);font-size:.75rem}


.sec-loc{padding:96px 0;background:var(--bg2)}
.sec-loc .sec-center{margin-bottom:48px}
.loc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.loc-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;transition:var(--tr)}
.loc-card:hover{border-color:var(--border-g);box-shadow:0 8px 28px rgba(0,0,0,.3)}
.loc-info{padding:26px 24px 22px}
.loc-badge{display:inline-block;background:var(--accent-sub);color:var(--accent);font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:4px 11px;border-radius:50px;border:1px solid var(--border-g);margin-bottom:10px}
.loc-info h3{font-family:'Bebas Neue',sans-serif;font-size:1.7rem;letter-spacing:2px;color:var(--text);margin-bottom:18px}
.li{display:flex;gap:12px;margin-bottom:12px;align-items:flex-start}
.li i{width:16px;color:var(--accent);font-size:.9rem;margin-top:3px;flex-shrink:0}
.li p,.li a{font-size:.88rem;color:var(--text-m);line-height:1.5}
.li a{color:var(--accent)}
.li a:hover{text-decoration:underline}
.loc-btn{margin-top:18px;font-size:.82rem;padding:9px 20px}


@keyframes fup{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}


@media(max-width:960px){
  .about-grid{grid-template-columns:1fr;gap:36px}
  .team-grid{grid-template-columns:repeat(3,1fr)}
  .srv-grid{grid-template-columns:1fr 1fr}
  .loc-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .hero-body{padding:100px 16px 60px}
 
  .hero-quick-btns{grid-template-columns:1fr}
  .srv-grid{grid-template-columns:1fr}
  .srv-card{aspect-ratio:16/9}
  .sec-head{flex-direction:column;align-items:flex-start}
  .team-grid{grid-template-columns:repeat(3,1fr);gap:9px}
  .ai-main{height:20.5rem}
  .astats{padding:14px 16px}
  .as{padding:0 10px}
  .cta-feats{flex-direction:column;align-items:center;gap:11px}
  .sec-srv,.sec-about,.sec-team,.sec-loc{padding:66px 0}
  .sec-cta{padding:80px 0}
}

@media(max-width:500px){
  .team-grid{grid-template-columns:repeat(2,1fr);gap:9px}
}