@import url("https://fonts.googleapis.com/css2?family=Bruno+Ace&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root {
  --cor-principal: #d6b34b;
  --cor-principal-light: #fbecbf;
  --cor-secundaria: #ffffff;
  --cor-auxiliar-1: #dedede;
  --cor-auxiliar-2: #2d2d30;
  --cor-paragrafo: #7e7d7d;
}

body {
  overflow-x: hidden;
}

/* FONTS */
.title__section {
  font-size: 2rem;
  font-weight: 400;
  font-family: "Bruno Ace", cursive;
  line-height: 2.5rem;
  color: var(--cor-principal);
}

.title-upline {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  line-height: 2rem;
  color: var(--cor-principal);
}

.title__section--center-2 {
  font-size: 2rem;
  font-weight: 400;
  font-family: "Bruno Ace", cursive;
  line-height: 2.5rem;
  text-align: center;
}

.title__section--center-3 {
  font-size: 2.625rem;
  font-weight: 700;
  font-family: "Bruno Ace", cursive;
  line-height: 3.063rem;
  color: var(--cor-secundaria);
  text-align: center;
}
.topic-intern_produto {
  color: #1e4f52;
  font-family: "Roboto slab", serif;
  font-size: 1rem;
}
.intern_produto h1.title__section ~ p,
.page_intern_news .content p {
  font-size: 1rem;
  font-family: "Roboto Slab", serif;
  letter-spacing: 5%;
  color: var(--cor-paragrafo);
}

.paragraph-section {
  font-size: 1rem;
  font-family: "Dosis", "Roboto Condensed", "Roboto Slab", serif;
  letter-spacing: 5%;
  color: var(--cor-paragrafo);
}

.paragraph-section-label {
  font-size: 1rem;
  font-family: "Dosis", "Roboto Condensed", "Roboto Slab", serif;
  letter-spacing: 5%;
  color: var(--cor-paragrafo);
  font-weight: 700;
}

.font-roboto-slab {
  font-family: "Roboto Slab", serif;
}

.blog__card-title {
  font-size: 1.313rem;
  font-weight: 700;
  font-family: "Inter", sans-serif;

  color: var(--cor-secundaria);
}

.blog__card-description {
  font-size: 0.813rem;
  font-weight: 400;
  font-family: "Inter", sans-serif;

  color: var(--cor-secundaria);
}

.paragraph__section--center {
  font-size: 1.25rem;
  font-weight: 400;
  font-family: "Bruno Ace", cursive;
  line-height: 1.5rem;
  color: var(--cor-secundaria);
  text-align: center;
  z-index: 1;
}

.paragraph__section--center-2 {
  font-size: 0.875rem;
  font-weight: 400;
  font-family: "Bruno Ace", cursive;

  color: var(--cor-principal);

  z-index: 1;

  text-align: center;
}

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

ul.list-icon-check li {
  position: relative;
  padding-left: 1.5rem;
}

ul.list-icon-check li::before {
  content: "\2713";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  color: var(--cor-principal);
}

.button-principal {
  background-color: var(--cor-principal);
  color: var(--cor-secundaria);
  border-radius: 100px;
  text-decoration: none;
  padding: 8px 24px;
  font-family: "Roboto Slab", serif;
  display: block;
  margin: 1rem auto;
  min-width: 15%;
  max-width: 10%;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .button-principal {
    min-width: 45%;
    max-width: 10%;
  }
}

/* COMPONETS */

/* Menu */

.nav-link:focus,
.nav-link:hover {
  color: var(--cor-principal-light);
}

/* inicio busca suspensa */
.search_suspenso {
  display: flex;
  position: fixed;
  right: -254px;

  top: 7.5%;
  transform: translateY(-50%);
  transition: all 500ms ease;
  z-index: 1050;
}

@media screen and (min-width: 992px) {
  .search_suspenso {
    right: -264px;
  }
}

@media screen and (max-width: 1023px) {
  .search_suspenso {
    right: -264px;
    top: 26.5%;
  }
}

