@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);

html,
body {
  font-family: "Open Sans", sans-serif;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0; 
}
body {
  overflow-x: hidden;
}

*::selection{
  background-color: #5d9ac5;
  color: #ffffff;
}

textarea {
  resize: none;
}

.content{
  box-shadow: 0px -40px 60px 10px #0000008c;
  z-index: 9999;
}






.modal-organograma{
  height: 90%;
}

@media (max-width:425px) {
  .modal-organograma{
    height: 90%;
    margin-top: 8%;
  }
}

section {
  padding-bottom: 60px;
  padding-top: 60px;
}

h2 {
  font-weight: 800;
  color: #333;
  margin-bottom: 3rem;
  font-size: 27px;
  text-align: center;
}

/*-----------GRID-----------*/
.selector * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.selector {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 140px;
  height: 140px;
  margin-top: -70px;
  margin-left: -80px;
}

.selector,
.selector button {
  font-family: "Oswald", sans-serif;
  font-weight: 300;
}

.selector button {
  position: relative;
  width: 85%;
  height: 85%;
  padding: 10px;
  background: #3071a9;
  border-radius: 50%;
  border: 0;
  color: white;
  font-size: 20px;
  cursor: pointer;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.1s;
}

.selector button:focus {
  outline: none;
}

.selector ul {
  position: absolute;
  list-style: none;
  padding: 0;
  margin: 0;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
}

.selector li {
  position: absolute;
  width: 0;
  height: 100%;
  margin: -22px 40%;
  padding: 20px;
  -webkit-transform: rotate(-360deg);
  transition: all 0.8s ease-in-out;
}

.selector li input {
  display: none;
}

.selector li input + a > label {
  position: absolute;
  color: #fff;
  left: 50%;
  bottom: 97%;
  width: 0;
  height: 0;
  line-height: 1px;
  margin-left: 0;
  border-radius: 50%;
  text-align: center;
  font-size: 1px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: none;
  transition: all 0.8s ease-in-out, color 0.1s, background 0.1s;
  max-width: none !important;
  font-weight: 100 !important;
}

.selector li input + a > label span {
  color: #ffff;
  font-size: 16px;
  position: absolute;
  left: 0;
  right: 0;
}

.selector li input + a > label:hover {
  background: #f0f0f0;
}

.selector li input:checked + a > label {
  background: #5cb85c;
  color: white;
}

.selector li input:checked + a > label:hover {
  background: #449d44;
}

.selector.open li input + a > label {
  width: 110px;
  height: 110px;
  line-height: 30px;
  margin-left: -55px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  font-size: 14px;
}
/*-----------END GRID-----------*/

@media (max-width: 500px) {
  .selector {
    display: none;
  }
}

@media (max-width: 500px) {
  .lista {
    display: block !important;
  }
}

/*-----------LISTA-----------*/
.lista {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
}

.lista ul {
  padding-left: 0px;
}

.lista ul li {
  list-style: none;
  margin-bottom: 10px !important;
  text-align: center;
}

.lista ul li span {
  font-size: 16px !important;
  color: #fff;
  padding: 8px;
  border-radius: 50px;
  width: 70%;
  display: inline-block;
}

.lista ul li .diretoria {
  background-color: #22874d;
}

.lista ul li .diretoria:hover {
  cursor: pointer;
}

.lista ul li .teamqs {
  background-color: #1c94d7;
}

.lista ul li .teamqs:hover {
  cursor: pointer;
}

.lista ul li .abertura {
  background-color: #189796;
}

.lista ul li .abertura:hover {
  cursor: pointer;
}

.lista ul li .base {
  background-color: #149fbd;
}

.lista ul li .base:hover {
  cursor: pointer;
}

.lista ul li .equipe {
  background-color: #10a8e3;
}

.lista ul li .equipe:hover {
  cursor: pointer;
}

.lista ul li .noticias {
  background-color: #13a2e8;
}

.lista ul li .noticias:hover {
  cursor: pointer;
}

.lista ul li .relatorios {
  background-color: #1d8f71;
}

