html {
  scroll-padding-top: 95px; 
  scroll-behavior: smooth;
}


body {
  scroll-behavior: smooth;
  font-family: 'Poppins', sans-serif;
  padding-top: 95px;
}

h1, h2, h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
}

a{
  color: #007932;
  font-weight: 600;
}

.link_custom{
  color: #022751 !important;
}

.background_destaq{
  background-color: #efefef;
}

.hero-content {
  background-image: url(../images/section_hero.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  display: flex;
  align-items: flex-start; 
  justify-content: center;
  padding-top: 4%;
  box-sizing: border-box;
}


.title_custom{
  font-weight: bold;
}

.menu_custom{
  background-color: #007932 !important;
}

.button_custom{
  width: 100%;
  font-size: 16px;
  background-color: #007932;
  border: none;
  padding: 10px;
}

.button_custom:hover, .button_custom:active{
  background-color: #09632e !important;
}

.btn_secundario{
  background-color: #007932;
  padding: 8px 16px;
  border-radius: 4px;
  color: #fff !important;
  text-decoration: none;
  font-weight: normal;
}

.btn_secundario img{
  margin-right: 8px;
}

.btn_secundario:hover{
  background-color: #09632e;
}


.btn_green{
  display: block;
  background-color: #007932;
  border: 1px solid #007932;
  border-radius: 8px;
  width: 100%;
  text-align: center;
}

.btn_green:hover{
  background-color: #007932;
  border: 1px solid #007932;
}

.btn_green_transparent{
  display: block;
  background-color: transparent;
  border: 2px solid #007932;
  border-radius: 8px;
  color: #007932 !important;
  font-weight: 600;
  width: 100%;
  text-align: center;
}

.btn_green_transparent:hover{
  background-color: transparent;
}

.btn_blue{
  display: block;
  background-color: #034793;
  border: 1px solid #034793;
  border-radius: 8px;
  width: 100%;
  text-align: center;
}

.btn_blue:hover{
  background-color: #034793;
  border: 1px solid #034793;
}

.btn_blue_transparent{
  display: block;
  background-color: transparent;
  border: 2px solid #034793;
  border-radius: 8px;
  color: #034793 !important;
  font-weight: 600;
  width: 100%;
  text-align: center;
}

.btn_blue_transparent:hover{
  background-color: transparent;
}

.section{
  padding: 128px;
}

.section h1{
  font-size: 40px;
  font-weight: bold;
  border-left: 6px solid #00421C;
  padding-left: 16px;
  margin-bottom: 24px;
}


#inscricao{
  padding-top: 0px !important;
}


.nav-item a.nav-link{
  font-size: 14px;
}


/* Cor de fundo e texto do botão ativo */
.accordion-button {
  background-color: #f8f9fa; /* cor de fundo clara */
  color: #175330;
  font-weight: 600;
  border: none;
}


/* Ícone do botão (seta) quando fechado */
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23175330' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

/* Cor de fundo e texto do botão ativo */
.accordion-button:not(.collapsed) {
  background-color: #175330;
  color: #fff;
}

/* Ícone do botão (seta) quando aberto */
.accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}


/* Borda e sombra do item */
.accordion-item {
  border: 1px solid #175330;
  overflow: hidden;
}

/* Corpo do accordion */
.accordion-body {
  background-color: #fff;
  color: #333;
  padding: 32px 24px;
}


/* Inscrição */

.link_documentos{ 
  color: #175330;
  text-decoration: none;
  font-weight: 600;
}

.link_documentos img{ 
  margin-right: 8px;

}


#inscricao ul.btn_inscricao{
  /* display: flex;
  flex-direction: row;
  align-items: center; */
  list-style: none;
  padding: 0;
  margin: 0;
}

#inscricao ul.btn_inscricao li{
  padding-right: 32px;
  margin-bottom: 24px;
}


#inscricao ul.btn_inscricao li a{
  color: #175330;
  text-decoration: none;
  font-weight: 600;
}


/* #inscricao ul.btn_inscricao li a:hover{
  background-color: #09632e;
} */


#inscricao ul.btn_inscricao li a img{
  margin-right: 8px;
}


/* Item Modalidade */

.item-modalidade {
    text-align: center;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 1rem;
  }

  .item-modalidade a {
    font-weight: normal;
    color: #000;
    text-decoration: none;
    display: inline-block;
    border-bottom: 2px solid #ccc;
    padding-bottom: 4px;
    min-width: 80px;
  }

  .item-modalidade a:hover {
    border-bottom: 2px solid #175330;
    color: #175330;
  }


/* Boletins e Resultados */

#boletins ul.btn_boletins{
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
}

#boletins ul.btn_boletins li{
  padding-right: 32px;
  margin-bottom: 24px;
}


#boletins ul.btn_boletins li strong{
  display: block;
}

#boletins ul.btn_boletins li a{
  color: #175330;
  text-decoration: none;
  font-weight: 600;
}


#boletins ul.btn_boletins li a:hover{
  text-decoration: underline;
}


#boletins ul.btn_boletins li a img{
  margin-right: 8px;
}


.carousel-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 6px;
}


.carousel-control-prev,
.carousel-control-next {
  width: 4%; /* mais estreito, se quiser pode ajustar */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: #000;  /* cor preta */
  background-size: 60% 60%;
  background-position: center;
  border-radius: 4px;
}


#scrollTopBtn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  z-index: 999;
  background-color: #007932;
  border: none;
}


.card-title {
  font-size: 1.5rem;
}

.card-body ul li img {
  margin-left: 8px;
  vertical-align: middle;
}


footer a{
  color: #fff !important;
  font-weight: normal;
}

.indicator-dot.active {
  background: #ED6C05 !important; /* cor laranja do seu design system */
}

.table td{
  vertical-align: middle;
  
}

/* Extra pequeno (XS) - abaixo de 576px */
/* Não precisa de media query, aplica direto */

/* Pequeno (SM) - ≥576px */
@media (max-width: 576px) {

}

/* Médio (MD) - ≥768px */
@media (max-width: 768px) {

  .carousel-control-prev,
  .carousel-control-next {
    width: 8%; /* mais estreito, se quiser pode ajustar */
  }

  .table-inscricao tr {
      display: flex;
      flex-direction: column;
      width: 100%;
    }

    .table-inscricao td {
      width: 100%;
      display: block;
      padding: 16px;
    }

    #inscricao{
      padding-top: 32px !important;
    }

}

/* Grande (LG) - ≥992px */
@media (max-width: 992px) {

  .section{
    padding: 32px 0;
  }
  
  .button_custom{
    margin-bottom: 16px;
  }

  /* Inscrição */

  #inscricao ul.btn_inscricao{
    display: flex;
    flex-direction: column;
  }

  #inscricao ul.btn_inscricao li{
    padding-right: 0;
  }
}

/* Extra grande (XL) - ≥1200px */
@media (max-width: 1200px) {

  .hero-content {
    background-image: none;
    background-color: #eee;
    margin-bottom: 48px;
    padding: 48px 0;
    aspect-ratio: auto;
  }

}

/* Extra extra grande (XXL) - ≥1400px */
@media (max-width: 1400px) {

}


/* Breakpoint Custom */

@media (min-width: 2000px) {
    .hero-content {
      padding-top: 7%;

  }

}