.search_suspenso.is-active {
  right: 0;
}

.search__button {
  border: none;
  cursor: pointer;
}

.search__button,
.search__input {
  font-size: 1rem;
  padding: 0.625rem;
}

.search__button--open,
.search__button--submit {
  color: #f2f2f2;
  min-height: 50px;
  min-width: 50px;
}

.search__button--open {
  background-color: rgb(85, 89, 82);
  border-radius: 0.625rem 0 0 0.625rem;
  position: relative;
  width: 50px;
}

.search__button--submit {
  background-color: rgb(85, 89, 82);
}

.search__button--submit:hover {
  background-color: rgb(85, 89, 82);
}

.search__button--open:hover {
  background-color: rgb(85, 89, 82);
}

.search__icon {
  opacity: 0;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  transition: all 250ms ease;
}

.search__icon.is-active {
  opacity: 1;
}

.search__form {
  /*width: 346px;*/
  overflow: hidden;
  min-height: 50px;
}

.search__input {
  border: none;
  border-bottom: 3px solid var rgb(85, 89, 82);
  border-top: 3px solid rgb(85, 89, 82);
  height: 100%;
  padding: 0 0.625rem;
  width: 190px;
}

/* inicio filtro produtos */
.form-group:last-child {
  margin-bottom: 5px;
}

.form-actions {
  transition: opacity 0.25s ease-out;
  width: 100%;
  margin: 0 auto;
  padding: 1.25rem;
  overflow-x: visible;
  text-align: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #007132 !important;
  outline: 0;
  box-shadow: 0 1px 3px rgb(50 50 93 / 15%), 0 1px 0 rgb(0 0 0 / 2%);
}

.btn-internal {
  background-color: var(--cor-principal);
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  padding: 8px 24px;
  font-family: "Roboto Slab", serif;
  border: none;
}

.form-group .btn {
  padding: 10px 20px;
  border: none;
  background-color: var(--cor-principal);
  color: #fff;
  box-shadow: none;
  text-shadow: none;
  opacity: 0.9;
  letter-spacing: 0.4px;
  line-height: 1;
  outline: none !important;
  border-radius: 4px !important;
}

.form-group .btn:hover {
  opacity: 1;
}

.form-group .btn:active {
  transform: translateY(1px);
}

.form-group .btn-primary {
  background-color: #a7232f;
  margin-top: 15px;
  color: #fff;
}

.form-group {
  margin-bottom: 1em;
}

.borda-form {
  background-color: rgb(255, 255, 255);
  border-color: rgba(22, 82, 118, 0.5);
  border-radius: 10px;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.filtra_produtos {
  margin-top: 50px;
}

.filtra_produtos h1 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 800;
  color: #555952;
}

/* fim filtro produtos */

/* fim busca suspensa */
.produto__shape {
  min-height: 17rem;
  max-width: 23rem;
  width: 100%;
  height: 22rem;
  border-radius: 8px 120px 8px 120px;

  position: relative;
  /* Para posicionamento correto do conteúdo dentro */
}

.produto__shape--normal {
  height: 400px;
  position: relative;
}

.button-catalog {
  color: var(--cor-principal-light);
  z-index: 1;
  font-family: "Roboto Slab", serif;
}

.overlay-normal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  /* Cor escura com 50% de opacidade */
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 8px 120px 8px 120px;
  /* Cor escura com 50% de opacidade */
}

.aplicacao__shape {
  width: 408px;
  height: 522px;
  margin-right: 30px;
  background-size: cover;
  border-radius: 8px;
}
/* @media (max-width: 1920px) {
    .aplicacao__shape {
        width: 356px;
        height: 522px;
    }
}*/

@media (max-width: 1440px) {
  .aplicacao__shape {
    width: 388px;
    height: 470px;
  }
}

@media (max-width: 1280px) {
  .aplicacao__shape {
    width: 368px;
    height: 440px;
  }
}

