/* ==========================================================================
   SITE4B — Subpage Stylesheet (loaded AFTER base.css)
   Used by: sobre, cases, case, agencias, contato
   Contains: subpage-specific hero layout (centered, no grid)
   ========================================================================== */

/* ==========================================================================
   HERO — Subpage specific (centered layout, no mockup/grid)
   ========================================================================== */
.hero{
  min-height:70vh;
  padding:160px 0 100px;
}

.hero-inner{
  position:relative;z-index:2;
  max-width:800px;margin:0 auto;text-align:center;
}
.hero h1{
  font-size:clamp(2rem,4vw,3rem);
  margin-bottom:24px;
}
.hero-sub{
  margin-bottom:36px;max-width:640px;
  margin-left:auto;margin-right:auto;
}
.hero-actions{justify-content:center}

/* ==========================================================================
   RESPONSIVE — SUBPAGE SPECIFIC
   ========================================================================== */
@media(max-width:768px){
  .hero{padding:100px 0 48px;min-height:auto}
  .hero h1{font-size:clamp(2.28rem,8.4vw,2.88rem);margin-bottom:16px}
  .hero-sub{font-size:.78rem;line-height:1.65;margin-bottom:24px}
  .hero .section-label{font-size:.66rem;padding:4px 11px}
}

@media(max-width:480px){
  .hero{padding:90px 0 40px}
  .hero h1{font-size:clamp(2.04rem,7.8vw,2.4rem);letter-spacing:-.025em;margin-bottom:12px}
  .hero-sub{font-size:.72rem;margin-bottom:20px}
  .hero .section-label{font-size:.62rem;padding:4px 10px}
}