.lista ul li .sistemas {
  background-color: #2586c6;
}

.lista ul li .sistemas:hover {
  cursor: pointer;
}

.lista ul li .contato {
  background-color: #2c78b6;
}

.lista ul li .contato:hover {
  cursor: pointer;
}

.lista ul li .certificacoes {
  background-color: #3766a0;
}

.lista ul li .certificacoes:hover {
  cursor: pointer;
}

.lista ul li .indicadores {
  background-color: #27568e;
}

.lista ul li .indicadores:hover {
  cursor: pointer;
}

.barra-indicadores{
  position: relative;
}

span.valor {
  position: absolute;
  top: 0px;
  right: 15px;
  color: #000000;
  /* font-weight: bold; */
}
/*-----------END LISTA-----------*/

/*-----------NOTICIAS-----------*/


#noticias h2{
  margin-bottom: 30px;
}

#noticias h3{
  text-align: center;
  margin-bottom: 1.5rem;
}

#noticias .noticias{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;

  padding: 0;
  overflow: hidden;

  border-radius: 25px;

}

#noticias .noticia{
  flex: 1 1 200px;
  aspect-ratio: 1 / 1;
  width: 100%;
  max-height: 283px;
}

#noticias .noticias *{
  display: block;
  
  transition: 250ms;
}

#noticias .imagem-noticia{
  background-size: cover;
  transition: 250ms;
}


#noticias .noticia a{
  text-decoration: none;
  height: 100%;
  display: flex;
  align-items: flex-end;
  
}


#noticias .noticia h4{
  font-weight: 500;
  font-size: 1.0rem;
  text-decoration: none;
  color: #fff;

  margin: 0;
  background: #1f4e754f;
  
  height: 100%;
  width: 100%;
  
  position: relative;
}

#noticias .noticia:hover h4{
  background: #20527a9e;
}

#noticias .noticia:hover .titulo-noticia{
  bottom: 10px;
}


#noticias .titulo-noticia{
  position: absolute;
  bottom: 0;
  max-width: 100%;
  padding: 15px;
  transition: 250ms;
  text-shadow: 1px 1px 2px #000000;
}

.botao-todas-noticias{
  display: flex;
  justify-content: center;
}

.botao-todas-noticias a{
  background-color: #005e89;
  color: #fff;
  text-decoration: none;

  margin-top: 30px;
  padding: 10px;
  border-radius: 25px;

  transition: 250ms;
}

.botao-todas-noticias a:hover {
  background-color: #014d70;
  
}
/*-----------FIM NOTICIAS-----------*/

/*-----------SOBRE-----------*/
#sobre{
}

#sobre p {
  color: #777;
  font-size: 15px;
}

#sobre ul li {
  list-style-type: lower-latin;
  margin: 10px;
  margin-left: -10px;
  color: #777;
  font-size: 15px;
}
#sobre .organograma {
  margin-top: 80px;
  cursor: zoom-in;
  width: 100%;
}
#modalOrganograma .modal-lg{
  width: 90% !important;
}



@media (max-width:512px) {
  #sobre .organograma{
    margin-top: 60px;
  }
}

/*-----------END SOBRE-----------*/



/*-----------CARROSSEL-----------*/



#Carrossel ul{
  list-style: none;
}

#Carrossel a{
  text-decoration: none;
}

#Carrossel #cartoes{
  padding-left:0
}

#Carrossel .cartao{
  width: 200px;
  height: 280px;
  position: relative;
  left: 0;
  top: 0;
  transition: 400ms ;
  background-color: #ffffff;
  box-shadow: -3px 0 6px #0000004f;
  border-radius: 25px;
  cursor: pointer;
}

#Carrossel .cartao:not(:first-child){
  margin-left: -20px;
}

#Carrossel .cartao:hover{
  transform: translateY(-20px);
}

#Carrossel .cartao:hover ~ .cartao{
  transform: translateX(40px);
}

.conteudo-cartao h5 {
  padding-block: 15px;
  height: 100px;
  color: #6b6b6b;
}