@media (max-width: 1024px) {
  .aplicacao__shape {
    width: 368px;
    height: 410px;
  }
}
@media (max-width: 480px) {
  .aplicacao__shape {
    width: 368px;
    height: 410px;
  }
}

/*
@media (max-width: 768px) {
    .aplicacao__shape {
        width: 260px; 
        height: 380px; 
    }
}

@media (max-width: 640px) {
    .aplicacao__shape {
        width: 240px; 
        height: 350px; 
    }
}

@media (max-width: 480px) {
    .aplicacao__shape {
         width: 280px; 
        height: 410px; 
    }
}

@media (max-width: 375px) {
    .aplicacao__shape {
        width: 170px;
        height: 260px;
    }
}

@media (max-width: 320px) {
    .aplicacao__shape {
        width: 150px; 
        height: 240px; 
    }
} */

.home__button--small {
  background: var(--cor-principal);
  color: var(--cor-secundaria);
  border-radius: 100px;
  text-decoration: none;
  padding: 8px 24px;
  font-family: "Bruno Ace", cursive;
}

.blog__card-button {
  color: var(--cor-principal);
  font-family: "Bruno Ace", cursive;
  text-decoration: none;
  position: absolute; /* Posiciona o botão de forma absoluta em relação ao card */
  bottom: -10px;
  right: 5px;
  background-color: #f0ad4e; /* Cor de fundo (ajuste conforme necessário) */
  color: white; /* Cor do texto */
  padding: 3px 5px; /* Espaçamento interno do botão */
  border-radius: 7px; /* Bordas arredondadas do botão */
  font-size: 14px;
}

.blog__card-button-noticias {
  color: var(--cor-principal);
  font-family: "Bruno Ace", cursive;
  text-decoration: none;
  position: absolute; /* Posiciona o botão de forma absoluta em relação ao card */
  bottom: 5px;
  right: 12px;
  background-color: #f0ad4e; /* Cor de fundo (ajuste conforme necessário) */
  color: white; /* Cor do texto */
  padding: 3px 5px; /* Espaçamento interno do botão */
  border-radius: 7px; /* Bordas arredondadas do botão */
  font-size: 14px;
}

.blog__card-content {
  background-color: var(--cor-auxiliar-2);
  border-radius: 0 0 8px 8px;
  flex-grow: 1; /* Faz o conteúdo ocupar o espaço restante */
  display: flex;
  flex-direction: column; /* Empilhar título e descrição verticalmente */
  justify-content: space-between; /* Distribui espaço entre os elementos */
  padding-bottom: 40px; /* Espaçamento inferior para evitar sobreposição */
}

.blog__post {
  display: flex;
  flex-direction: column; /* Empilhar conteúdo verticalmente */
  height: 400px; /* Altura fixa para os cards */
  width: 100%; /* Ocupar toda a largura do container */
  max-width: 300px; /* Limite de largura ajustado para menor tamanho */
  overflow: hidden; /* Esconde o conteúdo que ultrapassa o card */
  border-radius: 8px; /* Bordas arredondadas */
  transition: transform 0.3s; /* Efeito suave ao passar o mouse */
  position: relative; /* Necessário para posicionar o botão de forma absoluta */
}

.blog__post:hover {
  transform: scale(1.05); /* Efeito de zoom ao passar o mouse */
}
a.blog__post:hover {
  transform: scale(1.05); /* Efeito de zoom ao passar o mouse */
}

.img_post {
  width: 50%;
}

@media (max-width: 720px) {
  .img_post {
    width: 80%;
  }
  .title__section_post {
    font-size: 1.5rem;
  }
}

.title__section_post {
  max-width: 50% !important; /* Define a largura do texto como 50% da largura do contêiner */
  margin: 0 auto; /* Centraliza o elemento */
  text-align: center; /* Centraliza o texto dentro do elemento */
  word-wrap: break-word; /* Quebra o texto se for necessário */
  word-break: break-word; /* Força a quebra de palavras longas */
}

