/* 

@font-face {
    font-family: Cabin;
    src: url(../fonts/Florentia/Florentia-Bold.ttf);
    src: url(../fonts/Florentia/Florentia-Regular.ttf);
  }

 */

/* @font-face {
    font-family: Open Sans;
    src: url(../fonts/OpenSans/OpenSans-Regular.ttf);
    } */

@font-face {
    font-family: Florentia;
        src: url(../fonts/principal.font-sfnt);
    }

  @font-face {
    font-family: Leelawadee;
        src: url(../fonts/secundaria.font-sfnt);
    }

  body{
    margin: 0px;
    padding: 0px;
    font-family: 'Open Sans';
    overflow-x: hidden;

    background-color: #FAFAFA!important;
}

.row{
    --bs-gutter-x: 0;
}

::-webkit-scrollbar {
    width: 12px;
}
  
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: var(--azul-base); 
    box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

  :root{
    --azul-base: #3E646F;
    --cinza-escuro: #7B7B7B;
    --azul-botao:#16BAD3;
    --cinza:#777777;
}


a:hover{
    color: var(--cinza-escuro);
} 


a {outline : none!important;}

a{
    text-decoration: none;
    color: white!important;
}
a:active{
    color: var(--azul-base);
    background: transparent;
}

/* 
.site{
    overflow-x: unset!important;
} */

hr{
   background-color: var(--azul-base)!important;
   width: 45px;
   height: 5px!important;
   opacity: 1;
   margin: 0;
}

input[type=text]:focus {
    box-shadow: none!important;
    outline: none!important;
    border:1px solid #0046AF!important;
  }

  .modal-backdrop{
    background-color: transparent linear-gradient(179deg, #000000B0 0%, #000000 100%);
  }

  .breadcrumb-item.active,
  .breadcrumb-item+.breadcrumb-item{
    text-align: left;
    font: 18px Leelawadee;
    color: white;
  }

  .breadcrumb-item+.breadcrumb-item::before{
      color: white;
  }

  .col-full{
      max-width: 100%!important;
      padding: 0!important;
      margin: 0!important;
  }

  .storefront-breadcrumb{
      display: none!important;
  }


/* CSS Gerais */

.botao-laranja{
    background: var(--azul-base);
    border-radius: 33px;
    font-size: 15px;
    letter-spacing: 0.45px;
    color: white;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    border: none;
}

.botao-laranja:hover{
    color: white;
    background-color: var(--azul-botao);
    transition: all 0.5s ease-in;
    transition-delay: 0.02s;
}

.botao-verde{
    background: #23BF4D!important;
    border-radius: 10px!important;
    text-align: center;
    font: normal normal 600 18px Leelawadee;
    color: white!important;
    text-transform: uppercase;
    border: none!important;
    width: auto;
}

.botao-verde:hover{
    background: #31df60!important;
    transition: all 0.5s ease-in;
    transition-delay: 0.02s;
}





/* CABEÇALHO */

.navbar.laranja{
    background-color: var(--azul-base);
}

.form {
    position: relative;
    color: white;
}

.form .fa-search {
    position: absolute;
    top: 16px;
    left: 20px;
    color: white;
} 


.left-pan {
    padding-left: 7px;
}

.left-pan i {
    padding-left: 10px;
}

.form-input {
    text-indent: 33px!important;
    border-radius: 10px!important;
    background-color: transparent!important;
    border: 2px solid #FFFFFF!important;
    border-radius: 20px!important;

}

.form-input::placeholder{
    color: white;
    font: normal normal normal 16px Florentia;
}

.form-input:focus {
    box-shadow: none;
    border: none;
    color: white;
    background-color: transparent;
    border: 2px solid #FFFFFF;
}


.navbar.branco{
    background-color: white;
}

.navbar-nav .nav-item a{
    font: 17px Leelawadee!important;
    color: var(--cinza-escuro)!important;
}
.navbar.branco .icons .icon{
    font: 16px Florentia;
    color: #AEAEAE;
}
.navbar-nav .nav-item a:hover,
.navbar.branco .icons .icon:hover{
    color: var(--azul-base);
}

.navbar.branco .icons{
    justify-content: end;
}

.navbar .container .nav-links{
    width: 100%;
}

.nav-componentes{
    width: 25%;
    justify-content: start;
    align-items: center;
}

.redes-mobile{
    display: none;
}

.mobile-carrinho{
    display: none;
}


.dropdown-toggle::after {
    transition: transform 0.15s linear; 
}

.show.dropdown .dropdown-toggle::after {
transform: translateY(3px);
}

.dropdown-menu {
margin-top: 0;
}


/* RODAPÉ */

.rodape-laranja{
    background-color: var(--azul-base);
    min-height: 478px;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
}

.rodape-laranja .container .links{
    display: flex;
    flex-direction: column;
}

.rodape-laranja .container .links .link{
    text-decoration: none;
    color: white;
    padding: 5px 0;
}

.rodape-laranja .container .links .ondas{
  width: 36px;
}

.rodape-laranja .direitos{
    text-align: left;
    color: white;
}

.rodape-imagem{
    min-height: 478px;
}

.rodape-imagem .efeito-vidro{
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-bottom: -478px;
    display: flex;
    align-items: center;
}

.background-rodape{
    background-image: url('../imagens/rodape-imagem.jpg');
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 100%;

}

.redes-rodape{
    border: 2px solid white;
    border-radius: 28px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.redes-rodape .conteudo{
   display: inline-block;
}

.redes-rodape .conteudo .icons{
    justify-content: space-between;
}

.redes-rodape .conteudo .icons .icon{
    color: white;
    display: inline;
    padding: 0 3px;
}

 
/* PRE-HOME */

.background-pre-home {
    height: 1080px;
    display: flex;
    position: relative;
  }
  
  .background-pre-home img {
    width: 50%;
    object-fit: cover;
  }
  
  .background-pre-home .img-esquerda,
  .background-pre-home .img-direita {
    transition: transform 0.5s ease, width 0.5s ease;
  }
  
  .background-pre-home .img-esquerda.hovered {
    transform: translateX(0%) scale(1);
    width: 100%;
    background-position: center;
  }
  
  .background-pre-home .img-direita.hovered {
    transform: translateX(-50%) scale(1);
    width: 100%;
    background-position: center;
  }
  
  .overlay {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(62, 100, 111, 0.8);
    z-index: 2;
  }
  
  .botoes-pre-home {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
  }
  
  .botoes-pre-home img {
    height: 64px;
    margin: auto;
    object-fit: contain;
    margin-bottom: 320px;
  }
  
  .botoes-pre-home .chamada {
    font: normal normal 800 64px Florentia;
    color: white;
    width: 40%;
    word-wrap: normal;
    margin: auto;
    margin-bottom: 48px;
  }
  
  .botoes-pre-home .botoes {
    width: 60%;
    margin: auto;
    margin-top: 48px;
    justify-content: space-around;
  }
  
  .botoes-pre-home .botoes .botao-1,
  .botoes-pre-home .botoes .botao-2 {
    background-color: transparent;
    border: 2px solid white;
    border-radius: 33px;
    text-align: center;
    padding: 16px 0px;
    font: 16px 'Open Sans';
    color: white;
  }

  .botoes-pre-home .botoes .botao-1:hover,
  .botoes-pre-home .botoes .botao-2:hover{
    color: var(--azul-botao)!important;
    background-color: white;
  }


/* PAGINA INICIAL */

.banner .laranja{
    background-color: var(--azul-base);
    min-height: 800px;
    display: flex;
    /* align-items: center; */
}

.banner .imagem{
    min-height: 800px;
    background-size: cover;
    background-position: center;
}

.banner .laranja .container{
    margin-top: 100px;
}

.banner .laranja .container .titulo{
    font: normal normal 800 115px Florentia;
    color: white;
    word-wrap: normal;
}
.banner .laranja .container .subtitulo{
    font: normal normal normal 18px Leelawadee;
    color: white;
}

.info-loja-home{
    width: 100%;
    min-height: 145px;
    background-color: #F0F0F0;
    display: flex;
}
.info-loja-home .info{
    text-align: center;
}

.info-loja-home img{
    width: 48px;
    display: inline-block;
    vertical-align: middle;
}

.info-loja-home .textos{
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px;
    text-align: left;
}

.info-loja-home h5, .produtos-home h3, .perguntas-frequentes-home h3{
    color: var(--azul-botao);
    font-weight: bold;
    margin-bottom: 0;
}
.info-loja-home p{
    color: var(--cinza);
    margin-bottom: 0;
}

.produtos-home{
    margin-top: 79px;
}

.produtos-home h3{
    display: inline-block;
    vertical-align: middle;
}
.produtos-home .shortcode-pesquisa{
    display: inline-block;
    float: inline-end;
}

.slick-list.draggable{
    width: 100%!important;
}

.slick-slide img{
    width: 100%;
    height: 235px;
    object-fit: contain;
}

.carousel-container{
    margin-top: 40px;
}

.product-carousel {
    display: flex;
    overflow-x: auto;
    padding: 20px;
    background-color: #f5f5f5;
  }
  
  .product-card {
    flex: 1 1 calc(25% - 1em);
    width: 95%!important;
    margin: 0.5em;
    display: flex!important;
    flex-direction: column;
    /* align-items: center; */
    justify-content: space-around;
    text-align: center;
    background-color: #ffffff;
    border-radius: 10px;
    position: relative;
    box-sizing: border-box;
  }
  
  .discount-tag {
    position: absolute;
    top: 10px;
    right: 50px;
    background-color: var(--azul-botao); 
    color: #ffffff;
    padding: 8px 16px;
    border-radius:9px;
    font-size: 0.9em;
  }
  
  .product-image {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 235px;
    object-fit: cover;
  }
  
  .product-info {
    padding: 16px;
    border-top: 1px #E1E1E1 solid;
    text-align: start;
  }
  
  .product-info .category a{
    color: var(--azul-botao)!important;
    margin-bottom: 0;
  }

  .price {
    color: var(--azul-base);
    font-weight: bold;
    font-size: 21px;
    font-family: Florentia;
  }

  .slick-next:before, .slick-prev:before{
    color: black;
  }

  .slick-dots{
    position: unset;
    margin-top: 24px;
  }


.banner-login{
    border-radius: 16px;
    width: 100%;
    padding: 0;
    min-height: 290px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background-size: cover;
    background-position: bottom;
    align-items: center;
    justify-content: space-around;
}

.banner-login .overlay {
    border-radius: 16px;
}

.banner-login .textos, .banner-login .botoes{
    z-index: 99;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    padding: 24px;
}

.banner-login .textos H3{
    color: white;
    font-weight: bold;
    font-family: Florentia;
}
.banner-login .textos p{
    max-width: 412px;
}


.botao-branco{
    background-color: white;
    border-radius: 33px;
    text-align: center;
    font-size: 16px;
    padding: 10px 40px;
    margin-bottom: 20px;
    color: var(--azul-base)!important;
}

.botao-transparente{
    background-color: transparent;
    border: 2px solid white;
    color: var(--azul-base);
    color: white;
}

.perguntas-frequentes-home h3{
    text-align: center;
    margin-top: 85px;
    margin-bottom: 34px;
}

.perguntas-frequentes-home .accordion-item{
    border-radius: 16px;
    border: none;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    margin-bottom: 16px;
}

.perguntas-frequentes-home .accordion-item .accordion-button{
    color: var(--azul-base);
    font-weight: bold;
    border-radius: 16px!important;
    background: white;
    border: 0;
    box-shadow: none;
}

.mosaico-banner{
    margin-top: 91px;
}


.mosaico{
    background-color: #FFFFFF;
    box-shadow: 0px 10px 10px #00000029;
    border-radius: 20px;
    height: 545px;
}

.mosaico .componentes{
    height: 273px;
    align-items: center;
}

.mosaico .componentes .fundo-branco{
    text-align: center;
    font:  28px Florentia;
    letter-spacing: 5.6px;
    color: var(--azul-base)!important;
    height: 100%;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    justify-content: center;
    background-color: white;
}

.mosaico .componentes .fundo-imagem#mosaico1{
    background: url('../imagens/mosaico1.png') no-repeat;
    background-size: cover;
    height: 100%;
}
.mosaico .componentes .fundo-imagem#mosaico2{
    background: url('../imagens/mosaico2.png') no-repeat;
    background-size: cover;
    height: 100%;
    border-radius: 0 0 0 20px;
}
.mosaico .componentes .fundo-imagem#mosaico3{
    background: url('../imagens/mosaico3.png') no-repeat;
    background-size: cover;
    height: 100%;
    border-radius: 0 0 20px 0;
}
/* 
.mosaico .componentes .fundo-branco .fundo-laranja{
    text-align: center;
    font:  28px Florentia;
    letter-spacing: 5.6px;
    background-color: var(--azul-base);
    position:absolute;
    display: none;
    height: 100%;
    flex-direction: column;
    justify-content: space-around;
    border-radius: 20px;
    transition: 0.3s ease;
    color: white;
    text-transform: uppercase;
    
} */