.conteudo-cartao .icone {
  height: 140px;
  text-align: center;
}

.conteudo-cartao .icone i {
  font-size: 5.5rem;
  color: #294861;
}

.conteudo-cartao .barra {
  position: relative;
  height: 3px;
}

.conteudo-cartao .barra-vazia {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #bcd3eb;
}

.conteudo-cartao .barra-cheia {
  width: 0;
  height: 100%;
  position: absolute;
  background: linear-gradient(90deg, #294861 0%, #1b588a 65%, #008cff 100%);
  transition: 400ms;
}

.cartao:hover .barra-cheia {
  width: 66%;
}

.cartao-selecionado .barra-cheia,
.cartao-selecionado:hover .barra-cheia {
  width: 100%;
}

.cartao:not(:first-child) .cartao-selecionado {
  margin-inline: 20px;
}

.cartao:first-child .cartao-selecionado {
  margin-right: 20px;
}

@media (max-width:991px) {

  #Carrossel ul{
    width: 80%;
    margin-inline: auto;
  }

  #Carrossel .cartao,
  #Carrossel .conteudo-cartao:not(:first-child),
  .cartao:hover ~ .cartao{
    all: unset;
  }

  #Carrossel h2{
    display: none;
  }

  #Carrossel .cartao:not(:first-child){
    margin: 0;
  }

  #Carrossel .cartao:hover{
    transform: translateY(0px);
  }
  
  #Carrossel .cartao:hover ~ .cartao{
    transform: translateX(0px);
  }

  :root{
    --cards:4;
    --cardHeight: 40vh;
    --cardTopPadding: 1.5em;
    --cardMargin: 4vw;
  }


  #Carrossel .cartao:first-child::before {
    content: "Documentos sobre a DTI";
    position: absolute;
    top: -80px;
    font-size: calc(1.325rem + .9vw);
    font-weight: 500;
  }
  
  #Carrossel h2{
    margin: 0;
    top: 50px;

  }
  #Carrossel #cartoes{
    list-style: none;
    padding-left: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(var(--cards), var(--cardHeight));
    gap: var(--cardMargin);
  }

  #Carrossel .cartao{
    position: sticky;
    top: calc(var(--index) * var(--cardTopPadding) + 100px);    
  }

  #Carrossel .cartao .conteudo-cartao{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: space-between;

    box-sizing: border-box;

    height: var(--cardHeight);
    min-height: 200px;
    width: 100%;
    padding: 30px;

    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0px 0px 6px 0px #0000004f;
  }

  #cartao1{
    --index:1;
  }
  #cartao2{
      --index:2;
  }
  #cartao3{
      --index:3;
  }
  #cartao4{
      --index:4;
  }

  .conteudo-cartao{
    width: 500px;
    height: auto;
    box-sizing: border-box;
  }

  h5, .icone{
    flex:1
  }

  .cartao .icone i{
    font-size: 7rem ;
  }

  .barra{
    width: 100%;
  }

}

@media (max-width:525px) {

  :root{
    --cardHeight: 26%;
    --cardTopPadding: 1.5em;
    --cardMargin: 0;
  }

  #Carrossel {
    padding-top: 130px;
  }
  
  #Carrossel .cartao{
    width: auto;
    height: 280px;
  }
  #Carrossel .cartao:first-child::before {
    font-size: 1.2rem;
    font-weight: 800;
  }
  #Carrossel .cartao .conteudo-cartao {
    display: block;
    height: auto;
    width: 100%;
    padding: 10px;
  }
  #Carrossel .cartao .conteudo-cartao h5{
    text-align: center;
  }
  .conteudo-cartao .icone i {
    font-size: 5.5rem;
  }
  
}

/*-----------END CARROSSEL-----------*/




/*-----------SETORES-----------*/
#setores {
  background-color: #f1f1f1;
}

#setores h2{
  color: #333;
  margin-bottom: 35px;
}

#setores .setor {
  margin-bottom: 10px;
}


#setores .setores-celular {
  display: none
}

