:root {
  --cor-primaria: #24495D;
  --cor-secundaria: #AF835D;
  --cor-primaria-opacidade: #965517;
  --cor-secundaria-opacidade: #eab894;
  --cor-texto-default: #000000;
  
  
  --cor-fundo-primaria: var(--cor-primaria);
  --cor-texto-primaria: var(--cor-primaria);
  
  --cor-fundo-secundaria: var(--cor-secundaria);
  --cor-texto-secundaria: #FFFFFF;


  --lightbox: rgb(0 0 0 / 0.75);
  --carousel-text: #fff;

}

.texto-cor-primaria{ color: var(--cor-primaria); }
.texto-cor-secundaria{ color: var(--cor-secundaria); }
.texto-cor-secundaria-opacidade{ color: var(--cor-secundaria-opacidade); }
.texto-w-bolder{ font-weight: bolder; }

.padding-top-2vh{ padding-top: 2vh; }
.padding-bottom-1vh{ padding-bottom: 1vh; }
.bg-siloe-primaria{ background-color: var(--cor-primaria); }
.bg-siloe-primaria-opacidade{ background-color: var(--cor-primaria-opacidade); }
.bg-siloe-secundaria{ background-color: var(--cor-secundaria); }
.bg-siloe-secundaria-opacidade{ background-color: var(--cor-secundaria-opacidade); }

.texto-chamada-checkbox{ font-size: 1.2rem; }
.text-justify{ text-align: justify; }

/* .bloco-jobs{ background-color: #128c7e; } */
.bloco-jobs-cor{ background-color: #ede7dd; color: #000;}



.carousel-control-prev {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(33, 33, 33, 0));
}

.carousel-control-next {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(33, 33, 33, 0));
}

.hr{
  border-color: var(--cor-secundaria);
}

footer{
  margin-top: 1rem;
}

/* Lightbox Gallery */
@keyframes zoomin {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.gallery-item {
  display: block;
}

.gallery-item img {
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.2s;
}

.gallery-item:hover img {
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.35);
}

.lightbox-modal .modal-content {
  background-color: var(--lightbox);
}

.lightbox-modal .btn-close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  font-size: 1.25rem;
  z-index: 10;
  filter: invert(1) grayscale(100);
}

.lightbox-modal .modal-body {
  display: flex;
  align-items: center;
  padding: 0;
}

.lightbox-modal .lightbox-content {
  width: 100%;
}

.lightbox-modal .carousel-indicators {
  margin-bottom: 0;
}

.lightbox-modal .carousel-indicators [data-bs-target] {
  background-color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-inner {
  width: 75%;
}

.lightbox-modal .carousel-inner img {
  animation: zoomin 10s linear infinite;
}

.lightbox-modal .carousel-item .carousel-caption {
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 2rem;
  background-color: var(--lightbox);
  color: var(--carousel-text) !important;
}

.lightbox-modal .carousel-control-prev,
.lightbox-modal .carousel-control-next {
  width: auto;
}

.lightbox-modal .carousel-control-prev {
  left: 1.25rem;
}

.lightbox-modal .carousel-control-next {
  right: 1.25rem;
}

@media (min-width: 1400px) {
  .lightbox-modal .carousel-inner {
    max-width: 60%;
  }
}

[data-bs-theme = "dark"] .lightbox-modal .carousel-control-next-icon,
[data-bs-theme = "dark"] .lightbox-modal .carousel-control-prev-icon {
    filter: none;
}

.btn-fullscreen-enlarge,
.btn-fullscreen-exit {
  position: absolute;
  top: 1.25rem;
  right: 3.5rem;
  z-index: 10;
  border: 0;
  background: transparent;
  opacity: .6;
  font-size: 1.25rem;
}

.bi {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.035em;
  fill: currentcolor;
}


@media (max-width : 400px) {

  nav div.container-fluid #navbarNavDropdown ul {
    text-align: center;
    width: "100%";
  }


  #Banner .carousel-item img {
    max-height: 300px;
    min-width: 100%;
    display: block;
    margin: auto;
  }


  footer {
    background-color: var(--cor-texto-primaria);
    padding: 20px 0 0;
  }

  #container-footer {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }

  #container-footer h3 {
    font-size: 18px;
    color: var(--cor-fundo-secundaria);
    margin-bottom: 10px;
  }

  .mapa-do-site ul,
  .redes-sociais ul {
    list-style: none;
    padding: 0;
  }

  .mapa-do-site ul li,
  .redes-sociais ul li {
    margin-bottom: 5px;
  }

  .mapa-do-site a,
  .redes-sociais a {
    color: var(--cor-texto-secundaria);
    text-decoration: none;
    transition: color 0.3s;
  }

  .mapa-do-site a:hover,
  .redes-sociais a:hover {
    color: #000;
  }

  .whatsapp a {
    display: inline-block;
    background-color: #25d366;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s;
  }

  .whatsapp a:hover {
    background-color: #128c7e;
  }

  .contato ul{
    list-style: none;
    padding: 0;
  }

  .contato a{
    text-decoration: none;
    color: var(--cor-texto-secundaria);
    transition: color 0.3s;
  }

  .contato a:hover{
    color: var(--cor-secundaria);
  }



  
  .desenvolvedor hr{
    border-color: var(--cor-secundaria);
  }

  .desenvolvedor p{
    font-size: 1rem;
    color: var(--cor-texto-secundaria);
    line-height: 1rem;
  }
  .desenvolvedor p a{ color: var(--cor-texto-secundaria); transition: color 0.3s; }
  .desenvolvedor p a:hover{ color: var(--cor-secundaria); }


  /* Página Jobs */
  /* .img-jobs{  } */
  .icones-jobs{ font-size: 3rem; }
  .text-justify{
    text-align: justify;
  }

  .fonte-vw-home{ font-size: 5vw;}
  .fonte-vw{ font-size: 8vw; margin-top: -1.5vh;}



  .whatsapp-button{
    padding: 0.8vh 0.8vw 0.8vh 1.2vw;
    background-color: #25D366;
    border-radius: 100%;
    position: fixed;
    bottom: 10px;
    right: 0;
    z-index: 999;
    transition: 0.1s all;
    text-align: center;
  }

  .whatsapp-button:hover{
    width: 280px;
    border-radius: 15px 0 0;
    transition: 0.1s all;
    bottom: 0;
  }

  .whatsapp-button #texto-btn-whatsapp{ display: none;}

  .whatsapp-button:hover #texto-btn-whatsapp{ display: initial;}

}