.mosaico .componentes .fundo-branco img{
    display: none;
}

.mosaico .componentes .fundo-branco:hover{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--azul-base);
    color: white!important;
    transition: all 0.5s ease-in;
    transition-delay: 0.05s;
}

.mosaico .componentes .fundo-branco:hover img{
    display: flex;
}


.produtos .titulo-bloco h2{
    text-align: center;
    font: 28px Florentia;
    padding: 0 20px;
    letter-spacing: 5.6px;
    color: var(--azul-base);
    text-transform: uppercase;
}

.produtos .titulo-bloco p{
    text-align: center;
    font: 16px Leelawadee;
    color: var(--cinza);
    padding: 0 20px;
    max-width: 568px;
    margin: auto;
}

.cards-inicio{
    z-index: 9999;
    margin-bottom: -265px;
    position: relative;
    
}

.cards-inicio .card{    
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 20px;
    width: 296px;
    height: 362px;
    padding: 0;
    border: none;
    margin: 13px 22px;
}



.cards-inicio .card .card-hover{
    position:absolute;
    display: none;
    height: 100%;
    width: 100%;
    background: transparent linear-gradient(180deg, #00000000 40%, var(--azul-base) 100%);
    /* box-shadow: inset 15px -810px 99px var(--azul-base); */
    flex-direction: column;
    justify-content: space-around;
    border-radius: 20px;
    transition: 0.3s ease;
    color: white;
    text-align: center;
    font: normal normal normal 18px/24px Florentia;
    letter-spacing: 3.6px;
    text-transform: uppercase;
    transition: all 0.5s ease-in;
    transition-delay: 0.05s;
}

.cards-inicio .card:hover .card-hover{
    display: flex;
    transition: all 0.5s ease-in;
    transition-delay: 0.05s;
}



.banner-fundo{
    min-height: 1080px;
    background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('../imagens/rodape-imagem.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}


.banner-fundo .componentes{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0;
}

.banner-fundo .componentes .titulo{
    text-align: center;
    font: 28px Florentia;
    letter-spacing: 5.6px;
    color: white;
    text-transform: uppercase;
    margin-top: 15vh;
}

.banner-fundo .componentes .descricao{
    text-align: center;
    font: 16px Leelawadee;
    color: white;
    padding: 0 20px;
    max-width: 568px;

}

.banner-fundo .componentes .botao{
    border: 3px solid #FFFFFF;
    border-radius: 27px;
    color: white;
    background: transparent;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5.6px;
    padding: 10px 30px;
}
.banner-fundo .componentes .botao:hover{
    border: 3px solid var(--azul-botao);
    border-radius: 27px;
    color: white;
    background-color: var(--azul-botao);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5.6px;
    padding: 10px 30px;
    transition: all 0.5s ease-in;
    transition-delay: 0.05s;
}




.bloco-depoimento{
    position: relative;
    z-index: 99999;
    margin-top: -65px;
}

.bloco-depoimento .depoimentos{
    background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(84, 84, 84, 0.5)), url(../imagens/fundo-depoimento.jpg) no-repeat;
    background-size: cover;
    border-radius: 20px;
    height: 494px;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 1364px;
}

.bloco-depoimento .depoimentos .icone,
.depoimento-fibra .depoimentos .icone{
    border-radius: 99999px;
    background: url('../imagens/icone-depoimento.png') no-repeat;
    background-size: cover;
    width: 106px;
    height: 106px;
}

.bloco-depoimento .depoimentos .aspas,
.depoimento-fibra .depoimentos .aspas{
    position: relative;
    background: url('../imagens/aspas.svg') no-repeat;
    top: -32px;
    right: 15px;
    height: 47.64px;
}


.bloco-depoimento .depoimentos .depoimento,
.depoimento-fibra .depoimentos .depoimento{
    text-align: center;
    font:  18px Leelawadee;
    color: white;
    padding: 0 20px;
    max-width: 560px;
}

.bloco-depoimento .depoimentos .nome-cidade,
.depoimento-fibra .depoimentos .nome-cidade{
    text-align: center;
    font: 15px Leelawadee;
    color: white;
}


.loja .produto-loja{
    width: 260px;
    height: 361px;
    border: 1px solid #C7C7C7;
    border-radius: 25px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.loja div .botao-produtos{
    background-color: var(--azul-botao);
    border-radius: 33px;
    text-align: center;
    font: 18px Florentia;
    letter-spacing: 0.54px;
    color: white;
    text-transform: uppercase;
    padding: 20px 30px;
}

.loja div .botao-produtos:hover{
    background-color: var(--azul-base);
}

.loja .produto-loja .imagem-produto{
    min-height: 235px;
    background: url('../imagens/produto.svg') no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: end;
    border-radius: 25px 25px 0 0;
}

.loja .produto-loja .imagem-produto .oferta{
    background: var(--azul-base);
    border-radius: 9px;
    max-height: 33px;
    text-align: center;
    font: normal normal bold 20px/27px Florentia;
    color: white;
    text-transform: uppercase;
}


.loja .produto-loja .nome-produto{
    text-align: left;
    font: normal normal bold 20px Florentia;
    color: var(--azul-base);  
}

.loja .produto-loja .valor-produto .sifrao,
.loja .produto-loja .valor-produto .valor{
    text-align: left;
    font: normal normal bold 20px/27px Florentia;
    letter-spacing: 0px;
    color: var(--cinza);
    display: inline-block;
}


.produto-loja hr{
    border: 0.5px solid #C7C7C7;
}


.bloco-enderecos{
    position: relative;
    z-index: 999999;
    margin-bottom: -72px;
    padding-top: 50px;
    max-width: 1120px;
}

.bloco-enderecos .enderecos{
    min-height: 258px;
    background-color: white;
    box-shadow: 0px 10px 10px #00000029;
    border-radius: 20px;
    align-items: center;
    padding: 20px 50px;
    justify-content: space-around;
}
.bloco-enderecos .enderecos .titulo{
    text-align: left;
    font: 28px Florentia;
    letter-spacing: 5.6px;
    color: var(--azul-base);
}

.bloco-enderecos .enderecos .maps{
    height: 210px;
    border-radius: 10px;
}

.bloco-enderecos .enderecos .maps#endereco1{ 
    background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../imagens/calena-santarosa.jpg') no-repeat padding-box;
    background-position: center;
    background-size: cover;
}

.bloco-enderecos .enderecos .maps#endereco2{ 
    background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../imagens/calena-ijui.jpg') no-repeat padding-box;
    background-position: center;
    background-size: cover;
}


.bloco-enderecos .enderecos .maps .localizacao{
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.bloco-enderecos .enderecos .maps .localizacao .cidade{
    text-align: center;
    font: 22px Florentia;
    letter-spacing: 4.4px;
    color: white;
    text-transform: uppercase;
}

.bloco-enderecos .enderecos .maps .localizacao .estado{
    text-align: center;
    font: 12px Florentia;
    letter-spacing: 2.4px;
    color: white;
    text-transform: uppercase;
}

.banner-botao1{
    background: url('../imagens/banner1.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}
.banner-botao2{
    background: url('../imagens/banner2.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}
.banner-botao3{
    background: url('../imagens/banner3.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}
.banner-botao4{
    background: url('../imagens/banner4.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}





.indicators-produtos{
    text-align: end;
    font: normal normal normal 15px/20px Florentia;
    letter-spacing: 2.98px;
    color: white;
    text-transform: uppercase;
}

.carousel-indicators{
    justify-content: end;
    margin-bottom: 76px;
    
}

.carousel-indicators [data-bs-target]{
    width: 122px;
    height: 119px;
    box-shadow: 0px 10px 6px #00000029;
    border-radius: 14px;
    margin: 0 10px;
    border: 0;
    /* margin-right: 3px; */
    /* margin-left: 3px; */
    /* text-indent: -999px; */
    /* cursor: pointer; */
    /* background-color: #fff; */
    /* background-clip: padding-box; */
    /* border-top: 10px solid transparent; */
    /* border-bottom: 10px solid transparent; */
     opacity: 1; 
}



/* 
.carousel-indicators [data-bs-target] .indicators-hover{
    position:absolute;
    display: none;
    height: 100%;
    width: 100%;
    background: transparent linear-gradient(180deg, #00000000 40%, var(--azul-base) 100%);
    flex-direction: column;
    justify-content: space-around;
    transition: 0.3s ease;
    color: white;
    text-align: center;
    font: normal normal normal 18px/24px Florentia;
    letter-spacing: 3.6px;
    text-transform: uppercase;
}

.carousel-indicators [data-bs-target]:hover .indicators-hover{
    display: block;
    transition: all 0.3s ease;
}  */




.carousel-indicators .setas{
    position: relative;
    width: 90px;
}
.carousel-indicators .setas .carousel-control-prev,
.carousel-indicators .setas .carousel-control-next
{
    width: 63%;   
    align-items: end;
    background: none;
    box-shadow: none;
}





/* Página piscinas */

.banner.servicos{
    height: 800px;
}


.banner .descricao-banner{
    margin-left: 184px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;

}


.banner .descricao-banner .titulo{
    text-align: left;
    font: normal normal bold 154px Florentia;
    color: white;
}

.banner .descricao-banner .subtitulo{
    text-align: left;
    font: 18px Leelawadee;
    color: white;
    max-width: 484px;
}


.piscinas{
    margin: 96px 0;
}

.piscinas .bloco1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}


.piscinas .bloco1 .titulo{
    text-align: left;
    font: normal normal bold 70px Florentia;
    color: var(--azul-base);
}

.piscinas .bloco1 .descricao{
    text-align: left;
    font: 18px Leelawadee;
    color: var(--cinza);
    max-width: 674px;
}

.piscinas .card-lateral{
    position: relative;
    margin-top: -166px;
}
.piscinas .card-lateral .card{
    min-height: 744px;
    max-width: 536px;
    background: transparent url('../imagens/banner1.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0px 10px 6px #00000029;
    border-radius: 14px;
    border: 0;
}


.tipos-piscinas .chamada{
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    align-items: center;
}


.tipos-piscinas .chamada .titulo{
    font: normal normal bold 50px Florentia;
    color: var(--azul-base);
    margin-top: 16px;
}

.tipos-piscinas .cards-tipos{
    height: 484px;
    max-width: 633px;
    border-radius: 14px;
    text-align: center;
    font: 26px Florentia;
    letter-spacing: 5.2px;
    color: white;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-transform: uppercase;
    margin-top: 77px;
    margin-bottom: 226px;
}

.tipos-piscinas .cards-tipos#card1{
    background-image: linear-gradient(180deg, #00000000 0%, #000000 100%), url('../imagens/banner1.jpg');
}

.tipos-piscinas .cards-tipos#card2{
    background-image: linear-gradient(180deg, #00000000 0%, #000000 100%), url('../imagens/banner-piscinas.jpg');
    margin-bottom: 226px;
}

.titulo-laranja{
    text-align: center;
    font-size: 28px;
    letter-spacing: 5.6px;
    color: var(--azul-base);
    text-transform: uppercase;
    margin: 0 10px;
}
.descricao-cinza{
    text-align: center;
    font: 16px Leelawadee;
    margin: 0 37px;
    color: var(--cinza);
}

.galeria-piscinas .galeria{
    margin-top: 67px;
    margin-bottom: 209px;
}

.galeria-piscinas .galeria .imagem{
    height: 260px;
    border: none;
    border-radius: unset;
    /* background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
}

.galeria-piscinas .galeria .imagem .imagem-hover{
    position: relative;
	width: 100%;
	height: 100%;
	background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
	left: 0px;
	top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
	/* transition: all 500ms;
	transform: scale(0); */
    transition-delay: 0.02s;   
    transition: all 0.5s ease-in;
	opacity: 0;
	z-index: 1;
}


.galeria-piscinas .galeria .imagem:hover .imagem-hover{
    display: flex;
    opacity: 1;
    transition-delay: 0.02s;   
    transition: all 0.5s ease-in;
	/* transform: scale(1); */
    cursor: pointer;
}

.modal.show .modal-dialog{
    /* max-width: 1640px; */
    max-width: 1535px;
}

.modal{
    z-index: 999999!important;
}

.modal-header{
    border: none;
}
.modal-content{
    min-height: 700px;  
    background-color: var(--azul-base);
    border-radius: 25px;
}

.modal-content .imagem-galeria{
    max-width: 1502px;
    /* min-height: 747px; */
}

.modal-content .imagem-galeria .imagem-esquerda{
    /* box-shadow: 0px 10px 6px #00000029; */
    border-radius: 14px;
    /* height: 744px;
    /* margin-top: 0px; */
    position: relative; 
    height: 720px;
}

.modal-content .imagem-galeria .conteudo{
    display: flex;
    flex-direction: column;
    padding: 0 69.5px;
    justify-content: space-around;
    margin: 96px 0;
}

.modal-content .imagem-galeria .carousel-control-prev:hover,
.modal-content .imagem-galeria .carousel-control-next:hover
{
       background-color: unset; 
}

.btn-close{
    background: transparent url("../imagens/botao-close.svg") center/1em auto no-repeat;
}

.contato-rodape{
    position: relative;
    margin-bottom: -578px;
    margin-top: 126px;
} 

.contato-rodape .formulario{
    min-height: 674px;
    background-color: white;
    box-shadow: 0px 10px 10px #00000029;
    border-radius: 20px;
    max-width: 810px;
    margin-bottom: 50px;
}


.contato-rodape .formulario.bloco1 .titulo-laranja{
    margin-top: 117px;
    margin-bottom: 26px;
}
.contato-rodape .formulario.bloco1 .descricao-cinza{
    max-width: 568px;
    margin: 0 auto 47px;
}


.contato-rodape .formulario.cidades{
    max-width:  536px;
    padding: 50px;
}


.contato-rodape .formulario .form label,
.contato-rodape .formulario .form label a{
    color: var(--cinza)!important;
} 

.cidades .enderecos .maps{
    height: 210px;
    border-radius: 10px;
}

.cidades .enderecos .maps#endereco1{ 
    background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../imagens/calena-santarosa.jpg') no-repeat padding-box;
    background-position: center;
    background-size: cover;
}


.cidades .enderecos .maps#endereco2{ 
    background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../imagens/calena-ijui.jpg') no-repeat padding-box;
    background-position: center;
    background-size: cover;
}


.cidades .enderecos .maps .localizacao{
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center;
}


.cidades .enderecos .maps .localizacao .cidade{
    text-align: center;
    font: 22px Florentia;
    letter-spacing: 4.4px;
    color: white;
    text-transform: uppercase;
}

.cidades .enderecos .maps .localizacao .estado{
    text-align: center;
    font: 12px Florentia;
    letter-spacing: 2.4px;
    color: white;
    text-transform: uppercase;
}

.banner-rodape-piscinas{
    min-height: 668px;
    background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../imagens/banner1.jpg') no-repeat;
    background-position: center;
    background-size: cover;
}


.formulario .form .inputs-formulario{
    border: 1px solid var(--cinza-escuro);
    border-radius: 10px;
    text-align: left;
    font: 16px Leelawadee;
    color: var(--cinza-escuro);
    background: transparent;
    height: 45px;
}

.formulario .form .select{
     max-width: 580px;
}

.formulario .form .botao-formulario{
    display: flex;
    justify-content: end;
    height: 46px;
}

.formulario .form .politica{
    text-align: left;
    font: 14px Leelawadee;
    color: var(--cinza);
}

.componentes-timeline {
    margin-top: 91px;
}


.componentes-timeline div .componente:last-child .linha-timeline{
    display: none;
}

.componentes-timeline div .componente .numero-linha{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.componentes-timeline div .componente:last-child .numero-linha{
    display: flex;
    align-items: flex-start!important;
    justify-content: start!important;
}

.componentes-timeline .componente{
    width: 373px;
    margin: 0 20px;
} 

.componentes-timeline .componente .numero{
    display: inline-block;
    font: normal normal bold 85px Florentia;
    color: var(--azul-base);
}

.componentes-timeline .componente .linha-timeline{
    display: inline-block;
}


.componentes-timeline .componente .linha-timeline-vertical{
    display: none;
}


.componentes-timeline .componente .titulo{
    text-align: left;
    font: normal normal bold 30px Florentia;
    color: var(--azul-base);
}

.componentes-timeline .componente .descricao{
    max-width: 260px;
    text-align: left;
    font: normal normal normal 16px Leelawadee;
    color: var(--cinza);
}



/* PISCINAS DE CONCRETO */


.materiais{
    margin-bottom: 204px;
}


.materiais .materiais-concreto{
    max-width: 1364px;
    margin-top: 95px;
    margin-bottom: 21px;
}


.materiais .materiais-concreto .material{
    max-width: 122px;
    height: 189px;
    margin: 0 35px;
    display: inline-block;
}

.materiais .materiais-concreto .material .imagem{
   height: 121px;
   width: 121px;
   background:url('../imagens/material-piscina.jpg');
   background-position: center;
   background-size: cover;
   border-radius: 99999px;
}
.materiais .materiais-concreto .material .nome{
    text-align: center;
    font: normal normal bold 16px Leelawadee;
    color: var(--azul-base);
}
.materiais .materiais-concreto .material .medida{
    text-align: center;
    font: 16px Leelawadee;
    color: var(--cinza);
}





/* PAGINA DE CONTATO */

.banner-contato{
    min-height: 764px;
    background: var(--azul-base);
}

.banner-contato .informacoes .titulo{
    text-align: left;
    font: normal normal bold 120px Florentia;
    color: white;
}

.banner-contato .informacoes .info .links{
    display: inline-block;
}

.banner-contato .informacoes .info .links .link{
    color: white;
    padding: 5px 0;
}
.banner-contato .informacoes .info{
    margin: 75.25px 0;
}
.banner-contato .informacoes .icons .icon{
    color: #00000036;
    align-items: center;
    justify-content: start;
}
.banner-contato .informacoes .icons .icon:hover{
    color: white;
    align-items: center;
    justify-content: start;
}


.formulario-branco .descricao-formulario{
    text-align: center;
    font: 16px Leelawadee;
    color: white;
    max-width: 536px;
    margin: auto;
}


.formulario-branco .form .inputs-formulario{
    border: 1px solid white;
    border-radius: 10px;
    background: transparent;
    text-align: left;
    font: 16px Leelawadee;
    color: white;
    height: 45px;
}

.formulario-branco .form .inputs-formulario option{
    color: var(--cinza);
}


.formulario-branco .form .inputs-formulario::placeholder{
    color: white;
}

.formulario-branco .form .select{
    max-width: 572px;
}

.formulario-branco .form .botao-formulario{
    display: flex;
    justify-content: end;
    height: 46px;
}

.formulario-branco .form .politica{
    text-align: left;
    font: 14px Leelawadee;
    color: white;
}


.area-whatsapp{
    min-height: 532px;
    background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('../imagens/banner-whatsapp.png') no-repeat center;
    background-size: cover;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.area-whatsapp .titulo{
    text-align: center;
    font: 28px Florentia;
    letter-spacing: 5.6px;
    color: white;
}


.area-whatsapp .whatsapp .numero{
    background-color: transparent;
    border: 2px solid white;
    border-radius: 33px;
    text-align: center;
    font: 18px Florentia;
    letter-spacing: 0.54px;
    color: white;
}

.area-whatsapp .whatsapp .numero:hover{
    background-color: var(--azul-base);
    border-radius: 33px;
    text-align: center;
    font: 18px Florentia;
    border: none;
    letter-spacing: 0.54px;
    color: white;
    transition: all 0.5s ease-in;
    transition-delay: 0.02s;
}


.area-whatsapp .whatsapp .numero img{
    height: auto!important;
    max-width: none!important;
    display: inline!important;
    border-radius: 0px!important;
}


.mapa{
    height: 780px;

}

.enderecos-mapa{
    margin-bottom: -781px;
    position: relative;
    padding-top: 189px;
    padding-left: 200px;
    height: 780px;
}

 .enderecos-mapa .bloco-branco-enderecos{
    justify-content: center;
    background-color: white;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(15px);
    max-width: 416px;
    min-height: 403px;
    /* background: white; */
    border-radius: 19px;
    /* opacity: 0.8; */
    /* backdrop-filter: blur(5px); */
    display: flex;
    flex-direction: column;
    align-items: center;
    
    /* height: 800px;
    width: 100%;
    margin-top: 0px;
    margin-bottom: -800px;
    display: flex;
    align-items: center; */
}


 .enderecos-mapa .bloco-branco-enderecos .titulo{
    text-align: center;
    font: 22px Florentia;
    letter-spacing: 4.4px;
    color: var(--azul-base);
}



.enderecos-mapa .bloco-branco-enderecos .numero{
    border: 2px solid var(--azul-base);
    border-radius: 33px;
    background: transparent;
    text-align: center;
    font: 18px Florentia;
    letter-spacing: 0.54px;
    color: var(--azul-base)!important;
}


.enderecos-mapa .bloco-branco-enderecos .numero:hover{
    background: var(--azul-base);
    border-radius: 33px;
    text-align: center;
    font: 18px Florentia;
    letter-spacing: 0.54px;
    color: white;
    transition: all 0.5s ease-in;
    transition-delay: 0.02s;
}




/* PAGINA SOBRE */

.banner-sobre{
    min-height: 800px;
    background: linear-gradient(179deg, #000000B0 0%, #000000 100%),  url('../imagens/banner-sobre.jpg') no-repeat center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.banner-sobre .pre-titulo{
    text-align: center;
    font: normal normal normal 15px Florentia;
    letter-spacing: 3px;
    color: white;
    text-transform: uppercase;
}

.banner-sobre .titulo{
    text-align: center;
    font: normal normal bold 70px Florentia;
    margin: 0 20px;
    color: white;
}

.banner-sobre .descricao{
    text-align: center;
    font: 18px Leelawadee;
    color: white;
    margin: 0 20px;
    max-width: 902px;
}

.container .bloco-imagem {
    margin-bottom: 156px;
}

.bloco-imagem .imagem{
    height: 533px;
    background: url('../imagens/calena-sobre.jpg') no-repeat center;
    background-size: cover;
    border-radius: 19px;
}

.destaque-laranja{
    text-align: center;
    font: normal normal bold 16px Leelawadee;
    color: var(--azul-base);
    display: inline-block;
}


.marcas{
    max-width: 1110px;
}

.marcas .marca{
    width: 212px;
    height: 139px;
    background: #ECECEC;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 14px;   
    display: inline-block;
    margin: 0 30px 24px;
}

.marcas .marca img{
    height: 100%;
    width: 100%;
    border-radius: 14px; 
}



.formulario-banner-laranja{
    height: 749px;
    background-color: var(--azul-botao);
    display: flex;
    align-items: center;
    justify-content: center;
}


.formulario-banner-laranja .formulario-branco .form label a{
    color: white!important;
}


.imagem-formulario-sobre{
    height: 749px;
    background: url('../imagens/banner-concreto.png') no-repeat center;
    background-size: cover;
}

.titulo-branco{
    text-align: center;
    font: 26px Florentia;
    letter-spacing: 5.2px;
    color: white;
    text-transform: uppercase;
}




/* PAGINA PISCINAS DE FIBRA */


.banner-fibra-imagem{
    min-height: 479px;
    background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('../imagens/banner-fibra.png');
    background-position: center;
    background-size: cover;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.banner-fibra-laranja{
    height: 436px;
    background: var(--azul-base);
}

.bloco-fibra-banner{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-top: -843px;
}

.bloco-fibra-banner .destaque{
    max-width: 1282px;
    min-height: 564px;
    background: url('../imagens/banner1.jpg') no-repeat center;
    background-size: cover;
    box-shadow: 0px 10px 6px #00000029;
    border-radius: 14px;
    display: flex;
    justify-content: end;
    margin-top: 75.34px;
    margin-bottom: 49px;
}

.bloco-fibra-banner .destaque .bloco-transparente{
    width: 373px;
    min-height: 564px;
    background: #000000 0% 0% no-repeat padding-box;
    border-radius: 0px 14px 14px 0px;
    opacity: 0.6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}



.bloco-fibra-banner .destaque .bloco-transparente .marca{
    width: 104px;
    min-height: 68px;
    background-color: #ECECEC;
    border-radius: 14px;
}
.bloco-fibra-banner .destaque .bloco-transparente .marca img{
    height: 100%;
    width: 100%;
    border-radius: 14px;
    padding: 10px;
    object-fit: contain;
}

.bloco-fibra-banner .destaque .bloco-transparente .nome{
    text-align: center;
    font: 37px Florentia;
    letter-spacing: 2.4px;
    color: white;
    text-transform: uppercase;
    /* margin-top: 103px;
    margin-bottom: 69px; */
    /* width: 232px; */
    word-wrap: normal;
}

.botao-transparente{
    border: 3px solid white!important;
    border-radius: 33px;
    text-align: center;
    font-size: 16px;
    color: white;
    padding: 10px 40px;
    background: transparent!important;
}


.bloco-fibra-banner .busca{
    /* width: 1284px; */
    min-height: 98px;
    background: white;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 15px;
    padding: 18px 85px 18px 45px;
    margin-bottom: 20px;
}

.busca .busca-componentes{
    margin: 0 12.5px;
}

.busca-componentes{
    width: 228px;
    display: inline-block;
}

.busca .form .form-input {
    width: 274px!important;
}

.busca-componentes.titulo{
    width: 85px;
}

.bloco-fibra-banner .busca .filtrar{
    text-align: left;
    font: normal normal normal 18px/27px Florentia;
    color: var(--azul-base);
}
.busca .form .fa-search{
    color: var(--azul-base);
}

.busca .form .form-input,
.busca .select .form-select{
    width: 228px;
    box-shadow: none;
    border: 2px solid #E1E1E1!important;
    border-radius: 5px!important;
    text-align: left;
    font: normal normal normal 16px/22px Leelawadee;
    color: var(--cinza)!important;
}

.busca .form .form-input::placeholder{
    text-align: left;
    font: normal normal normal 16px/22px Leelawadee;
    color: var(--cinza);
}


.piscinas-fibra{
    margin-top: 51px;
    max-width: 1295px;
}

.piscinas-fibra .piscina{
    width: 398px;
    min-height: 262px;
    background: linear-gradient(180deg, #00000000 0%, #000000 100%), url('../imagens/banner1.jpg') no-repeat center;
    background-size: cover;
    border-radius: 14px;
    margin: 20px 15px;
    box-shadow: 0px 10px 6px #00000029;
    display: inline-block;
}


.piscinas-fibra .piscina .marca{
    width: 82px;
    height: 68px;
    background-color: #ECECEC;
    border-radius: 14px;
}
.piscinas-fibra .piscina .marca img{
    height: 100%;
    width: 100%;
    border-radius: 14px; 
    padding: 15px;
    object-fit: contain;
}

.piscinas-fibra .piscina .nome{
    text-align: left;
    font: normal normal normal 24px/32px Florentia;
    letter-spacing: 4.8px;
    color: white;
    text-transform: uppercase;
    margin-top: 109px;
    margin-left: 20px;
    margin-bottom: 20px;
}





/* SINGLE FIBRA */


.fundo-imagem{
    height: 800px;
}

.banner .fundo-imagem .efeito-desfoque{
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    height: 800px;
    width: 100%;
    margin-top: 0px;
    margin-bottom: -800px;
    display: flex;
    align-items: center;
}

.banner .fundo-imagem img{
    min-height: 800px;
    width: 100%;
}

.breadcrumb-item.legenda a{
    text-align: left;
    font: 18px Leelawadee;
    color: white;
}

.banner .fundo-imagem .titulo{
    text-align: left;
    font: normal normal bold 80px 'Open Sans';
    color: white;
}

.banner .fundo-imagem .efeito-desfoque .linha{
    width: 45px;
    border: 1px solid var(--azul-base);
    margin-bottom: 40px;
}

.banner .fundo-imagem .efeito-desfoque .linha2{
    width: 244px;
    border: 1px solid var(--azul-base);
    margin-bottom: 40px;
}

.banner .fundo-imagem .efeito-desfoque .descricao{
    text-align: left;
    font: 16px Leelawadee;
    color: white;
}

.banner .fundo-imagem .efeito-desfoque .especificacoes{
   display: flex;
   justify-content: space-between;
}


.banner .fundo-imagem .efeito-desfoque .especificacoes .titulo{
    text-align: left;
    font: normal normal 600 14px/24px Leelawadee;
    color: white;
}

.banner .fundo-imagem .efeito-desfoque .especificacoes .especificacao{
    text-align: right;
    font: 14px/24px Leelawadee;
    color: white;
}

.banner .fundo-imagem .efeito-desfoque .informacoes{
    margin-bottom: 16px;
}


.depoimento-fibra ,.depoimentos{
    min-height: 494px;
    background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),  url(../imagens/fundo-depoimento.jpg) no-repeat center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: cover;
    width: 100%;
}




/* PAGINA PRODUTO */

.banner.produtos {
    height: 100%;
}

.banner .produto{
    min-height: 800px;
    background-size: cover;
    background-position: center;
}

.banner .laranja-produto{
    min-height: 800px;
    background-color: var(--azul-base);
}

.banner .laranja-produto .container{
    padding-bottom: 25px;
}


.banner .laranja-produto .descricao{
    max-width: 398px;
    font: 16px Leelawadee;
    color: white;
}

.banner .laranja-produto .valores{
    margin-bottom: 46.51px;
    margin-top: 43.50px;
}



.banner .laranja-produto .valor{
    display: flex;
    flex-direction: column-reverse;
}

.banner .laranja-produto .valor ins,  .banner .laranja-produto .valor span{
    /* font: normal normal bold 24px Florentia; */
    color: white;
    margin: 0;
    text-align: left;
}

.banner .laranja-produto .valor del{
    opacity: 1;
    font: 16px Leelawadee!important;
    color: white;
}



.banner .laranja-produto .parcela{
    font: 16px Leelawadee;
    color: white;
}

.banner .laranja-produto .valor-parcela{
    font: normal normal bold 18px Leelawadee;
    color: white;
}

.informacoes-produto{
    padding: 70px;
    padding-top: 101px;
    padding-bottom: 140px;
    background-color: #F0F0F0;
}

.informacoes-produto .titulo-informacoes{
    text-align: left;
    font: normal normal normal 22px Florentia;
    letter-spacing: 4.4px;
    color: var(--azul-base);
    text-transform: uppercase;
}


.informacoes-produto .informacao{
    max-width: 473px;
}

.informacoes-produto .linha-informacao {
    width: 45px;
    height: 0px;
    border: 5px solid var(--azul-base);
}

.informacoes-produto .informacao, 
.informacoes-produto .especificacoes .especificacao{
    text-align: left;
    font: 16px Leelawadee;
    color: var(--cinza);
    display: inline-block;
}
.informacoes-produto .especificacoes .titulo{
    text-align: left;
    font: normal normal 600 14px Leelawadee;
    color: var(--cinza);
    display: inline-block;
    margin-right: 20px;
}

.informacoes-produto .inputs-formulario{
    background: #FFFFFF;
    border: 1px solid #BCBCBC;
    border-radius: 10px;
    opacity: 1;
}


.informacoes-produto .botao-laranja{
    border-radius: 10px;
}

.stock.out-of-stock,
.stock.in-stock{
    font: normal normal normal 19px/20px Florentia;
    letter-spacing: 3px;
    color: white!important;
}





/* AJUSTES WOOCOMMERCE */

.banner-loja{
    min-height: 240px;
    background-size: cover;
    background-position: center;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.banner-loja .shortcode-pesquisa, .banner-loja .titulo{
    z-index: 99;
}

 .woocommerce-wrapper{
    flex-wrap: wrap;
    padding: 0 70px;
}

.woocommerce-result-count{
    display: inline-block!important;
    vertical-align: middle!important;
}

.woocommerce-ordering{
    display: inline-block!important;
    float: inline-end!important;
}

.woocommerce-sidebar{
    padding-right: 65px;
    margin-top: 24px;
}

.woocommerce-sidebar .widget{
    margin: 0;
}

.woocommerce-sidebar .wp-block-heading{
    font-size: 16px;
    color: var(--azul-base);
    font-weight: bold;
    font-family: 'Open Sans';
}

.woocommerce-sidebar .wc-block-product-categories-list a{
    color: var(--azul-base)!important;
    font-size: 14px;
}

.woocommerce-sidebar .wc-block-price-filter__controls input{
    border: none;
    background-color: white;
    color: var(--cinza);
    box-shadow: none;
}

.woocommerce-sidebar .wc-block-components-price-slider__range-input-progress{
    color: var(--azul-base);
}

.titulo-cart{
    font-size: 21px;
    font-weight: bold;
    color: #3E646F;
    padding: 10px;
    border-bottom: solid 1px #E1E1E1;
    margin-bottom: 50px;
}

.woocommerce-cart-form__cart-item.cart_item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 70px;
}

.woocommerce-cart-form__cart-item.cart_item .product-thumbnail{
    width: 104px;
    border-radius: 16px;
}

.woocommerce-cart-form__cart-item.cart_item .product-name a{
   color: var(--cinza)!important;
}

.woocommerce-cart-form__cart-item.cart_item .product-remove a{
   color: var(--azul-botao)!important;
}

.woocommerce-cart-form__cart-item.cart_item .quantity .qty{
    color: var(--cinza);
    border-color: #E1E1E1;
}

.cart-collaterals .cart_totals{
    width: 90%!important;
}

.shop_table, .woocommerce-billing-fields, .shipping-fields, .woocommerce-checkout-review-order{
    background-color: white;
    padding: 48px;
    border-radius: 24px;
}

.cart_totals.calculated_shipping .shop_table{
    box-shadow: 0px 10px 6px #00000029;
}

.woocommerce-content .product-card{
    width: 260px!important;
    margin-bottom: 24px;
}

.woocommerce-content .button.product_type_simple{
    margin-bottom: 0!important;
}

.woocommerce-content ul.products{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.shop_table.shop_table_responsive h2{
    font-family: Florentia;
    color: var(--azul-base);
}

.woocommerce-checkout-review-order h3{
    width: 100%!important;
    padding: 0 48px;
}

.banner.produtos .price .woocommerce-Price-amount.amount{
    color: var(--azul-botao)!important;
}

.storefront-full-width-content .woocommerce-products-header h1:last-child,
.entry-title{
    text-align: left!important;
    font-size: 88px!important;
    color:white!important;
}

.woocommerce-ordering select{
    width: auto;
    box-shadow: none;
    border: none;
    border-radius: 5px!important;
    height: 40px;
    text-align: left;
    font: normal normal normal 14px/16px 'Open Sans';
    color: var(--azul-base)!important;
}

.woocommerce-result-count{
    margin-top: 9px;
    margin-bottom: 50px!important;
}

ul.products li.product img{
    border-radius: 25px 25px 0 0;
}

.storefront-full-width-content .site-main ul.products li.product{
    border: 1px solid #C7C7C7;
    border-radius: 25px;
}


.entry-content{
    max-width: 98.498938em;
    margin: 69px auto!important;
}

.storefront-sorting{
    max-width: 98.498938em;
    margin: auto;
}



ul.products li.product .woocommerce-loop-product__title{
    font: normal normal bold 20px Florentia!important;
    color: var(--azul-base);
}

.products.columns-12{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.onsale{
    background: var(--azul-base);
    border-radius: 9px!important;
    max-height: 33px;
    text-align: center;
    font: normal normal bold 20px/27px Florentia!important;
    color: white!important;
    text-transform: uppercase!important;
    border: none!important;
    position: absolute!important;
    margin-top: -84px;
    margin-left: -119px;
}

.price ins, ul.products li.product .price{
    text-align: center;
    font: normal normal bold 20px/27px Florentia!important;
    letter-spacing: 0px;
    color: var(--cinza);
}

.price del{
    font-size: 17px;
}

.button.product_type_simple, .shop.add-to-cart-button a{
    background: var(--azul-botao)!important;
    border-radius: 7px!important;
    font-size: 15px;
    letter-spacing: 0.45px;
    color: white!important;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    border: none;
    margin-bottom: 20px!important;
    width: 100%;
    cursor: pointer;
}

.button.product_type_simple:hover, .shop.add-to-cart-button a:hover{
    background: var(--azul-base)!important;
    transition: all 0.5s ease-in;
    transition-delay: 0.02s;
}


.added_to_cart{
    border-radius: 7px;
    margin-bottom: 20px;
}


table thead th{
    color: var(--azul-base);
}


table.cart td.actions input{
    border: 1px solid var(--cinza-escuro);
    border-radius: 10px;
    text-align: left;
    font: 16px Leelawadee;
    color: var(--cinza-escuro);
    background: transparent;
    height: 45px;
}


.button{
    background-color: white!important;
    border-radius: 25px!important;
    text-align: center;
    font-size:18px;
    color: var(--azul-base)!important;
    text-transform: uppercase;
    border: none;
}

.wc-proceed-to-checkout .button, .wc-proceed-to-checkout a, #payment .place-order .button{
    background: var(--azul-base)!important;
    border-radius: 33px;
    font-size: 15px;
    letter-spacing: 0.45px;
    color: white!important;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    border: none;
    margin-bottom: 0!important;
    margin-top: 20px;
}

.hentry .entry-content a{
    text-decoration: none!important;
}


.form-row input{
    border: 1px solid var(--cinza-escuro)!important;
    border-radius: 10px;
    text-align: left;
    font: 16px Leelawadee;
    color: var(--cinza-escuro);
    background: transparent!important;
    /* height: 45px; */
}

.select2-container--default .select2-selection--single{
    border: 1px solid var(--cinza-escuro)!important;
    border-radius: 10px!important;
    text-align: left;
    font: 16px Leelawadee;
    color: var(--cinza-escuro);
    background: transparent;
    height: 45px!important;
    display: flex!important;
    align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 45px!important;
}


textarea{
    border: 1px solid var(--cinza-escuro)!important;
    border-radius: 10px;
    text-align: left;
    font: 16px Leelawadee;
    color: var(--cinza-escuro)!important;
    background: transparent!important;
}


/* .woocommerce-products-header h1{
    margin-top: 50px;
    font: 40px Florentia!important;
    color: var(--azul-base)!important;
} */
.woocommerce-info{
    background-color: var(--azul-base)!important;
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a{
    font-size: 20px;
    color: var(--azul-base)!important;
}

.woocommerce-MyAccount-content strong{
    color: var(--azul-botao);
}

.woocommerce-MyAccount-content p{
    color: var(--cinza-escuro);
}

.woocommerce-MyAccount-content a{
    font: normal normal bold 14px/24px Leelawadee!important;
    color: var(--cinza)!important;
}

.woocommerce-info .button{
    color: white!important;
    padding: 2px 20px!important;;
}

.laranja-produto .single-product div.product form.cart,
.laranja-produto form{
    margin-bottom: 0!important;
}

.single-product div.product form.cart.produtos .quantity{
    display: none!important;
}

.storefront-full-width-content .related.products>h2:first-child{
    font: normal normal normal 28px/37px Florentia!important;
    letter-spacing: 5.6px;
    color: var(--azul-base);
    text-transform: uppercase;
    margin-top: 101.5px;
}

.related.products, 
.content-area{
    padding: 20px;
}


.loja.produtos ul.products li.product{
    width: 340px;
    border: 1px solid #C7C7C7;
    border-radius: 25px;
    margin:20px;
    padding: 15px 20px;
}


.added_to_cart{
    width: 100%!important;
    border-radius: 10px!important;
}

.woocommerce-message{
    margin-bottom: 0!important;
}

.woocommerce-message .button{
    background: var(--azul-botao)!important;
    padding: 5px 20px!important;
}

.storefront-full-width-content .site-main ul.products li.product{
    padding: 20px!important;

}

.laranja-produto .container .product_title.entry-title,
.laranja-produto .container .product_meta{
        display: none;
}

.storefront-full-width-content.single-product div.product .summary{
    width: unset!important;
    float: unset!important;
    margin-right: 0!important;
    margin-bottom: 0!important;
    color: white;
}



.reset_variations{
    color: white!important;
}

.woocommerce-Price-amount.amount bdi{
    font-size: 22px;
}

.quantity .qty{
    border: 1px solid white;
    border-radius: 25px;
    background: transparent;
    text-align: left;
    font-size: 16px;
    color: white;
    height: 45px;
    padding: 5px 10px;
}

.laranja-produto div #shipping-simulator #zipcode{
    color: white;
    padding: 25px 20px!important;
}

#shipping-simulator #zipcode{
    border: none;
    border-radius: 24px;
    background-color: #2E4A52;
}

#shipping-simulator #zipcode{
    padding: 19px 5px!important;
    width: 158px!important;
}

#shipping-simulator #zipcode::placeholder{
    color: white;
}

/* #shipping-simulator form{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
} */

#shipping-simulator form label{
    display: contents;
}

ul#shipping-rates{
    margin: 20px 0;
}


#shipping-simulator form #idx-calc_shipping{
    height: 51px;
    margin-right: 10px;
}

.hr-produtos{
    background-color: #ccc!important;
    border: 0!important;
    height: 1px!important;
    margin: 0 0 1.41575em!important;
    width: 100%!important;
}

.woocommerce-product-details__short-description h1,
.woocommerce-product-details__short-description h2,
.woocommerce-product-details__short-description h3,
.woocommerce-product-details__short-description h4{
    color: white;
}

.single-product div.product table.variations .value select{
    border: 1px solid white;
    border-radius: 25px;
    background: transparent;
    text-align: left;
    font: 16px Leelawadee;
    color: white;
    height: 45px;
    padding: 5px 10px;
}

.single-product div.product table.variations .value select option{
    color: var(--cinza);
}

.entry-header{
    height: 155px;
    background-color: #22373D;
}

.entry-header .entry-title{
    font-family: Florentia;
    font-weight: bold;
    font-size: 40px!important;
    padding: 50px;
    text-align: center!important;
}

.hentry .entry-header{
    border: none!important;
}

.u-columns.col2-set{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.u-column1{
    background-color: var(--azul-base);
    padding: 48px;
    color: white;
    border-radius: 24px;
    box-shadow: 0px 10px 6px #00000029;
    margin-right: 0!important;
    margin-bottom: 20px;
}
.u-column1 input{
    border: none!important;
    background-color: #2E4A52!important;
    color: white!important;
}

.u-column2{
    background-color: white;
    padding: 48px;
    border-radius: 24px;
    box-shadow: 0px 10px 6px #00000029;
}
.u-column1 h2, .u-column2 h2{
    font-family: Florentia;
    font-weight: bold;
}

.u-column2 h2{
  color: var(--azul-base);
}

.u-column2 .form-row button{
    background-color: var(--azul-base)!important;
    color: white!important;
}

.u-column1 h2, .u-column1 .woocommerce-LostPassword.lost_password a{
    color: white;
}

.u-column2 a.woocommerce-privacy-policy-link{
    color: var(--azul-base)!important;
}

.u-column1.col-1, .u-column2.col-2{
    width: 45%!important;
}

.storefront-full-width-content .content-area{
    float: none!important;
}

/* PAGINA DE NOTICIAS */

.desfoque-noticias{
    min-height: 416px;
}

.banner-noticias .desfoque-noticias .efeito-desfoque{
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    /* height: 416px; */
    width: 100%;
    margin-top: 0px;
    margin-bottom: -415px;
    display: flex;
    align-items: center;
}

.banner-noticias .desfoque-noticias img{
    height: 416px;
    width: 100%;
}

.banner-noticias .desfoque-noticias .efeito-desfoque .conteudo{
    display: flex;
    flex-direction: column;
    height: 75%;
    justify-content: space-around;
    margin: 65px 40px;
}

.banner-noticias .desfoque-noticias .efeito-desfoque .conteudo .pre-titulo{
    text-align: left;
    font: normal 18px Leelawadee;
    color: white;
}
.banner-noticias .desfoque-noticias .efeito-desfoque .conteudo .titulo{
    font: normal normal bold 80px Florentia;
    color: white;
}


.noticia-destaque-topo{
    position: relative;
    z-index: 999999;
    margin-top: -36px;
    
}

.noticia-destaque-topo .destaque{
    max-width: 1502px;
    min-height: 674px;
    background-color: #FFFFFF;
    border: 1px solid #C7C7C7;
    border-radius: 25px;
}

.noticia-destaque-topo .destaque .conteudo{
    /* max-width: 753px; */
    display: flex;
    flex-direction: column;
    padding: 0 69.5px;
    justify-content: space-around;
    margin: 96px 0;
}


.noticia-destaque-topo .destaque .conteudo .titulo{
    font: normal normal bold 70px Florentia;
    color: var(--azul-base);
}
.noticia-destaque-topo .destaque .conteudo .resumo{
    font: normal 18px Leelawadee;
    color: var(--cinza);
    margin: 48px 0;
}

.noticia-destaque-topo .destaque .imagem-direita{
    box-shadow: 0px 10px 6px #00000029;
    border-radius: 14px;
    /* max-width: 682px; */
    height: 744px;
    margin-top: -35px;
    position: relative;
    margin-bottom: -20px;
}

.noticias{
    max-width: 1494px;
    margin: 105px;
}

.noticias .card-noticia{
    min-height: 627px;
    width: 463px;
    border: 1px solid #C7C7C7;
    border-radius: 25px;
    background-color: white;
    margin-bottom: 85px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.noticias .card-noticia img{
    width: 463px;
    height: 361px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 25px 25px 0px 0px;
}

.noticias .card-noticia .titulo{
    font: normal normal bold 35px Florentia!important;
    color: var(--azul-base);
    margin: 22px 128px 20px 39px;

}

.noticias .card-noticia .resumo{
    font: normal 16px Leelawadee;
    color: var(--cinza);
    margin: 0 39px 50px;
}

.noticia-destaque-baixo{
    margin-bottom: 105px;
}

.noticia-destaque-baixo .destaque{
    background-color: var(--azul-base);
    border: 1px solid #C7C7C7;
    border-radius: 25px;
    max-width: 1502px;
    min-height: 674px;
}


.noticia-destaque-baixo .destaque .conteudo{
    /* max-width: 753px; */
    display: flex;
    flex-direction: column;
    padding: 0 69.5px;
    justify-content: space-around;
    margin: 96px 0;
}


.noticia-destaque-baixo  .destaque .conteudo .titulo,
.modal-content .imagem-galeria .conteudo .titulo{
    font: normal normal bold 70px Florentia;
    color: white;
}
.noticia-destaque-baixo .destaque .conteudo .resumo,
.modal-content .imagem-galeria .conteudo .resumo{
    font: normal 18px Leelawadee;
    color: white;
    margin: 48px 0;
}

.noticia-destaque-baixo .destaque .imagem-esquerda{
    box-shadow: 0px 10px 6px #00000029;
    border-radius: 14px;
    /* max-width: 682px; */
    height: 744px;
    margin-top: -35px;
    position: relative;
    margin-bottom: -20px;
}


.pagination{
    border: none!important;
}

.pagination .page-item .page-link.prev, .pagination .page-item .page-link.next, .pagination .page-item.disabled a, .woocommerce-pagination .page-numbers li .page-numbers.prev, .woocommerce-pagination .page-numbers li .page-numbers.next, .woocommerce-pagination .page-numbers li .page-numbers:not(.current) {
    background-color: var(--azul-botao)!important;
    color: white!important;
    border: none!important;
    border-radius: 33px;
    width: 51px!important;
    margin: 7px!important;
    padding: 10px;
}

.page-item:first-child .page-link, .woocommerce-pagination .page-numbers li .page-numbers.prev{
    border-radius: 100px 30px 30px 100px!important;
}

.page-item:last-child .page-link, .woocommerce-pagination .page-numbers li .page-numbers.next{
    border-radius: 30px 100px 100px 30px!important;
}

.woocommerce-pagination{
    border: none!important;
}

.pagination .page-item a,
.pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers.current{ 
    background: #E1E1E1!important;
    border-radius: 33px!important;
    border: none!important;
    width: 51px!important;
    margin: 7px!important;
    text-align: center;
    padding: 10px;
    font: normal normal normal 18px/20px Florentia;
    letter-spacing: 0.6px;
    color: var(--azul-base)!important;

}



.newsletter {
    position: relative;
    margin-bottom: -276px;
    margin-top: 126px;
}

.banner-newsletter{
    min-height: 378px;
    background-position: center;
    background-size: cover;
}

.newsletter .fundo-newsletter{
    background: #FFFFFF;
    max-width: 1362px;
    min-height: 416px;
    box-shadow: 0px 10px 10px #00000029;
    border-radius: 20px;
}


/* SINGLE NOTICIA */


.single-noticia{
    margin-top: 102px;
}

.conteudo-noticia{
    max-width: 812px;

}
/* 
.conteudo-noticia .paragrafos img{
    object-fit: cover;
    max-width: 100%;
    border-radius: 14px!important;
    margin-top: 47px;
    margin-bottom: 42px;
} */

.coluna-direita .autor{
    max-width: 463px;
    min-height: 320px;
    background-color: #FFFFFF;
    box-shadow: 0px 10px 10px #00000029;
    border-radius: 20px;
    padding: 40px 58px;
}

.coluna-direita .autor .titulo{
    text-align: left;
    font: normal 24px/29px Florentia;
    letter-spacing: 4.8px;
    color: var(--azul-base);
    text-transform: uppercase;
}

.coluna-direita .autor .icone img{
    border-radius: 99999px;
    width: 106px;
    height: 106px;
    object-fit: cover;
}


.coluna-direita .autor .infos .nome{
    text-transform: uppercase;
}

.coluna-direita .autor .infos .nome,
.coluna-direita .autor .infos .cargo{
    text-align: left;
    font: normal 22px/27px Florentia;
    letter-spacing: 4.4px;
    color: var(--cinza);
}

.coluna-direita .autor .data-publicacao{
    margin-top: 29px;
    text-align: left;
    font: normal 16px/19px Florentia;
    letter-spacing: 1.6px;
    color: var(--cinza);
}

.coluna-direita .outras-noticias {
    margin-top: 90px;
    max-width: 443px; 
}

.coluna-direita .outras-noticias .titulo{
    text-align: left;
    font: normal normal normal 24px/29px Florentia;
    letter-spacing: 4.8px;
    color: var(--azul-base);
    text-transform: uppercase;
}

.coluna-direita .outras-noticias .noticias{
    max-width: none;
    margin: 57px 0 0 0;
}

.coluna-direita .novidades .imagem-fundo{
    background: url('https://caleve.com.br/wp-content/uploads/2022/03/banner-concreto.png') center no-repeat;
    background-size: cover;
    max-width: 463px;
    min-height: 416px;
    border-radius: 20px;
}

.coluna-direita .novidades{
    max-width: 463px;
    margin-top: 55px;
}

.coluna-direita .novidades .logo-calena{
    position: relative;
    margin-bottom: -100px;
    width: 256px;
}

.coluna-direita .novidades .bloco-formulario{
    position: relative;
    margin-top: -187px;
}

.coluna-direita .novidades .formulario{
    max-width: 463px;
    min-height: 529px;
    background-color: var(--azul-base);
    box-shadow: 0px 10px 10px #00000029;
    border-radius: 20px;
}

.coluna-direita .novidades .formulario .titulo-branco{
    padding: 60px 67px 42px;
}

.coluna-direita .novidades .formulario .form .inputs-formulario{
    background-color: #FFFFFF;
    border: 1px solid var(--cinza-escuro);
    border-radius: 10px;
}

.cart-frete{
    border: 1px solid #E1E1E1;
    border-width: 1px 0 1px 0px;
    margin: 20px 0;
    padding: 10px 0;
}

.coupon{
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
}

.coupon input{
    background-color: transparent!important;
    border-radius: 16px;
    border: solid #E1E1E1 1px!important;
    margin: 0 10px; 
}

.coupon button{
    background-color: var(--azul-botao)!important;
    border-radius: 16px!important;
    color: white!important;
    text-transform: uppercase;
}

.woocommerce-Price-amount.amount, .order-total{
    font-size: 21px;
    font-weight: bold;
    color: #3E646F;
}

.shipping-calculator-button{
    color: var(--azul-base)!important;
}

.storefront-full-width-content .content-area{
    padding: 0!important;
}


.woocommerce.pagbank-connect-installments h2{
    color: white;
    font-size: 22px;
    margin-top: 20px;
}

.woocommerce.pagbank-connect-installments .shop_table.shop_table_responsive{
    background-color: transparent;
    color: var(--azul-botao) !important;
    font-size: 20px;
    padding: 0;
  
}

.woocommerce.pagbank-connect-installments .shop_table.shop_table_responsive td{
    background-color: transparent;
    padding: 10px 0;
}

.woocommerce-message{
    background-color: var(--azul-base)!important;
    border: none!important;
    border-radius: 0!important;
}


/* BREAKPOINTS */



@media (max-width: 1583px){

    /* .loja.produtos ul.products li.product{
        width: 716px;
    } */

    .banner .laranja .container .titulo{
        font-size: 105px!important;
    }
    .componentes-timeline .componente{
        width: 297px!important;
    }

} 

@media (max-width: 1422px){

    .descricao-banner .botao-laranja{
        width: 50%!important;
    }

    .banner .laranja .container .titulo {
        font-size: 82px!important;
    }

}



@media (max-width: 1345px){

    .contato-rodape .formulario{
        margin-right: 0!important;
        padding:0 20px;
    }
    .botao-verde{
        width: 100%;
    }
    .contato-rodape .formulario.cidades{
        max-width: 810px;
    }
}


@media (max-width: 1292px){

    .links,
   .logo-links{
       /* width: 50%; */
       margin-bottom: 20px;
   } 

   .rodape-laranja, 
   .rodape-imagem{
       width: 100%;
   }
/* 
   .carousel-indicators .setas{
       width: 15%;
   } */

   .banner .laranja,
   .banner .fundo-imagem{
       min-height: 529px;
       width: 100%;
   }

   .banner .imagem{
       min-height: 436px;
       width: 100%;
   }


   
   .carousel-indicators [data-bs-target]{
       width: 83px;
       height: 76px;
   }

   .banner .produto {
        min-height: 539px;
   }

   .indicators-produtos.produto-single{
       color: var(--azul-base);
   }

  .carousel-control-next-icon.produto {
       background-image: url('../imagens/seta-laranja-next.svg')!important;
   }

  .carousel-control-prev-icon.produto {
    background-image: url('../imagens/seta-laranja-prev.svg')!important;
   }
}





@media (max-width: 1266px){
    .busca-componentes,
    .busca .form .form-input, .busca .select .form-select{
        width: 100%!important;
    }
    .bloco-fibra-banner .busca{
        padding: 33px 85px 32px 45px;
    }

}
   


@media (max-width: 992px){

   
   .navbar{
       align-items: flex-start;
   }

   .navbar .brand-toggler{
       width: 68%;
   }
   .navbar .container .nav-links{
       width: 100%;
       display: flex;
       flex-direction: column;
       justify-content: center;
   }
   .navbar .nav-links ul{
       text-align: center;
   }

   .nav-componentes{
       display: none;
   }

   .mobile-carrinho{
       display: flex;
       width: 25%;
       justify-content: end;
   }

    .redes-mobile{
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .navbar.branco .icons{
       justify-content: center;
       margin-top: 20px;
    }


    .piscinas .card-lateral{
        position: unset;
        margin-top: 50px;
    }

    .piscinas .card-lateral .card{   
        max-width: 100%;
        min-height: 284px;
    }

    .descricao-banner .botao-laranja{
        width: 100%!important;
    }

    .formulario .form .container .input,
    .formulario-branco .form .container .input{
      margin-right: 0!important;
    }
    .formulario .form .select,
    .formulario-branco .form .select{
        max-width: none!important;
    }

    .contato-rodape .formulario.bloco1
    .formulario-branco .form .container .input{
        margin-right: 0!important;
    }
    .banner .descricao-banner .titulo{
        font-size: 106px;
    }
    .botao-laranja .botao-piscina{
        width: 50%!important;
    }
    .informacoes-produto{
        padding: 101px 40px 140px;
    }

    .imagem-formulario-sobre{
        height: 342px;
    }

    .banner .fundo-imagem .efeito-desfoque .informacoes{
        margin-bottom: 42px;
    }
    .area-whatsapp .whatsapp .numero{
        margin-bottom: 1.5rem;
    }
    .banner-contato .informacoes .titulo{
        margin-top: 97px;
    }

    .info-loja-home .info{
        text-align: left;
    }
}


@media (max-width: 915px){
  
   .banner .descricao-banner{
       margin-left: 90px;
   }
   
}
@media (max-width: 826px){
   
    .componentes-timeline .componente .linha-timeline{
        display: none;
    }
    
    .componentes-timeline .componente .linha-timeline-vertical{
            display: flex;
            justify-content: center;                        
    }
    
    .componentes-timeline div .componente:last-child .linha-timeline-vertical{
        display: none;
    }

   .componentes-timeline .componente .titulo{
       text-align: center;
   }
   .componentes-timeline .componente .descricao{
        text-align: center;
        margin: 15px auto;
   }
   .componentes-timeline .componente .numero{
       display: flex;
       justify-content: center;
   }

   .enderecos-mapa{
        padding: 189px 40px;
   }
}



@media (max-width: 770px){
   .banner .laranja,
   .banner .fundo-imagem{
       min-height: 529px;
   }

   .banner .laranja .container .titulo{
       font-size: 60px!important;
   }

   .banner .imagem{
       min-height: 436px;
   }

   .mosaico{
       height: 360px;
   }
   
   .mosaico .componentes{
       height: 190px;
   }

   
.produtos .titulo-bloco h2,
.mosaico .componentes .fundo-branco,
.mosaico .componentes .fundo-laranja{
   font-size: 23px;
}

.produtos .titulo-bloco p,
.bloco-depoimento .depoimentos .depoimento,
.depoimento-fibra .depoimentos .depoimento{
     font-size: 15px;
}
   
.banner-fundo{
   min-height: 789px;
}

.cards-inicio{
   margin-bottom: -165px;
}

.banner .descricao-banner{
    margin: 0 52px;
}

.u-column1.col-1, .u-column2.col-2{
    width: 90%!important;
}

.carousel-indicators .botoes, .indicators-produtos{
    display: none;
}

.carousel-indicators .setas{
    width: 100%;
}
.carousel-indicators .setas .carousel-control-prev, .carousel-indicators .setas .carousel-control-next{
    align-items: start;
    width: auto;
}

}


@media (max-width: 600px){


   .mosaico .componentes .fundo-branco, .mosaico .componentes .fundo-laranja{
       font-size: 13px;
   }

   .banner .descricao-banner .titulo{
        font-size: 79px;
   }

   .piscinas .bloco1 .titulo{
       font-size: 61px;
   }

   .piscinas .botao-laranja{
        width: 100%!important;
   }

   .banner .fundo-imagem .titulo{
       font-size: 70px;
   }
   .bloco-fibra-banner .destaque .bloco-transparente{
       width: 100%;
   }

   /* .banner-noticias .desfoque-noticias .efeito-desfoque .conteudo{
       margin: 0 40px;
   } */

   .info-loja-home .info{
    text-align: center;
   }

   .banner-noticias .desfoque-noticias .efeito-desfoque .conteudo .titulo, .noticia-destaque-topo .destaque .conteudo .titulo, .noticia-destaque-baixo .destaque .conteudo .titulo, .modal-content .imagem-galeria .conteudo .titulo{
    font-size: 55px;
   }

   .banner-sobre .titulo{
    font-size: 36px;
   }

}


@media (max-width: 519px){
   
   .links,
   .logo-links{
       width: 100%;
   }

   .cards-inicio .cards{
        width: 100%!important;
   }

   .banner-contato .informacoes .titulo{
       font-size: 66px;
   }
   .banner-contato .informacoes .info{
        margin: 45.25px 0;
   }
   .navbar-brand{
    margin-bottom: 20px;
}

}

@media (max-width: 463px){

    
    /* PRE-HOME */

    .botoes-pre-home .chamada{
        font-size: 44px;
    }


    /* PAGINA INICIAL */

    .banner .descricao-banner .titulo{
        font-size: 67px;
    }
 
    .piscinas .bloco1 .titulo{
        font-size: 50px;
    }

        
    .banner-botao1, 
    .banner-botao2, 
    .banner-botao3, 
    .banner-botao4{
        display: none;
    }

    .carousel-indicators .setas{
        display: contents;
    }

    .mosaico-banner{
        margin-top: -19px;
    }
    
 
}


@media (max-width: 400px){

    .input-cabecalho{
        margin-right: 0!important;
    }

    .banner .fundo-imagem .titulo{
        font-size: 43px;
    }
    
    .botao-transparente{
        padding: 10px 15px;
        font-size: 13px;
    }
    .loja .produto-loja
    {
        margin-left: 0!important;
    }


    .carousel-indicators .texto{
        width: 100%!important;
    }
}


@media (max-width: 300px){
   
    .banner .laranja .container .titulo{
        font-size: 35px!important;
    }

}

.pagination {
    border: none !important;
}

.pagination .page-item .page-link.prev, 
.pagination .page-item .page-link.next, 
.pagination .page-item.disabled a, 
.woocommerce-pagination .page-numbers li .page-numbers.prev, 
.woocommerce-pagination .page-numbers li .page-numbers.next, 
.woocommerce-pagination .page-numbers li .page-numbers:not(.current) {
    background-color: var(--azul-botao) !important;
    color: white !important;
    border: none !important;
    border-radius: 33px;
    width: 51px !important;
    margin: 7px !important;
    padding: 10px;
}

.page-item:first-child .page-link, 
.woocommerce-pagination .page-numbers li .page-numbers.prev {
    border-radius: 100px 30px 30px 100px !important;
}

.page-item:last-child .page-link, 
.woocommerce-pagination .page-numbers li .page-numbers.next {
    border-radius: 30px 100px 100px 30px !important;
}

.pagination .page-numbers.current {
    background-color: #E1E1E1 !important;
    border-radius: 33px !important;
    border: none !important;
    width: 51px !important;
    margin: 7px !important;
    text-align: center;
    padding: 10px;
    font: normal normal normal 18px/20px Florentia;
    letter-spacing: 0.6px;
    color: var(--azul-base) !important;
}

.woocommerce-pagination {
    border: none !important;
}

.add_to_cart_button {
    display: block;
    margin: 10px auto;
    background-color: #007cba; /* WooCommerce blue */
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
}

.add_to_cart_button:hover {
    background-color: #005a9c; /* Darker WooCommerce blue */
    color: #fff;
}