@media (max-width: 767px) {
  #setores .setores-notebook {
    display: none
  }
  
  #setores .setores-celular {
    display: block
  }
}

#setores .setores {
  padding: 0;
}


#setores .diretor, #setores .outro-setor {
  text-align: center;
}

#setores .outro-setor {
  font-size: 6rem;
}

#setores h4 {
  text-align: center;
  text-transform: uppercase;
  color: #333;
  font-weight: 500;
  font-size: 18px;
  margin: 0;
}

#setores img {
  width: 100%;
}




#setores .cortar {
  width: 123px;
  height: 123px;
  margin: 0 auto 24px;
  
  /* font-size: 5.5rem; */
  
  background-color: #f5f5f5;
  border-radius: 25px;
  overflow: hidden;

  box-shadow: 0px 0px 6px -2px rgba(0, 0, 0, 0.75);
  transition: 400ms;
}
#setores .cortar:hover {

  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.75)
}

#setores .outro-setor .cortar  {
  font-size: 4rem;
}

#setores .sobre {
  padding: 0;
}

#setores .cortar label{
  height: 100%;
  cursor: pointer;
  
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 250ms;

  color: #294861;
  background-color: #fff;
}

#setores .cortar label:hover{
  background-color: #fff;
}

#setores .cortar .icone-diretor{
  font-size: 5.5rem;
}

#setores .icone::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 2000;
  margin-left: -18px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 25px solid #2683c4;
}


#setores input {
  display: none;
}

#setores label {
  display: block;
}

@media screen and (max-width: 991px) {
  #setores .container {
    width: 100%;
  }
}

#conteudo {
  background-color: #f1f1f1;
  position: relative;
  margin-bottom: 60px;
  box-shadow: 1px 22px 30px -28px rgba(0, 0, 0, 0.42);
  -webkit-box-shadow: 1px 22px 30px -28px rgba(0, 0, 0, 0.42);
  -moz-box-shadow: 1px 22px 30px -28px rgba(0, 0, 0, 0.42);
}
#conteudo .container {
  padding: 0px;
  margin: 0;
  width: 100%;
}

#conteudo .margens {
  margin-right: 10px !important;
  margin-left: 10px !important;
}


#conteudo label span {
  font-weight: bold;
  font-size: 20px;
  color: #7a7a7a;
}

#conteudo label:hover span {
  color: #3f3f3f;
}

#conteudo .imagem {
  display: flex;
  background-color: #2683c4;
}

@media screen and (max-width: 991px) {
  #conteudo .imagem {
    display: none;
  }
  #conteudo .texto {
    margin: 0px;
  }
}

#conteudo .imagem img {
  padding-bottom: 0px;
  object-fit: cover;
  /* object-fit: contain; */ 
}

#conteudo .texto {
  background-color: #2683c4;
  min-height: 330px;
}

#conteudo .texto blockquote {
  border: 0;
  padding: 30px 30px 30px 30px;
  font-size: 15px;
}

#conteudo .titulo {
  text-align: center;
  margin-top: 45px;
  margin-bottom: 40px;
}

#conteudo .titulo h3 {
  font-weight: 800 !important;
  color: #333;
  font-size: 27px;
}

#conteudo .equipe {
  padding-bottom: 40px;
}

#conteudo .center-funcionarios{
  display: flex;
  justify-content: center;
}

#conteudo .equipe .cortar {
  border-radius: 100%;
  width: 130px;
  height: 130px;
  overflow: hidden;
  margin: 0 auto;
  box-shadow: -3px 3px 8px 0px rgba(0, 0, 0, 0.29);
  -webkit-box-shadow: -3px 3px 8px 0px rgba(0, 0, 0, 0.29);
  -moz-box-shadow: -3px 3px 8px 0px rgba(0, 0, 0, 0.29);
}

#conteudo .equipe img {
  width: 100%;
}

#conteudo .equipe h2 {
  padding-left: 50px;
}

#conteudo .equipe p {
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  color: #333;
}

#conteudo .equipe .nome {
  margin-top: 30px;
  height: 75px;
}