@media (min-width : 990px) {

  /* Blocos na Pagina Jobs */
  .bloco-jobs{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  nav div.container-fluid #navbarNavDropdown ul {
    display: flex;
    justify-content: center;
    text-align: center !important;
    width: 100% !important;
  }

  nav div.container-fluid #navbarNavDropdown ul li {
    /* Ajuste dos itens do menu */
    flex-grow: 1;
  }

  nav div.container-fluid #navbarNavDropdown ul li a {
    color: var(--cor-texto-default);
    transition: 0.5s;
  }

  nav div.container-fluid #navbarNavDropdown ul li a:hover {
    color: var(--cor-texto-primaria);
    transition: 0.5s;
  }

  .active {
    /* text-decoration: underline #24495D; */
    color: var(--cor-texto-primaria) !important;
  }

  #Banner .carousel-item img {
    max-height: 500px;
    min-width: 100%;
    display: block;
    margin: auto;
  }

  .titulo-banner {
    font-weight: bolder;
    text-shadow: 1px 1px 1px var(--cor-texto-default);
  }

  .paragrafo-banner {
    text-shadow: 1px 1px 1px var(--cor-texto-default);
  }


  /* #article3 img {
    margin-top: 2.5rem;
  } */

  /* #article3 p {
    margin-top: 2.5rem;
  } */

  /* Classes para personalização */
  .margin-1 {
    margin-top: 1rem;
  }

  .margin-2 {
    margin-top: 2rem;
  }

  .margin-3 {
    margin-top: 3rem;
  }

  .margin-4 {
    margin-top: 4rem;
  }

  .margin-5 {
    margin-top: 5rem;
  }

  .margin-6 {
    margin-top: 6rem;
  }

  footer {
    background-color: var(--cor-texto-primaria);
    padding: 20px 0 0;
  }

  #container-footer {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }

  #container-footer h3 {
    font-size: 18px;
    color: var(--cor-secundaria);
    margin-bottom: 10px;
  }

  .mapa-do-site ul,
  .redes-sociais ul {
    list-style: none;
    padding: 0;
  }

  .mapa-do-site ul li,
  .redes-sociais ul li {
    margin-bottom: 5px;
  }

  .mapa-do-site a,
  .redes-sociais a {
    color: var(--cor-texto-secundaria);
    text-decoration: none;
    transition: color 0.3s;
  }

  .mapa-do-site a:hover,
  .redes-sociais a:hover {
    color: var(--cor-secundaria);
  }

  .whatsapp a {
    display: inline-block;
    background-color: #25d366;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s;
  }

  .whatsapp a:hover {
    background-color: #128c7e;
  }

  .contato ul{
    list-style: none;
    padding: 0;
  }

  .contato a{
    text-decoration: none;
    color: var(--cor-texto-secundaria);
    transition: color 0.3s;
  }

  .contato a:hover{
    color: var(--cor-secundaria);
  }



  
  .desenvolvedor hr{
    border-color: var(--cor-secundaria);
  }

  .desenvolvedor p{
    font-size: 1rem;
    color: var(--cor-texto-secundaria);
    line-height: 0.5rem;
  }
  .desenvolvedor p a{ color: var(--cor-texto-secundaria); transition: color 0.3s; }
  .desenvolvedor p a:hover{ color: var(--cor-secundaria); }


  .fonte-vw{ font-size: 4.5vw; margin-top: -4.5vh;}

  .whatsapp-button{
    padding: 2vh 0.8vw;
    background-color: #25D366;
    border-radius: 100%;
    position: fixed;
    bottom: 10px;
    right: 0;
    z-index: 999;
    transition: 0.1s all;
  }

  .whatsapp-button:hover{
    width: 280px;
    border-radius: 15px 0 0;
    transition: 0.1s all;
    bottom: 0;
  }

  .whatsapp-button #texto-btn-whatsapp{ display: none;}

  .whatsapp-button:hover #texto-btn-whatsapp{ display: initial;}

}