
/* V122 - Home: títulos centralizados e botões abaixo dos cards */

/* Centraliza os nomes/subtítulos das seções da página inicial */
.home-section .section-head,
.home-section .section-title,
.home-section .section-header,
.home-section .home-section-head{
  text-align:center!important;
  justify-content:center!important;
  align-items:center!important;
  flex-direction:column!important;
  gap:8px!important;
  max-width:780px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-bottom:24px!important;
}

.home-section .section-head > div,
.home-section .section-title > div,
.home-section .section-header > div,
.home-section .home-section-head > div{
  text-align:center!important;
  width:100%!important;
}

.home-section .section-head h1,
.home-section .section-head h2,
.home-section .section-title h1,
.home-section .section-title h2,
.home-section .section-header h1,
.home-section .section-header h2,
.home-section .home-section-head h1,
.home-section .home-section-head h2{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.home-section .section-head p,
.home-section .section-title p,
.home-section .section-header p,
.home-section .home-section-head p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:680px!important;
}

/* Botões/links de ver mais devem ficar abaixo dos cards, centralizados */
.home-section .section-head > .btn,
.home-section .section-head > a.btn,
.home-section .section-head > .button,
.home-section .section-head > a.button,
.home-section .section-header > .btn,
.home-section .section-header > a.btn,
.home-section .home-section-head > .btn,
.home-section .home-section-head > a.btn{
  margin-top:18px!important;
  align-self:center!important;
  order:20!important;
}

/* Quando o botão estiver no cabeçalho, empurra visualmente para depois da grade/carrossel usando layout */
.home-section{
  position:relative!important;
}

.home-section .container{
  display:flex!important;
  flex-direction:column!important;
}

/* Grades e carrosséis antes do botão */
.home-section .cards-grid,
.home-section .grid,
.home-section .home-grid,
.home-section .home-carousel-wrap,
.home-section .news-grid,
.home-section .posts-grid{
  order:10!important;
  width:100%!important;
}

/* Botões colocados embaixo quando estiverem soltos no container */
.home-section .container > .btn,
.home-section .container > a.btn,
.home-section .container > .button,
.home-section .container > a.button,
.home-section .home-more,
.home-section .see-more,
.home-section .view-more{
  order:30!important;
  margin:22px auto 0!important;
  width:max-content!important;
  max-width:100%!important;
}

/* Caso o botão esteja dentro do cabeçalho junto com título */
.home-section .section-head > a,
.home-section .section-header > a,
.home-section .home-section-head > a{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Notícias e novidades especificamente */
.home-section:has(.news-card) .section-head,
.home-section:has(.post-card) .section-head,
.home-section:has(.news-grid) .section-head{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Mobile */
@media(max-width:760px){
  .home-section .section-head,
  .home-section .section-title,
  .home-section .section-header,
  .home-section .home-section-head{
    margin-bottom:18px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .home-section .section-head h2,
  .home-section .section-title h2,
  .home-section .section-header h2,
  .home-section .home-section-head h2{
    font-size:25px!important;
    line-height:1.12!important;
  }

  .home-section .container > .btn,
  .home-section .container > a.btn,
  .home-section .container > .button,
  .home-section .container > a.button,
  .home-section .home-more,
  .home-section .see-more,
  .home-section .view-more{
    width:100%!important;
    justify-content:center!important;
  }
}


/* V124 - Botão fora do título, abaixo dos cards da própria seção */
.home-section .section-head > .btn,
.home-section .section-head > a.btn,
.home-section .section-head > .button,
.home-section .section-head > a.button{
  display:none!important;
}

.home-section-more{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin:22px auto 0!important;
}

.home-section-more .btn,
.home-section-more a.btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:140px!important;
  width:auto!important;
  margin:0 auto!important;
}

@media(max-width:760px){
  .home-section-more{
    padding:0 12px!important;
    margin-top:18px!important;
  }

  .home-section-more .btn,
  .home-section-more a.btn{
    width:100%!important;
  }
}