.paragraph-section_post {
  font-size: 1.3rem;
  font-family: "Dosis", "Roboto Condensed", "Roboto Slab", serif;
  letter-spacing: 5%;
  color: var(--cor-paragrafo);
}

.card__img {
  border-radius: 8px 8px 0 0;
  object-fit: cover;
  height: 200px; /* Defina uma altura fixa para a imagem */
  max-height: 190px; /* Ajuste conforme necessário */
  object-fit: cover; /* Faz com que a imagem cubra a área sem distorcer */
}

.navbar__special {
  transition: 0.5s;
}

.navbar__special ul li a {
  font-family: "Bruno Ace", cursive;
  font-size: 0.875rem;
  color: var(--cor-secundaria);
  text-transform: uppercase;
}

.navbar__special-img {
  width: 171px;
  height: 40px;
}

.navbar__special--scrolled {
  background-color: var(--cor-auxiliar-2);
  color: var(--cor-auxiliar-1);
  padding-block: 0.9rem;
  transition: 0.5s;
}

/* inicio frame */
.frame {
  position: relative;
  max-height: 100%;
  min-height: 412px;
}

.frame > .border-left {
  position: absolute;
  top: 5%;
  left: 2.5%;
  width: 100%;
  height: 100%;
  border: 8px solid var(--cor-principal);
  z-index: -1;
}

.frame > .border-right {
  position: absolute;
  top: 5%;
  right: 2.5%;
  width: 100%;
  height: 100%;
  border: 8px solid var(--cor-principal);
  z-index: -1;
}

/* fim frame */

/* INSTITUCIONAL */
.paragraph-section_institucional {
  font-size: 1.35rem;
  text-align: justify;
  padding: 25px 0px;
}

.card-body {
  background-color: #f3f1f1;
  border-radius: 15px;
  transition: 1s;
  height: 250px;
  z-index: 2;
}

.card-body:hover {
  transform: scale(1.085);
}

.centered {
  display: flex;
  flex-direction: column; /* Alinha verticalmente */
  align-items: center; /* Centraliza horizontalmente */
}

.centered-text {
  text-align: center;
}

.custom-border {
  border-right: 2px solid #f8f9fa; /* Ajuste a espessura da borda */
  height: 50px; /* Defina a altura desejada para a borda */
  margin: auto; /* Centraliza verticalmente */
  display: inline-block; /* Garante que a borda se comporte como um bloco */
}

/* BACKGROUND */

.bg-rocha-1 {
  width: 100%;
  overflow: hidden;
  margin: 70px 0px;
  padding: 70px 0px;
  background-attachment: fixed;
  background-size: cover;
  background-position: top;
  position: relative;
}

.bg-rocha-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/img/rochas/taj.jpg") no-repeat center center/cover;
  opacity: 0.3;
  /* Ajuste a opacidade conforme necessário */
  z-index: -1;
  /* Coloca o fundo atrás do conteúdo */
}

.bg__section--home {
  background-color: var(--cor-auxiliar-1);
}