#conteudo .equipe .email {
  text-transform: none;
  font-size: 15px;
  color: #777;
}

#conteudo .texto h3,
#conteudo .texto p {
  color: #fff;
}

/*-----------END SETORES FIM-----------*/

/*-----------RECONHECIMENTOS-----------*/

#reconhecimento h3{
  text-align: center;
  font-size: 24px;
}

#reconhecimento .row h2{
  margin-bottom: 20px;
}

.premios{
  min-height: 450px;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.card-premio{
  width: 350px;
  height: 370px;

  border: 1px solid #929292;
  border-radius: 20px;

  padding: 30px;

  background-color: #fff;
}

.card-premio:nth-child(2) {
  transform: scale(1.085);
  z-index: 10;
}

.box-img{
  width: 100%;
  height: 200px;

  padding: 10px;

  background-color: grey;

  display: flex;
  align-items: center;
  justify-content: center;
}

.card-premio .box-img img{
  width: 100%;
  height: 180px;
  object-fit: cover;
  object-position: center;
}

.card-premio h4{
  text-align: center;
  font-size: 22px;
  margin-top: 60px;
}

#reconhecimento .cards{
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.botao-todos-reconhecimento{
  margin-top: 20px;
  
  text-align: center;
  line-height: 40px;
  
  width: 240px;
  height: 40px;
  
  border-radius: 20px;
  
  background-color: #005e89;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.botao-todos-reconhecimento:hover{
  background-color: #014d70;
}


/*-----------END RECONHECIMENTOS FIM-----------*/

/*-----------INDICADORES-----------*/
#indicadores .container .row .skill-inner {
  margin-top: 10px !important;
}
#indicadores span {
  font-size: 14px;
}

@media (min-width: 992px) { 
  #indicadores .coluna-media-7{
    width: 14.2857%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
  }
}


#indicadores .stat-wrap h3 {
  font-size: 1.0rem;
  font-weight: 400;
  color: #727272 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

#indicadores .stat-wrap p {
  font-size: 2rem;
  color: #2683C4;
  margin: 0;
  font-weight: 800;
  padding: 4px 0 0;
  line-height: 1 !important;
}

#indicadores h3{
  margin-top: 30px;
  font-size: 20px;
  font-weight: 800;
  color: #777;
}
/*-----------END INDICADORES-----------*/







/*-----------CERTIFICACAO-----------*/
#certificacao .conteudo {
  text-align: center;
  float: left;
  width: 100%;
  margin-bottom: 40px;

  display: flex;
  flex-direction: column;
  align-items: center;
}

#certificacao .conteudo .imagem {
  width: 180px;
  height: 170px;
  padding: 10px;
  background: #efefef;
  display: table;
  text-align: center;
  margin-bottom: 10px;
}

.cropindex {
  object-fit: cover;
  object-position: center;
  /* width: 300px!important; */
  height: 160px!important;
}

/* #certificacao .conteudo .imagem i {
  display: table-cell;
  vertical-align: middle;
  height: 90px;
  font-size: 40px;
  line-height: 40px;
  color: #005e89;
} */

#certificacao .conteudo h3 {
  text-transform: uppercase;
  font-size: 18px;
  color: #333;
  margin-bottom: 15px;
  height: 55px;
}

#certificacao .conteudo p {
  margin-bottom: 30px;
  color: #777;
}

#certificacao .conteudo .botao {
  font-size: 15px;
  color: #005e89;
  border: 2px solid #005e89;
  border-radius: 5px;
  padding: 10px 20px 10px 20px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#certificacao .conteudo .botao:hover {
  text-decoration: none;
  background-color: #005e89;
  color: #fff;
  cursor: pointer;
}

#certificadoTitulo{
  text-transform: uppercase;
  font-size: 18px;
  color:#333;
}

#certificadoImagem{
  margin-bottom: 20px;
  width: 100%!important;
}

#certificadoTexto{
  text-align: left;
  color:#535a5a;
  margin: 0 10px 0 10px;
}


/*-----------END CERTIFICAO-----------*/

