/* Batista Vila Formosa — hero com fotografia real da comunidade.
   A imagem funciona como ambientação, não como cartaz.
   Identidade original, texto, botões e estrutura da hero permanecem intactos. */
.hero.hero-v3.hero-photo-full {
  background-color:#281d1a!important;
  background-image:
    linear-gradient(100deg,
      rgba(40,29,26,.96) 0%,
      rgba(40,29,26,.92) 34%,
      rgba(40,29,26,.77) 52%,
      rgba(40,29,26,.53) 78%,
      rgba(40,29,26,.47) 100%),
    linear-gradient(180deg,rgba(42,29,26,.18),rgba(42,29,26,.06) 52%,rgba(42,29,26,.39)),
    url('/assets/hero-ceia-comunidade-bvf.webp')!important;
  background-size:cover!important;
  background-position:center,center,55% 47%!important;
  background-repeat:no-repeat!important;
}
.hero.hero-v3.hero-photo-full .hero-v3-content{
  text-shadow:0 1px 16px rgba(26,18,17,.18);
}
.hero.hero-v3.hero-photo-full .hero-identity-feature::before{
  background:radial-gradient(ellipse at 50% 48%,
    rgba(40,29,26,.48) 0%,
    rgba(40,29,26,.34) 38%,
    rgba(40,29,26,.13) 68%,
    transparent 88%);
}
.hero.hero-v3.hero-photo-full .hero-photo-meta{
  border-top-color:rgba(255,235,224,.33);
}
@media(max-width:880px){
  .hero.hero-v3.hero-photo-full{
    background-image:
      linear-gradient(180deg,
        rgba(40,29,26,.90) 0%,
        rgba(40,29,26,.85) 43%,
        rgba(40,29,26,.72) 73%,
        rgba(40,29,26,.82) 100%),
      url('/assets/hero-ceia-comunidade-bvf.webp')!important;
    background-position:center,56% 44%!important;
  }
}
@media(max-width:600px){
  .hero.hero-v3.hero-photo-full{
    background-image:
      linear-gradient(180deg,
        rgba(40,29,26,.92) 0%,
        rgba(40,29,26,.88) 45%,
        rgba(40,29,26,.78) 74%,
        rgba(40,29,26,.91) 100%),
      url('/assets/hero-ceia-comunidade-bvf.webp')!important;
    background-position:center,54% 44%!important;
  }
  .hero.hero-v3.hero-photo-full .hero-v3-content{text-shadow:none;}
}

/* Sobre Nós — mesma fotografia da hero da Home, sem cópia duplicada.
   Degradê mais contido na faixa compacta para preservar a marca original
   e a legibilidade do título, inclusive em telas pequenas. */
.about-page .about-hero {
  background-color:#281d1a;
  background-image:
    linear-gradient(100deg,
      rgba(40,29,26,.96) 0%,
      rgba(40,29,26,.91) 38%,
      rgba(40,29,26,.78) 62%,
      rgba(40,29,26,.63) 100%),
    linear-gradient(180deg,
      rgba(40,29,26,.09) 0%,
      rgba(40,29,26,.04) 48%,
      rgba(40,29,26,.32) 100%),
    url('/assets/hero-ceia-comunidade-bvf.webp');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center,center,56% 47%;
}
.about-page .about-hero .about-hero-inner{
  position:relative;
  z-index:1;
}
.about-page .about-hero .about-hero-copy{
  text-shadow:0 1px 12px rgba(24,15,14,.2);
}
.about-page .about-hero .hero-identity-feature.about-hero-brand::before{
  background:radial-gradient(ellipse at center,
    rgba(40,29,26,.55) 0%,
    rgba(40,29,26,.30) 44%,
    transparent 78%);
}
@media(max-width:880px){
  .about-page .about-hero{
    background-image:
      linear-gradient(180deg,
        rgba(40,29,26,.94) 0%,
        rgba(40,29,26,.87) 50%,
        rgba(40,29,26,.75) 100%),
      url('/assets/hero-ceia-comunidade-bvf.webp');
    background-position:center,56% 44%;
  }
}
@media(max-width:640px){
  .about-page .about-hero{
    background-image:
      linear-gradient(180deg,
        rgba(40,29,26,.95) 0%,
        rgba(40,29,26,.89) 48%,
        rgba(40,29,26,.80) 100%),
      url('/assets/hero-ceia-comunidade-bvf.webp');
    background-position:center,53% 44%;
  }
  .about-page .about-hero .about-hero-copy{text-shadow:none;}
}