.bg_produto_aplicacao {
  width: 100%;
  height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

@media screen and (min-width: 768px) {
  .apresentacao__bg {
    height: 565px;
  }
}

.apresentacao__bg {
  /* height: 565px; */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.overlay--noshape {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

.apresentacao__video {
  display: flex;
  justify-content: flex-end;
  padding-right: 60px;
}

/* FOOTER */

.footer__logo {
  width: 172px;
  height: 225px;
}

footer {
  color: var(--cor-secundaria);
}

.logo__footer-arco {
  width: 30px;
  height: 26px;
}

@media screen and (min-width: 768px) {
  .w-md-50 {
    width: 50% !important;
  }
}

.sp__btn_popup {
  position: fixed;
  right: 90px;
  bottom: 155px;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  z-index: 999;
}

.sp__btn_popup .sp__btn_popup_icon:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 64px; /* Ajuste o tamanho conforme necessário */
  height: 64px; /* Ajuste o tamanho conforme necessário */
  left: 0;
  top: 0;
  background: transparent url("../img/logo/logo_botao_footer_fundo.png") center
    center no-repeat;
  background-size: cover; /* Use 'cover' para garantir que a imagem ocupe todo o espaço */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  -moz-transition: 0.4s ease all;
}

.sp__btn_popup_txt {
  position: absolute;
  width: 156px;
  right: 100%;
  background-color: #f5f7f9;
  font-size: 12px;
  color: #43474e;
  top: 7px;
  padding: 7px 0 7px 12px;
  margin-right: 7px;
  letter-spacing: -0.03em;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease all;
}

/* Exibir a frase ao passar o mouse */
.sp__btn_popup .sp__btn_popup_txt {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

.hidden {
  opacity: 0;
  visibility: hidden;
}

/* Produtos */

/* Box Imagens */

.materiais__box__img {
  width: 100%;
  height: auto;
  padding-bottom: 80%;
  box-shadow: 1px 1px 4px rgb(0 0 0 / 30%);
  cursor: pointer;
  transition: ease-in-out 0.3s all;
  background-size: cover;
  position: relative;
}

.materiais__box__img:hover {
  transform: scale(1.1);
}

.materiais__box__selo {
  position: absolute;
  bottom: 10px;
  right: 5px;
}

.materiais__box__selo-img {
  width: 140px;
  height: 140px;
}

.materiais__box__name {
  font-family: "Aboreto";
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.materiais__box__produto {
  font-family: "Bruno Ace", cursive;
  margin-bottom: 25px;
  font-size: 2rem;
  font-weight: 800;
  text-align: left;
  color: var(--cor-principal);
  text-transform: uppercase;
}

.materiais__box__titulo {
  font-family: "Bruno Ace", cursive;
  color: var(--cor-principal);
  font-size: 1.5rem;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}

.materiais__box__texto {
  font-size: 1.2rem;
}

.materiais__box__button {
  width: 130px;
  padding: 10px;
  display: inline-block;
  font-size: 1rem;
  margin: 15px;
  background-color: #17255d;
}

.materiais__box__button:hover {
  background-color: #050e2f;
}

.materialview__default_image__img {
  box-shadow: 1px 1px 5px rgb(0 0 0 / 40%);
  width: 100%;
  height: 65vh;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-position: center;
  border-radius: 10px;
}

.gallery-item {
  margin-bottom: 20px;
}

.gallery-square {
  position: relative;
  width: 100%;
  padding-bottom: 100%; /* Proporção 1:1 */
  overflow: hidden;
}

.photos_gallery {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Mantém proporção cobrindo o espaço */
  border-radius: 20px;
  border: solid 2px #fff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.photos_gallery:hover {
  -webkit-filter: none;
  filter: none;
  /* transform: scale(1.1); */
}

.photos_gallery_produtos {
  position: relative;
  top: 0;
  left: 0;
  width: 22vh;
  height: 10vw;
  object-fit: cover; /* Mantém proporção cobrindo o espaço */
  border-radius: 20px;
  border: solid 2px #fff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}

.photos_gallery_produtos:hover {
  -webkit-filter: none;
  filter: none;
  /* transform: scale(1.1); */
}

/* Config Filtros */

.radio-toolbar {
  margin: 10px;
}

.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-toolbar label {
  font-family: "Aboreto";
  display: inline-block;
  background-color: #fff;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 700;
  color: #555952;
}

.icon_color {
  height: 35px;
  width: 35px;
  border-radius: 50px;
  border: none !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.icon_color:hover {
  border: 1px solid var(--cor-principal) !important;
}

.radio-toolbar input[type="radio"]:checked + label {
  background-color: var(--cor-principal);
  border-color: var(--cor-principal);
  color: #fff;
  transition: 1s;
}

.radio-toolbar input[type="radio"]:focus + label {
  border: 2px solid var(--cor-principal) !important;
}

.radio-toolbar label:hover {
  background-color: var(--cor-principal);
  color: #fff;
  cursor: pointer;
}