/*-----------RELATÓRIO-----------*/
#relatorio .list ul,
#politicas-diretrizes .list ul,
#pdti .list ul,
#catalogo .list ul {
  list-style: none;
  font-size: 14px;
  padding: 0;
  margin-left: 15px;
  /*width: 50%;*/
}

#relatorio .list li,
#politicas-diretrizes .list li,
#pdti .list li,
#catalogo .list li {
  cursor: pointer;
}

#relatorio .list a,
#catalogo .list a,
#politicas-diretrizes .list a,
#pdti .list a{
  text-decoration: none;
}

#relatorio .list a:hover,
#politicas-diretrizes .list a:hover,
#pdti .list a:hover,
#catalogo .list a:hover {
  text-decoration: none;
}

#relatorio .list li a:hover span,
#politicas-diretrizes .list li a:hover span,
#pdti .list li a:hover span,
#catalogo .list li a:hover span {
  background: #1d80aa;
  color: #fff;
}

#relatorio .list span,
#politicas-diretrizes .list span,
#pdti .list span,
#catalogo .list span {
  position: relative;
  display: block;
  padding: 0.4em 0.4em 0.4em 2em;
  margin: 0.9em 0;
  background: #f1f6fc;
  color: #777;
  text-decoration: none;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#relatorio .list span:before,
#politicas-diretrizes .list span:before,
#pdti .list span:before,
#catalogo .list span:before {
  content: url(../images/right.png);
  position: absolute;
  left: -1.3em;
  top: 50%;
  margin-top: -1.3em;
  background: #005e89;
  height: 2.6em;
  width: 2.6em;
  border: 0.3em solid #fff;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  -moz-border-radius: 2em;
  -webkit-border-radius: 2em;
  border-radius: 2em;
  color: #fff;
}
/*-----------END RELATÓRIO-----------*/

/*-----------CONTATO-----------*/

.google-map{
  margin-bottom: 60px;
  border-radius: 25px;
}

.google-map iframe{
  border-radius: 25px;
}
/*-----------END CONTATO-----------*/

/*-----------ANCORA-----------*/
.go-top {
  background-color: #005e89;
  bottom: 2em;
  right: 2em;
  color: #fff !important;
  font-size: 26px;
  position: fixed;
  text-decoration: none;
  width: 40px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  border-radius: 100%;
  z-index: 11;
}

.go-top i{
  margin-top: 6px;
}
/*-----------END ANCORA-----------*/

/*  */
/* #botaocontato {
  background-color: #005e89;
  bottom: 2em;
  right: 4em;
  color: #fff !important;
  font-size: 26px;
  position: fixed;
  text-decoration: none;
  width: 40px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  border-radius: 100%;
  z-index: 1000;
}
#botaocontato:hover {
  cursor: pointer;
} */
/*  */

/*-----------MODAIS-----------*/


.modal-dialog img {
  width: 100%;
}


.modal-body span:hover {
  opacity: 0.9;
}

.modal-body span {
  position: absolute;
  right: 0;
  top: 0;
  margin: 5px 20px 0px 0px;
  cursor: pointer;
  font-size: 25px;
  font-weight: bold;
  color: #000;
  opacity: 0.6;
}

.modal#modalcontato{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
} 

.modal{
  background-color: rgba(128, 128, 128, 0.637);
}

#fundomodal{
  margin: 0 17px 10px 5px;
}

.button-active{
  visibility: visible!important;
}


/*-----------END MODAIS-----------*/






.g-recaptcha {
  margin-top: 15px;
}
.g-recaptcha > div {
  width: 100%!important;
}

@media (max-width: 1199px){
  .premios{
    gap: 20px;
    margin-block: 32px 28px;
  }

  .card-premio:nth-child(2) {
    transform: scale(1);
  }

  .card-premio{
    width: 300px;
    height: 340px;
  
    padding: 25px;
  }

  .box-img{
    height: 170px;  
    padding: 10px;
  }

  .card-premio .box-img img{
    height: 100%;
  }
  
}