:root{
    --main-color:#EA4C4B;
    --seconday-color: #6C6C70;
    --light-gray: #666666;
    --bright-yellow: #FEE00C;
    --white: #fff;
    --warm-yellow: #FEC351;
    --mustard-yellow: #F8D811;
    --background-light-gray: #F4F4F4;
}

*{
    box-sizing: border-box;
    padding: 0;
    margin: 0;    
    font-family: 'Lato', sans-serif; 
}

html, body{    
    font-weight: 400;
    background-color: var(--background-light-gray);
}

.pc {
    display: block!important;
}

.mob{
    display: none!important;
}

/*--------------------------------------------------------------------------------*/
/*MENU PRINCIPAL*/
/*--------------------------------------------------------------------------------*/

.navbar-custom {
    background-color: var(--main-color);
    padding: 20px 0;

    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;    
    left: 0;
    transition: all 0.2s ease 0s;
}
.navbar-custom .nav-link {
    font-size: 20px;
    color: var(--white);
    padding: 8px 12px;        
    margin-left: 20px;
    transition: all 0.3s ease-in-out;
}
.navbar-custom .nav-link:hover {
    background-color: var(--white);
    color: var(--main-color);
    border-radius: 10px;      
}

/*--------------------------------------------------------------------------------*/
/*PAG HOME*/
/*--------------------------------------------------------------------------------*/
/*PAG HOME - SECTION CAROUSEL BANNER*/
 .swiper-container {
    width: 100%;    
    position: relative;
    overflow: hidden;
}

.swiper-wrapper {
    display: flex;
}

.swiper-slide {
    width: 100%;    
    height: calc(100vh - 135px); 
}

.swiper-slide img {
    width: 100%;
    height: 100%;    
    object-fit: cover;
}

.section-revenda-home .box_aceitar .msgaceitar{
    color: #fff;
    margin-bottom: 5px;
}

/* Personalização das setas */
.swiper-button-next,
.swiper-button-prev {
    color: var(--white);
    background-color: rgba(0, 0, 0, 0.5); /* Fundo escuro semi-transparente */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px; /* Tamanho da seta */
}

/* Aumentando o tamanho da seta para mais visibilidade */
.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 30px;
}

/* Ajuste do texto */
.swiper-button-next,
.swiper-button-prev {
    font-weight: bold; /* Deixa a seta mais visível */
}

/* Para dispositivos móveis (max-width: 767px) */
/* @media (max-width: 767px) {
    .mobile {        
        display: block;
    }
    .tablet, .desktop {
        display: none;
    }
}

/* Para tablets (de 768px a 1024px) *
@media (min-width: 768px) and (max-width: 1024px) {
    .tablet {        
        display: block;
    }
    .mobile, .desktop {
        display: none;
    }
}

/* Para desktops (acima de 1024px) *
@media (min-width: 1024px) {
    .desktop {        
        display: block;
    }
    .mobile, .tablet {
        display: none;
    }
} */

/* Para dispositivos mobile (até 767px) */
@media (max-width: 767px) {
    .mobile {
        display: block;
    }
    .tablet, .desktop {
        display: none;
    }
}

/* Para tablets (de 768px a 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .tablet {
        display: block;
    }
    .mobile, .desktop {
        display: none;
    }
}

/* Para mobile e tablets (até 1024px) */
@media (max-width: 1024px) {
    .mobile-tablet {
        display: block;
    }
    .desktop {
        display: none;
    }
}

/* Para desktops (acima de 1024px) */
@media (min-width: 1024px) {
    .desktop {
        display: block;
    }
    .mobile, .tablet, .mobile-tablet {
        display: none;
    }
}


/*IDIOMAS NO MENU*/

.language-select {
    position: relative;
    display: inline-block;
    /* width: 160px; */
    /* width: 100px; */
    width: 90px;
    /* margin-top: 10px; */
    margin-top: 4px;
    margin-left: 15px;
}

.language-dropdown {
    width: 100%;
    padding: 10px;
    border-radius: 5px;    
    /* background-color: #fff; */
    color: #fff;
    background-color: #EA4C4B;
    cursor: pointer;
    font-size: 16px;
    text-align: left;
    display: flex;
    align-items: center;
}


.language-dropdown img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.language-dropdown::after {
    content: '▼';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 12px;
    /* color: #333; */
    color: #FFF;
}

.language-select:hover .language-options,
.language-select .language-options:hover {
    display: block;
}

.language-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    /* background-color: #fff; */
    background-color: #EA4C4B;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.language-options div {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
}

.language-options div img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.language-options div:hover {
    background-color: #f0f0f0;
    color: #333;
}

.boxidioma{
    height: 0;
}

.boxlanguage{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
    .boxidioma{
        display: flex;
        justify-content: flex-end;    
    }

    .language-select{
        z-index: 12399995;
        margin-right: 5px;
    }
}


/*--------------------------------------------------------------------------------*/
/*PAG HOME - SECTION SOBRE*/
.section-sobre-home{    
    padding: 40px 0;
}

.section-sobre-home .sobre-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section-sobre-home .sobre-content .titulo{
    color: var(--main-color);
    font-size: 20px;
}

.section-sobre-home .sobre-content .subtitulo{
    color: var(--main-color);
    font-size: 28px;
    font-family: "LatoHeavy";
    font-weight: 900;
    line-height: 1.3;
}

.section-sobre-home .sobre-content .text{
    color: var(--light-gray);
    font-size: 20px;
}

.section-sobre-home .btn-saiba-mais{
    color: var(--white);
    background-color: var(--main-color);
    font-size: 18px;
    border-radius: 15px;
    width: 176px;
    height: 50px;
    
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-sobre-home .sobre-item1, .sobre-item2{
    width: 49%;
}

.section-sobre-home .btn-content{
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

/* Para dispositivos móveis (max-width: 767px) */
@media (max-width: 767px) {
    .section-sobre-home .sobre-content {
        flex-wrap: wrap; 
    }
    .section-sobre-home .sobre-item1, .sobre-item2 {
        width: 100%;
    } 
}

/* Para tablets (de 768px a 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .section-sobre-home .sobre-content {
        flex-wrap: wrap; 
    }

    .section-sobre-home .sobre-item1, .sobre-item2 {
        width: 100%;
    } 
}

/*--------------------------------------------------------------------------------*/
/*PAG HOME - SECTION VALORES*/
.section-valores-home {    
    padding: 160px 0;
    background-image: url('../img/home/background1.jpg');
    background-size: cover; /* Faz com que a imagem cubra toda a área da div */
    background-position: center; /* Centraliza a imagem */
    background-repeat: no-repeat; /* Evita que a imagem se repita */
    width: 100%; /* Ajusta a largura */
    height: auto; /* Ajusta a altura conforme necessário */
}

.section-valores-home h1{
    font-family: "LatoHeavy";
    font-weight: 900;
    font-size: 35px;    
    color: var(--white); 
}

.section-valores-home p{    
    font-family: "LatoHeavy";
    font-weight: 900;
    font-size: 25px;
    color: var(--mustard-yellow);    
    margin-top: 30px;
    line-height: 1.3;
}

.section-valores-home .container {    
    display: flex;
    justify-content: center;
}

.section-valores-home .content {    
    width: 52%;
    text-align: center;
}

@media (max-width: 768px) {
    .section-valores-home .content {    
        width: 100%;
    }
    .section-valores-home {
        padding: 90px 0;
    }
}


/*NOVA VERSAO*/
.parallax-container h1{
    font-family: "LatoHeavy";
    font-weight: 900;
    font-size: 35px;    
    color: var(--white); 
}

.parallax-container p{    
    font-family: "LatoHeavy";
    font-weight: 900;
    font-size: 25px;
    color: var(--mustard-yellow);    
    margin-top: 30px;
    line-height: 1.3;
}

.parallax-container .container {    
    display: flex;
    justify-content: center;
}

.parallax-container .content {    
    /* width: 52%; */
    width: 35%;
    text-align: center;
}


@media (max-width: 768px) {
    .parallax-container .content {    
        width: 100%;
        padding: 30px 15px;
    }
    .parallax-container {
        height: auto!important;
        /* padding: 90px 0; */
        padding: 40px 0;
    }

    .parallax-container .curva {
        height: auto;
    }
}


/* .section-valores-home {    
    position: relative; 
    width: 100%;
}
.section-valores-home img {
    width: 100%;
    height: auto; 
}

.section-valores-home h1{
    font-weight: 700;
    font-size: 35px;    
}

.section-valores-home p{    
    font-weight: 700;
    font-size: 25px;
    color: var(--mustard-yellow);    
}

.text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 42%;
    transform: translate(-50%, -50%); 
    color: var(--white); 
    text-align: center;
    padding: 20px; 
    z-index: 10; 
}

.text-overlay h1, .text-overlay p {
    margin: 0;
}

.text-overlay p{
    margin-top: 30px;
} */

/*--------------------------------------------------------------------------------*/
/*PAG HOME - SECTION PRODUTOS*/
.section-produto-home{
    padding-bottom: 40px;
}

.section-produto-home h1{
    font-family: "LatoHeavy";
    font-weight: 900;
    font-size: 35px;  
    color: var(--main-color);
}

.section-produto-home p{
    font-size: 18px;    
    color: var(--light-gray);
}

.section-produto-home .line-titulo{
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}

.section-produto-home .content{
    display: flex;
    flex-wrap: wrap;
}

.section-produto-home .item{    
    display: flex;
    align-items: center;
    width: 420px;
    height: 139px;
    background-color: var(--main-color);
    border-radius: 15px;
    padding: 20px;
    margin-right: 1%;
    margin-bottom: 1%;
}






.section-produto-home .itemlink {
    transition: transform 0.3s ease, box-shadow 0.3s ease;    
}

.section-produto-home .item:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);    
}

.section-produto-home .itemlink:hover .titulo {
    color: #fff; 
    transition: color 0.3s ease;
}

/* .section-produto-home .itemlink img {
    transition: filter 0.3s ease;
} */

.section-produto-home .itemlink:hover img {
    filter: brightness(0) invert(1);
}























.section-produto-home .itemlink{
    margin-right: 1%;
    margin-bottom: 1%;
}

.section-produto-home .itemlink:nth-child(3n) {
    margin-right: 0;
  }

.section-produto-home .item .box-img{ 
    width: 210px;
}

.section-produto-home .item .box-titulo{ 
    width: 100%;
    text-align: center;
}


.section-produto-home .item .titulo{ 
    font-family: "LatoHeavy";
    font-weight: 900;
    color: var(--warm-yellow);
    font-size: 25px;
}

.section-produto-home .item:nth-child(3n) {   
    margin-right: 0;
}

.section-produto-home .item:nth-child(3n+1) {
    margin-left: 0;
}

@media (max-width: 768px) {

    .section-produto-home .content {
        justify-content: center;
    }

    .section-produto-home .item {
        margin-right: 0;
        margin-bottom: 5%;
    }

    .section-produto-home .item .box-img {
        width: auto;
    }
}


/*--------------------------------------------------------------------------------*/
/*PAG HOME - SECTION REVENDAS*/
.section-revenda-home{    
    /* background-image: url('../img/home/background-revenda.jpg'); */
    background-size: cover; /* Faz com que a imagem cubra toda a área da div */
    background-position: center; /* Centraliza a imagem */
    background-repeat: no-repeat; /* Evita que a imagem se repita */
    width: 100%; /* Ajusta a largura */
    height: auto; /* Ajusta a altura conforme necessário */
    
    /* padding-bottom: 160px; */
    padding-bottom: 250px;
    position: relative;
}


/* Efeito Parallax */
.parallax-section {
    background-image: url('../img/home/background-revenda.jpg');
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    /* height: 100vh; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-revenda-home .line-titulo{
    padding: 40px 0;
    text-align: center;
}

.section-revenda-home .titulo{
    font-family: "LatoHeavy";
    font-weight: 900;
    font-size: 35px;
    color: var(--background-light-gray);
}

.section-revenda-home .subtitulo{
    font-family: "LatoHeavy";
    font-weight: 900;
    font-size: 25px;
    color: var(--warm-yellow);
}

.section-revenda-home .content{
    display: flex;
    /* flex-wrap: wrap; */
}

.section-revenda-home .item{
    width: 330px;
    height: 345px;
    border-radius: 15px;
    border: 1px solid #FEC351;
    margin-right: 1%;
    padding: 20px 13px;
    text-align: center;
}




.section-revenda-home .item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;    
}

.section-revenda-home .item:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    border: 1px solid #fff;
}

.section-revenda-home .item:hover .titulo {
    color: #FEC351; /* Verde */
    transition: color 0.3s ease;
}

.section-revenda-home .item:hover .text {
    color: #FEC351; /* Verde */
    transition: color 0.3s ease;
}

/* .section-revenda-home .item img {
    transition: filter 0.3s ease;
} */

.section-revenda-home .item:hover img {
    filter: brightness(0) invert(1);
}





.section-revenda-home .item .titulo{
    font-family: "LatoHeavy";
    font-weight: 900;
    color: var(--white);
    font-size: 20px;
    margin: 10px 0;
}

.section-revenda-home .item .text{
    color: var(--white);
    font-size: 18px;    
}

.section-revenda-home .formrevendahome .box_aceitar{
    display: flex;
    justify-content: space-between;
}

.section-revenda-home .formrevendahome .contato-input-check{
    width: 50%;
}

.background-pag{
    background-color: var(--background-light-gray);
    /* height: 180px; */
    height: 280px;
}

.form-container {
    /* max-width: 1035px; */
    max-width: 890px;
    background-color: #FEC351;
    border-radius: 10px;
    padding: 20px;

    position: absolute;
    top: 98%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.form-container h4{
    font-size: 30px;
    font-weight: 700;
}

.form-container p{
    font-size: 20px;
} 

.form-container h4{
    color: var(--white);
    font-family: "LatoHeavy";
    font-weight: 900;
}

.form-container p {
    color: var(--white);
    font-size: 21px;
}

.custom-input {
    background-color: #FEC351;
    border: 1px solid var(--white);
    color: var(--white);
    border-radius: 10px;
    padding: 10px;
}

.custom-input::placeholder {
    color: var(--white);
    opacity: 0.8; /* Ajusta a opacidade do texto placeholder, se necessário */
}

.custom-button {
    background-color: #EE7E07;
    color: var(--white);
    border: none;
    border-radius: 10px;
    width: 100%;
    padding: 10px;
    font-size: 19px;
}

.custom-button:hover {
    background-color: #D96E06;
    cursor: pointer;
    color: var(--white);
}




.formrevendahome .box_aceitar .msgaceitar {
    color: #fff;
    margin-bottom: 5px;
  }


.formrevendahome input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 15px;
    height: 15px;
    border: 2px solid white;    
    background-color: #FEC351;    
    border-radius: 5px; /* Adiciona o radius para bordas arredondadas */
    cursor: pointer;
    display: inline-block;
    position: relative;
  }
  
  /* Estiliza o checkbox quando está marcado */
  .formrevendahome input[type="checkbox"]:checked {
    background-color: #EE7E07; /* Cor de fundo ao ser marcado */
    border: 2px solid white; /* Mantém a borda branca */
  }
  

  .formrevendahome input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    top: 1px;
    left: 4px;
    transform: rotate(45deg);
  }




@media (max-width: 768px) {
    .section-revenda-home .content {        
        flex-wrap: wrap;
    }
    .section-revenda-home .item {
        margin-right: 5%;
        margin-bottom: 5%;
    }

    .section-revenda-home .item:nth-child(2n) {
        margin-right: 0;
    }

    .section-revenda-home .item:nth-child(2n+1) {
        margin-left: 0;
    }    
}

@media (max-width: 767px) {
    .section-revenda-home .item {
        width: 250px;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    .form-container {
        max-width: none;
        width: 100%;
        top: 109%;
        transform: none;
    }

    .form-container .custom-input {
        margin-bottom: 15px;
    }

    .form-container .row, .mb{
        margin-bottom: 0!important;
        margin-bottom: 15px!important;
    }

    .section-revenda-home .content {    
        flex-wrap: wrap;
    }
}

@media (max-width: 539px) {
    .section-revenda-home .item {
        width: 100%;
        margin-right: 0;        
        margin-left: 0;        
    }

    .form-container {
        max-width: 1035px;
        max-width: 890px;
        background-color: #FEC351;
        border-radius: 10px;
        padding: 20px;
        position: unset;        
    }
}

.historia__descricao__pag {
    color: var(--light-gray);
    font-size: 18px;
    font-family: 'Lato', sans-serif;
}

.historia__descricao__pag a{
    color: var(--light-gray);
}

/*--------------------------------------------------------------------------------*/
/*PAG PRODUTO*/
/*--------------------------------------------------------------------------------*/
.section-banner-unique {
    position: relative;
    /* margin-top: 80px; Ajuste conforme o menu */
    width: 100%;
    /* height: 400px; Ajuste conforme necessário */
  }
  
  .section-banner-unique .banner-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .section-banner-unique .banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Máscara */
    z-index: 1;
  }
  
  .section-banner-unique .container {
    position: relative;
    height: 100%; /* Garante que o container ocupe toda a altura do banner */
    display: flex;
    align-items: center; /* Centraliza verticalmente */
  }
  
  .section-banner-unique .text-wrapper {
    max-width: 600px; /* Limita a largura do texto */
    color: white;
  }
  
  .section-banner-unique .banner-title {
    font-size: 2rem;
    margin-bottom: 10px;
  }
  
  .section-banner-unique .banner-subtitle {
    font-size: 1.2rem;
  }
  


/**/
.section-produto{
    margin: 40px 0;
}
.section-produto .container{
    display: flex;
}

.section-produto .produto-menu{
    width: 17%;
}

.produto-menu .menu{
    background-color: var(--main-color);    
    padding: 30px 10px;
    border-radius: 20px;

    display: flex;
    flex-direction: column;
}

.produto-menu .menu .item{
    color: var(--white);
    font-size: 18px;
}

/* .produto-menu .menu .item {
    transition: transform 0.3s ease, filter 0.3s ease;
    transition: box-shadow 0.3s ease;
}

.produto-menu .menu .item:hover{
    transform: scale(1.1);
    filter: brightness(1.2);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3); * Adiciona sombra *
} */

/*=============================================================*/

.produto-menu .menu .item {  
    display: flex;
    align-items: center; 
    position: relative;    
    text-align: center;
    border-radius: 8px;
    padding: 5px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    color: var(--white);
    font-size: 18px;
}

.produto-menu .menu .img-container {
    position: relative;
    display: inline-block;
    margin-right: 5%;
}

.produto-menu .menu .img-normal,
.produto-menu .menu .img-hover {
    width: 100%;
    max-width: 100px;
    transition: opacity 0.3s ease;
}

.produto-menu .menu .img-hover {
    display: none; /* Esconde a imagem de hover inicialmente */
}

.produto-menu .menu .item:hover .img-normal {
    display: none; /* Esconde a imagem normal ao passar o mouse */
}

.produto-menu .menu .item:hover .img-hover {
    display: block; /* Exibe a imagem de hover ao passar o mouse */
}

.produto-menu .menu .item-titulo-menu {
    font-family: "FuturaNormal";
    font-size: 22px;    
    color: var(--white);    
    transition: transform 0.3s ease;
}

.produto-menu .menu .item:hover .item-titulo-menu {
    /* Efeito de zoom no título ao passar o mouse */    
    /* transform: scale(1.1);  */
    color: #F8FF5F; 
}

.produto-menu .menu .item:hover {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.3);
    /* Efeito de zoom no item */
    /* transform: scale(1.05);  */
    color: #F8FF5F; 
    cursor: pointer;
}

/*====================================================*/
/* Contêiner do Combobox */
.combo-container {
    width: 100%;
    /* max-width: 300px; */
    margin: 0 auto;
    position: relative;
}

/* Estilo do Dropdown */
.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
}

/* Estilo do select */
.product-select {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    background-color: var(--main-color);  /* Cor de fundo do menu */
    color: white;  /* Cor do texto */
    border-radius: 8px;
    border: 1px solid #ccc;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    position: relative;
}

/* Seta no select */
.product-select::-ms-expand {
    display: none;
}

/* Seta que indica a lista */
.arrow {
    font-size: 18px;
    color: white;  /* Cor da seta */
    position: absolute;
    right: 10px;
    top: 12px;
    pointer-events: none;  /* Não interfere no clique */
}

/* Estilo das opções */
.product-select option {
    display: flex;
    align-items: center;
    padding-left: 40px; /* Espaço para as imagens */
}

/* Imagem ao lado do título */
.option-img {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 10px; /* Espaço entre a imagem e o texto */
}

/* Exibição de imagem dinâmica */
.product-select option[data-img] {
    background-image: url('../img/produto/aves.png'); /* Imagem padrão */
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px; /* Espaço para a imagem */
}




/*==========================================*/

/* Estilo base do item */
/* .produto-menu .menu .item {
    position: relative;
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    padding: 10px;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
} */

/* Sombra e transformação do item inteiro ao passar o mouse */
/* .produto-menu .menu .item:hover {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.3); 
    transform: scale(1.05); 
} */

/* Estilo da imagem */
/* .produto-menu .menu .item img {
    width: 100%;
    max-width: 100px; 
    transition: transform 0.3s ease, filter 0.3s ease; 
} */

/* Troca de imagem ao passar o mouse no item */
/* .produto-menu .menu .item:hover img {
    content: url('../img/produto/aves-hover.png'); 
    transform: scale(1.1); 
    filter: brightness(1.2); 
} */

/* Estilo do texto */
/* .produto-menu .menu .item-titulo-menu {
    font-size: 16px;
    color: #333;
    transition: transform 0.3s ease, color 0.3s ease;
} */

/* Zoom no texto ao passar o mouse no item */
/* .produto-menu .menu .item:hover .item-titulo-menu {
    transform: scale(1.1); 
    color: #F8FF5F; 
} */


/*==========================================*/


.section-produto .produto-list-content{
    width: 82%;
    margin-left: 1%;
}

.produto-list{
    display: flex;
    flex-wrap: wrap;
    gap: 1%; /* Substitui margens entre elementos */
    align-items: stretch; 
}

.produto-list .produto-wrapper {
    display: flex;
    width: 24%;
    /* margin-left: 1%;
    margin-bottom: 1%; */
    margin: 0;
    margin-bottom: 1%;
}

.produto-list .produto-item {
    width: 24%;
    border: 1px solid #D4D6D4;
    border-radius: 20px;
    background-color: var(--white);
    padding: 30px 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra para destaque */
    margin: 0; /* Remove margem duplicada */
    /* height: 100%; */
    align-items: center;
    margin-bottom: 1%;
}

.produto-list .produto-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
    border-radius: 10px;
  }

  .produto-list .img-container:hover{
    transform: translateY(-5px); /* Efeito de elevação ao hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.produto-list .img-container img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease, filter 0.3s ease;
}

.produto-list .img-container:hover img {
    transform: scale(1.1); /* Zoom leve na imagem */
    filter: brightness(0.7); /* Escurece levemente a imagem */
}

.produto-list .img-container .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Overlay escuro */
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
    border-radius: 10px;
}

.produto-list .img-container:hover .overlay {
    opacity: 1; /* Exibe o overlay */
    color: white;    
}

.produto-list .img-container .overlay i {
    font-size: 2rem;
    color: white;
}

.produto-list-content .produto-list .boximg{
    width: 100%; /* A largura do contêiner */
    height: 270px; /* Altura fixa para o contêiner */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.produto-list-content .produto-list .boximg img{
    max-width: 100%; /* Garante que a imagem não ultrapasse a largura do contêiner */
    max-height: 100%; /* Garante que a imagem não ultrapasse a altura do contêiner */
    object-fit: contain; /* Mantém as proporções da imagem */
}


/* .produto-list .produto-wrapper{
    display: flex;
    width: 24%;    
    margin-left: 1%;
    margin-bottom: 1%;
}

.produto-list .produto-item{
    width: 100%;    
    border: 1px solid #D4D6D4;
    border-radius: 20px;
    background-color: var(--white);
    padding: 40px 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 1%;
    margin-bottom: 1%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 
} */


.produto-list-content .titulo-categoria{    
    font-family: "LatoHeavy";
    font-weight: 900;
    font-size: 30px;    
    color: var(--main-color);
    margin-left: 1%;
    margin-bottom: 2%;
}

.produto-list-content .titulo-subcategoria {
    font-family: "LatoHeavy";
    font-weight: 900;
    font-size: 20px;
    color: var(--main-color);
    margin-left: 1%;
    margin-bottom: 2%;
  }

.produto-list .box{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    
    justify-content: space-around;
    height: 150px;
    margin-top: 10%;
}


.produto-list .titulo{
    font-family: 'CenturyGothicBold', sans-serif;
    font-weight: bold;
    width: 80%;
    color: var(--seconday-color);
    /* font-size: 20px;     */
    font-size: 18px;    

}

.produto-list .cod{    
    font-family: 'CenturyGothicRegular', sans-serif;
    font-weight: 400;
    color: var(--seconday-color);
    font-size: 16px;
}

.produto-list .btn-det{
    font-family: 'CenturyGothicBold', sans-serif;
    font-weight: bold;
    color: var(--main-color);
    font-size: 17px;    
}

@media (max-width: 1024px) {
    .section-produto .produto-list-content {
        width: 100%;
    }

    .produto-list .titulo {
        width: 100%;     
    }
}

@media (max-width: 767px) {
    .produto-list .produto-item {
        width: 49%;
        /* margin-left: 2%;
        margin-bottom: 2%; */
    }

    .produto-list .titulo {     
        font-size: 18px;
    }

    .produto-list .btn-det {
        font-size: 16px;
    }

    .pc {
        display: none!important;
      }
    
    .mob{
        display: block!important;
    }

    .navbar-toggler:focus {
        box-shadow: none !important;
    }
}



/*--------------------------------------------------------------------------------*/
/*PAG PRODUTO DETALHES*/
/*--------------------------------------------------------------------------------*/
/*banner*/
.banner-pag-det .banner-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.banner-pag-det .banner {
    background-color: #EA4C4B;
    display: flex;
    align-items: center;
    position: relative;
    padding: 20px 0;
    box-sizing: border-box;
    z-index: 1;
}

.banner-pag-det .banner img {
    /* width: 200px; */
    width: 270px;
    height: auto;
    margin-right: 20px;
    z-index: 2;
    position: relative;
}

.banner-pag-det .product-details {
    display: flex;
    /* flex-direction: column; */
    /* align-items: flex-start; */
    align-items: center;
    color: white;
    /* font-size: 16px; */

    font-size: 25px;
    font-weight: bold;
    z-index: 2;
}

.banner-pag-det .product-info {
    /* margin-bottom: 10px; */
    margin-left: 22%;
    width: 100%;
}

.banner-pag-det .code-circle {
    background-color: #FFD700; /* Amarelo */
    color: #EA4C4B; /* Vermelho */
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
}

.banner-pag-det .banner-footer {
    /* background-color: white; */
    --background-light-gray: var(--background-light-gray);
    color: #EA4C4B;
    /* font-size: 18px; */

    font-size: 25px;
    padding: 10px 0;
    text-align: center;
    margin: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    
    font-weight: 700;
}

.banner-pag-det .banner img {
    /* position: absolute; */
    bottom: -40px; /* Parte da imagem invade a div branca */
    left: 20px; /* Controle horizontal da imagem */
}

.banner-pag-det .container {
    max-width: 1170px; /* Bootstrap padrão */
    margin: 0 auto;
    display: flex;
    align-items: center;
}

/* @media (min-width: 768px) {
    .banner-pag-det .banner img {
        width: 300px;
        bottom: -50px;
    }

    .banner-pag-det .product-info {
        font-size: 20px;
    }

    .banner-pag-det .banner-footer {
        font-size: 20px;
        --background-light-gray: var(--background-light-gray);
    }
} */


/**/
.section-det-ingred{
    margin-top: 50px;
}

.section-det-ingred .det-content{
    background-color: var(--main-color);
    border-radius: 30px;
    margin-bottom: 1.5%;
    padding: 30px 10px;
    display: flex;
    align-items: center;
}

.section-det-ingred .det-content .mb-det{
    margin-bottom: 2%;
}

.section-det-ingred .det-content .titulo{
    color: var(--white);
    font-weight: 700;
    font-size: 20px;
}

.section-det-ingred .det-content .det-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
}

.section-det-ingred .det-content .text{
    color: var(--white);
    font-size: 20px;    
}

.section-det-ingred .det-container{
    width: 100%;
}

.section-det-niveis-garant .det-content{
    background-color: var(--main-color);
    border-radius: 30px;
    margin-bottom: 1.5%;    
    padding: 30px 30px 40px 5px;
    display: flex;
    align-items: center;
}

.section-det-niveis-garant .det-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
}

.section-det-niveis-garant .det-content .titulo{
    color: var(--white);
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
}

.section-det-niveis-garant .det-container{
    width: 100%;
}

.section-det-modo-usar .det-content{
    background-color: var(--main-color);
    border-radius: 30px;
    margin-bottom: 1.5%;
    padding: 30px 10px;
    display: flex;
    align-items: center;
}

.section-det-modo-usar .det-content .titulo{
    color: var(--white);
    font-weight: 700;
    font-size: 20px;    
    margin-top: 10px;
}

.section-det-modo-usar .det-content .text{
    color: var(--white);
    font-size: 20px;    
}

.section-det-modo-usar .det-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
}

.section-det-modo-usar .det-icon-dow{    
    width: 222px;
    display: flex;    
    align-items: center;
}

.section-det-modo-usar .det-container{
    width: 100%;
}

.section-det-modo-usar .det-img-down{
    color: var(--white);    
    font-family: 'Lato', sans-serif; 
    font-weight: 700;
    margin-left: 10%;

    width: 95px;
    margin-right: 40px;
}


.section-det-modo-usar .det-link-down{
    display: flex;
    align-items: center;
}

.custom-table {
    width: 100%;
    border-collapse: collapse;
    background-color: #EA4C4B; /* Fundo geral */
}

.custom-table2 tr:nth-child(odd) {
    background-color: #EE6F6F; /* Cor do zebrado ímpar */
}

.custom-table td {
    padding: 2px 15px;
    color: #FFFFFF; /* Texto em branco */
}
/* .custom-table tr:nth-child(odd) {
    background-color: #EE6F6F; 
} */
.custom-table tr:nth-child(even) {
    background-color: #EA4C4B; /* Cor do zebrado par */
}
.column-divider {
    background-color: #EA4C4B;
    width: 10px; /* Ajuste a largura conforme desejado */
}

.section-det-vejatbm{
    padding-top: 50px;
    padding-bottom: 50px;
}


.section-det-vejatbm .det-titulo{
    color: var(--main-color);
    font-size: 30px;
    font-weight: 700;
}

.section-det-vejatbm .det-itens{
    display: flex;
    flex-wrap: wrap;
    width: 80%;
}

.section-det-vejatbm .det-vejatbm-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.section-det-vejatbm .det-itens .item{
    width: 24%;
    border: 1px solid #D4D6D4;
    border-radius: 20px;
    background-color: var(--white);
    padding: 40px 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 1%;
    margin-bottom: 1%;
    
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Opcional: Leve sombra */


    position: relative;
    overflow: hidden;
    /* text-align: center; */
    /* border-radius: 10px; */
    transition: transform 0.3s ease;
    /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */


}

.section-det-vejatbm .det-itens .item:hover{
    transform: translateY(-5px); /* Efeito de elevação ao hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

/**/
.section-det-vejatbm .det-itens .img-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    
    /* padding: 20px 15px; */
    padding: 0 25px 13px;
}

.section-det-vejatbm .det-itens .img-container img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease, filter 0.3s ease;
}

.section-det-vejatbm .det-itens .img-container:hover img {
    transform: scale(1.1); /* Zoom leve na imagem */
    filter: brightness(0.7); /* Escurece levemente a imagem */
}

.section-det-vejatbm .det-itens .img-container .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Overlay escuro */
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
    border-radius: 10px;
}

.section-det-vejatbm .det-itens .img-container:hover .overlay {
    opacity: 1; /* Exibe o overlay */
    color: white;    
}

.section-det-vejatbm .det-itens .img-container .overlay i {
    font-size: 2rem;
    color: white;
}

/* .section-det-vejatbm .det-itens .titulo, .cod, .btn-det {
    margin: 10px 0;
} */

.section-det-vejatbm .det-itens .btn-det {
    color: var(--main-color);
    cursor: pointer;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.section-det-vejatbm .det-itens .btn-det:hover {
    color: var(--hover-color); /* Cor de destaque ao hover */
}




.section-det-vejatbm .det-itens .item .titulo{    
    text-align: center;
    color: var(--seconday-color);
    font-size: 18px;
    font-weight: 700;
}

.section-det-vejatbm .det-itens .item .titulo:hover{
    color: var(--warm-yellow);
}

.section-det-vejatbm .det-itens .item .cod {
    position: absolute; /* Para posicionar em relação ao container */
    top: 10px; /* Ajuste a distância do topo */
    right: 10px; /* Ajuste a distância da direita */
    color: var(--white);
    background-color: var(--main-color);
    font-size: 16px;
    width: 40px; /* Define a largura do círculo */
    height: 40px; /* Define a altura do círculo (igual à largura) */
    display: flex; /* Para centralizar o texto no círculo */
    align-items: center; /* Alinhamento vertical */
    justify-content: center; /* Alinhamento horizontal */
    border-radius: 50%; /* Faz o elemento ficar circular */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Opcional: para dar profundidade */
}

.section-det-vejatbm .det-itens .item .btn-det {
    color: var(--main-color);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.section-det-vejatbm .det-itens .item .btn-det:hover {
    color: var(--warm-yellow); /* Cor ao passar o mouse */
}






/**/
.section-det-conheca-prod {
    padding: 20px;
    background-color: #f9f9f9;
    text-align: center;
}

.section-det-conheca-prod .titulo {
    font-size: 24px;    
    color: var(--white);
    margin-bottom: 50px;    
    margin-top: 60px;
    font-weight: 700;
}

.det-conheca-prod-content {
    display: flex;
    justify-content: center;
    /* gap: 20px; */
    /* flex-wrap: wrap; */
    justify-content: space-between;
}

.section-det-conheca-prod .det-item {
    background-color: var(--main-color);
    position: relative;
    /* width: 100px; */
    /* width: 120px; */
    width: 138px;
    cursor: pointer;
    text-align: center;
    transition: transform 0.3s ease;
    border-radius: 10px;
}

/* .section-det-conheca-prod .det-item:hover {
    transform: scale(1.05);    
} */

.section-det-conheca-prod .img-container {
    position: relative;
    width: 100%;
    height: 90px;
    /* height: 100px; */
    overflow: hidden;    
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.section-det-conheca-prod .img-container img {
    position: absolute;
    /* top: 0;
    left: 0;
    width: 100%;
    height: 100%; */
    object-fit: cover;
    transition: opacity 0.3s ease;
}









.section-det-conheca-prod .img-hover {
    opacity: 0;
}

.section-det-conheca-prod .det-item:hover .img-hover {
    opacity: 1;
}

.section-det-conheca-prod .det-item:hover .img-normal {
    opacity: 0;
}

.section-det-conheca-prod .item-titulo-menu {
    /* margin-top: 10px;     */
    color: white;
    /* padding: 5px 10px;     */
    padding: 0px 10px 20px;
    font-size: 14px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.section-det-conheca-prod .det-item:hover .item-titulo-menu {    
    color: #F8FF5F;
}

.section-det-conheca-prod .det-container-btn{
    display: flex;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

.section-det-conheca-prod .btn-det-ver{
    font-size: 15px;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 15px;
    color: var(--white);
    background-color: var(--main-color);
    width: 250px;
    transition: background-color 0.3s ease;
}

.section-det-conheca-prod .btn-det-ver:hover {
    background-color: #F8FF5F; /* Amarelo claro para destaque */
    color: var(--main-color); /* Texto com a cor principal para contraste */
}

/*banner*/
.bannerprod_det .container_banner{
    display: flex;
    align-items: center;
}

.bannerprod_det .cod{
    width: 100px; /* Largura */
    height: 100px; /* Altura (igual à largura para formar o círculo) */
    background-color: var(--bright-yellow); /* Cor de fundo */
    color: var(--main-color);
    border-radius: 50%; /* Torna a forma redonda */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white; /* Cor do texto */
    font-family: Arial, sans-serif;
    font-weight: bold;
}

/*--------------------------------------------------------------------------------*/
/*PAG ONDE ENCONTRAR*/
/*--------------------------------------------------------------------------------*/
.section-onde-encontrar{
    background-color: var(--main-color);    
    padding: 40px 0;
}

.section-onde-encontrar .titulo{
    color: var(--white);
    font-weight: 700;
    font-size: 35px;
    text-align: center;   
    padding: 0 0 40px 0; 
}

.onde-encontrar-box{
    display: flex;   
    align-items: center;
    justify-content: center; 
    padding: 0 0 40px 0; 
}

.onde-encontrar-box .text{
    width: 40%;
    color: var(--white);
    font-weight: 700;
    font-size: 30px;
    text-align: center;
}

.onde-encontrar-box .whatssapp{
    width: 50%;    
}

.onde-encontrar-box .txt-whats{
    color: var(--warm-yellow);
    font-size: 20px;
}

.onde-encontrar-box .txt-fone{
    color: var(--white);
    font-size: 20px;
}

.onde-encontrar-box  .onde-encontrar-inf{
    display: flex;
    justify-content: center;    
    width: 35%;
    border: 1px solid var(--warm-yellow);
    border-radius: 15px;
    padding: 40px 30px;    
}

.section-onde-encontrar .form-box{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-onde-encontrar .onde-encontrar-form{
    width: 78%;
}

.onde-encontrar-txt{
    display: flex;
    justify-content: center;
}

.onde-encontrar-txt .text{
    width: 70%;
    color: var(--warm-yellow);
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    padding: 0 0 40px 0; 
}

.onde-encontrar-inf .onde-encontrar-img{
    margin-right: 5%;
}

.onde-encontrar-form label{
    color: var(--white);
    font-size: 18px;    
}

.onde-encontrar-form .form-control {
    background-color: var(--main-color);
    border: 1px solid var(--warm-yellow);
}

.onde-encontrar-form .msgaceitar, a{
    font-size: 15px;
    color: var(--white);
    text-decoration: none;
}

.onde-encontrar-form .contato-input-check input{
    border: 1px solid var(--white);
    background-color: var(--main-color);
}


/* Oculta o checkbox padrão e define tamanho, borda, fundo e arredondamento */
.onde-encontrar-form input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 15px;
    height: 15px;
    border: 2px solid white;
    background-color: #EA4C4B;
    border-radius: 5px; /* Adiciona o radius para bordas arredondadas */
    cursor: pointer;
    display: inline-block;
    position: relative;
  }
  
  /* Estiliza o checkbox quando está marcado */
  .onde-encontrar-form input[type="checkbox"]:checked {
    background-color: #EA4C4B; /* Cor de fundo ao ser marcado */
    border: 2px solid white; /* Mantém a borda branca */
  }
  




  /* Adiciona um "X" quando o checkbox está marcado */
  /* .onde-encontrar-form input[type="checkbox"]:checked::after {
    content: "";
    color: white;
    font-weight: bold;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  } */

  .onde-encontrar-form input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    top: 1px;
    left: 4px;
    transform: rotate(45deg);
  }




  
  .onde-encontrar-form .box_aceitar{
      display: flex;
      justify-content: space-between;
      margin-top: 30px;
  }

  .onde-encontrar-form .contato-input-check {
    width: 60%;
  }

  .onde-encontrar-form .btn-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
  }

  .onde-encontrar-form .btn-custom {
    background-color: rgb(229, 76, 73);
    border: 1px solid var(--warm-yellow);
    color: rgb(255, 255, 255);
    border-radius: 10px;
    font-size: 19px;
    width: 140px;
  }

  .onde-encontrar-form .form-input {    
    margin-bottom: 20px;
    height: 45px;
    border-radius: 10px;
    color: var(--white);
  }

  .onde-encontrar-form .form-area{
    color: var(--white);
  }

  
/*--------------------------------------------------------------------------------*/
/*PAG REPRESENTANTE*/
/*--------------------------------------------------------------------------------*/
.section-representante{
    background-color: var(--main-color);    
    padding: 40px 0;
}

.section-representante .titulo{
    color: var(--white);
    font-weight: 700;
    font-size: 35px;
    text-align: center;   
    padding: 0 0 40px 0; 
}

.representante-box{
    display: flex;   
    align-items: center;
    justify-content: space-between;
    padding: 0 0 40px 0; 
}

.representante-box .text{
    width: 40%;
    color: var(--white);
    font-weight: 700;
    font-size: 30px;
    text-align: center;
}

.representante-box .whatssapp{
    width: 50%;    
}

.representante-box .txt-whats{
    color: var(--warm-yellow);
    font-size: 20px;
}

.representante-box .txt-fone{
    color: var(--white);
    font-size: 20px;
}

.representante-box  .representante-inf{
    display: flex;
    justify-content: center;    
    width: 31.5%;
    border: 1px solid var(--warm-yellow);
    border-radius: 15px;
    padding: 40px 30px;    
}

.section-representante .form-box{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-representante .representante-form{
    width: 78%;
}

.representante-txt{
    display: flex;
    justify-content: center;
}

.representante-txt .text{
    width: 70%;
    color: var(--warm-yellow);
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    padding: 0 0 40px 0; 
}

.representante-inf .representante-img{
    margin-right: 5%;
}

.representante-form label{
    color: var(--white);
    font-size: 18px;    
}

.representante-form .form-control {
    background-color: var(--main-color);
    border: 1px solid var(--warm-yellow);
}

.section-revenda-home-mob .form-control{
    background-color: var(--warm-yellow);
    border: 1px solid var(--white);
}

.representante-form .msgaceitar, a{
    font-size: 15px;
    color: var(--white);
    text-decoration: none;
}

.representante-form .contato-input-check input{
    border: 1px solid var(--white);
    background-color: var(--main-color);
}


/* Oculta o checkbox padrão e define tamanho, borda, fundo e arredondamento */
.representante-form input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 15px;
    height: 15px;
    border: 2px solid white;
    background-color: #EA4C4B;    
    border-radius: 5px; /* Adiciona o radius para bordas arredondadas */
    cursor: pointer;
    display: inline-block;
    position: relative;
  }
  
  /* Estiliza o checkbox quando está marcado */
  .representante-form input[type="checkbox"]:checked {
    background-color: #EA4C4B; /* Cor de fundo ao ser marcado */
    border: 2px solid white; /* Mantém a borda branca */
  }
  

  .representante-form input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    top: 1px;
    left: 4px;
    transform: rotate(45deg);
  }

  
  .representante-form .box_aceitar{
      display: flex;
      justify-content: space-between;
      margin-top: 30px;
  }

  .representante-form .contato-input-check {
    width: 60%;
  }

  .representante-form .btn-container {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
  }

  .representante-form .btn-custom {
    background-color: rgb(229, 76, 73);
    border: 1px solid var(--warm-yellow);
    color: rgb(255, 255, 255);
    border-radius: 10px;
    font-size: 19px;
    width: 140px;
  }

  .representante-form .form-input {    
    margin-bottom: 20px;
    height: 45px;
    border-radius: 10px;
    color: var(--white);
  }

  .representante-form .form-input::placeholder {
    color: white; /* Define a cor do placeholder */
    opacity: 1; /* Opcional: garante que o placeholder fique bem visível */
  }

  .representante-form .form-check-input:checked {
    background-color: var(--main-color); /* Cor de fundo quando selecionado */
    border-color: #fff;       /* Cor da borda */
  }
  
  

/*--------------------------------------------------------------------------------*/
/*PAG TRABALHE CONOSCO*/
/*--------------------------------------------------------------------------------*/
.section-trabalhe-conosco{
    background-color: var(--white);
    padding: 40px 0;    
}

.section-trabalhe-conosco .titulo{
    color: var(--light-gray);
    font-size: 25px;
    font-weight: 700;
    text-align: center;
}

.section-trabalhe-form{
    background-color: var(--white);
}

/*FORM TRABALE CONOSCO*/
.section-trabalhe-form .form-label {
    color: #666;
    /* font-size: 20px; */
    font-size: 18px;
    margin-bottom: 0;
}
.section-trabalhe-form .form-input {
    border-color: #E5E5E5;
    margin-bottom: 20px;
    height: 45px;
    border-radius: 10px;
    color: var(--light-gray);
}

.section-trabalhe-form .form-area{
    color: var(--light-gray);
}
.section-trabalhe-form .btn-custom {
    background-color: #E54C49;
    color: #fff;    

    border-radius: 10px;
    font-size: 19px;
    width: 140px;
}
.section-trabalhe-form .btn-custom:hover {
    color: #fff;
    background-color: #c43c3a;
}

.section-trabalhe-form .form-box{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-trabalhe-form .contato-form{
    width: 78%;
}

.section-trabalhe-form .btn-container{
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
}

.section-trabalhe-form .box_aceitar{
    color: var(--light-gray);
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.section-trabalhe-form .contato-input-check{
    width: 60%;
}


.section-trabalhe-form a {
    text-decoration: none;
    color: var(--light-gray);
    font-size: 16px;
}

.section-trabalhe-form .file .file_label {
    /* background-color: #F3F3F3; */
    border-radius: 10px;
    border: 1px solid #D4D6D4 !important;
    color: #999999;
    cursor: pointer;    
    padding: 9px 10px;
    height: 45px;
    font-size: 15px;
}

.section-trabalhe-form label{
    color: var(--light-gray);
}

.section-trabalhe-form #inputArquivo {
    display: none;
}

#curriculo_arq {
    color: #666 !important;
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
    font-size: 17px;
}
  

/*--------------------------------------------------------------------------------*/
/*PAG SOBRE NÓS*/
/*--------------------------------------------------------------------------------*/

.sectionsobrenos{
    margin: 60px 0;
}

.sectionsobrenos .content{
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.sectionsobrenos .boximg img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block; /* Remove espaçamento extra abaixo da imagem */
}

.sectionsobrenos .content .boxtitulo{
    width: 40%;
}

.sectionsobrenos .content .titulo{
    font-family: 'Lato', sans-serif; 
    font-weight: 400;
    color: #EA4C4B;
    font-size: 20px;
    margin-bottom: 20px;
}

.sectionsobrenos .content .subtitulo{
    font-family: "LatoHeavy";
    font-weight: 900;
    color: #EA4C4B;
    font-size: 28px;
}

.sectionsobrenos .boxcontent{
    margin-top: 50px;
    color: var(--light-gray);
    font-size: 19px;
}

.sectionsobrenos .boxcontent .texto{
    font-family: 'Lato', sans-serif; 
    font-weight: 400;
    color: #666666;
    font-size: 20px;
}

.section-sobre .titulo{
    color:#EA4C4B;
    font-family: "LatoHeavy";
    font-size: 37px;
    text-align: center;
    margin-bottom: 20px;
}




.section-sobre{    
    padding: 40px 0;
}

.section-sobre .sobre-content{
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-sobre .sobre-content .titulo{
    color: var(--main-color);
    font-size: 20px;
}

.section-sobre .sobre-content .subtitulo{
    color: var(--main-color);
    font-size: 28px;
    font-family: "LatoHeavy";
    font-weight: 900;
    line-height: 1.3;
}

.section-sobre .sobre-content .text{
    color: var(--light-gray);
    font-size: 20px;
}

.section-sobre .btn-saiba-mais{
    color: var(--white);
    background-color: var(--main-color);
    font-size: 18px;
    border-radius: 15px;
    width: 176px;
    height: 50px;
}

.section-sobre .sobre-item1, .sobre-item2{
    width: 56%;
}

.section-sobre .btn-content{
    width: 100%;
    display: flex;
    justify-content: flex-end;
}








/* Container principal com efeito parallax */
.parallax-container {
    position: relative;
    width: 100%;
    height: 60vh; /* Fullscreen */
    background-image: url('../img/home/background-sobrehome.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Parallax */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Texto central */
.conteudo {
    position: relative;
    color: white;
    font-size: 24px;
    text-align: center;
    z-index: 2;
}

/* Curvas mais visíveis
.curva {
    position: absolute;
    width: 100%;
    height: 200px; /* Aumenta a área curvada *
    background-color: var(--background-light-gray);
}

.curva.top {
    top: 0;
    clip-path: ellipse(80% 90% at 50% 0);
}

.curva.bottom {
    bottom: 0;
    clip-path: ellipse(80% 90% at 50% 100%);
}
 */

/* Curvas mais visíveis e acentuadas */
/* Curvas mais visíveis e acentuadas */
.curva {
    position: absolute;
    width: 100%;
    /* Aumentei a altura para dar mais espaço à curvatura */
    /* height: 250px;  */
    height: 100px;
    background-color: var(--background-light-gray);
    z-index: 1;
}

/* Curva superior */
.curva.top {
    top: 0;
    /* Ajustei os valores para uma curvatura acentuada */
    /* clip-path: ellipse(80% 70% at 50% 0);      */
    clip-path: ellipse(56% 110% at 50% -30%);
}

/* Curva inferior */
.curva.bottom {
    bottom: 0;
    /* Ajustei os valores para a parte inferior */
    /* clip-path: ellipse(80% 70% at 50% 100%);      */
    clip-path: ellipse(56% 110% at 50% 130%);
}









/* 
.parallax-container {
    position: relative;
    width: 100%;
    height: 50vh; /* Tela inteira *
    background-image: url('../img/home/background-revenda.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Parallax *
    display: flex;
    align-items: center;
    justify-content: center;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.curva {
    position: absolute;
    width: 100%;
    height: 100px;    
    background-color: var(--background-light-gray);
    z-index: 2;
}

.curva.top {
    top: 0;
    border-bottom-left-radius: 50% 80px;
    border-bottom-right-radius: 50% 80px;
}

.curva.bottom {
    bottom: 0;
    border-top-left-radius: 50% 80px;
    border-top-right-radius: 50% 80px;
}

.conteudo {
    position: relative;
    color: white;
    font-size: 24px;
    text-align: center;
    z-index: 1;
} */







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

/* Estilo da seção do banner */
.banner-section {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Imagem do Banner */
.banner-image {
    width: 100%;
    height: auto;
    display: block;
}

/* Conteúdo sobreposto ao Banner */
.banner-content {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--white);
    text-align: center;    
    padding: 20px;
    border-radius: 5px; */

    /* position: absolute;
    top: 50%; /* Mantém alinhamento vertical *
    left: 0; /* Alinha à esquerda dentro do container *
    transform: translateY(-50%); /* Centraliza verticalmente *
    color: var(--white);
    text-align: left; /* Alinha o texto à esquerda *
    padding: 20px;
    border-radius: 5px; */
}



/* Estilização dos textos */
.banner-title {
    font-size: 32px;
    margin: 0 0 10px 0;
}

.banner-text {
    font-size: 16px;
}

.section-contato{
    background-color: var(--white);
    padding: 50px 0;
}

.section-contato .content{    
    display: flex;
    justify-content: space-around;
}

.section-contato .content .item{    
    text-align: center;
}

.section-contato .content .info-contato a{
    color: var(--main-color);
}

.section-contato .content .info-contato{
    font-weight: 700;
    font-size: 15px;
    padding: 3px 10px;
    color: var(--main-color);
    border: 2px solid #FAA028;
    border-radius: 15px;
}

.section-contato-formulario{
    background-color: var(--white);
}

.section-contato-formulario .contato-container .titulo{
    text-align: center;
    color: var(--main-color);
    font-size: 30px;
    font-weight: 700;
    padding: 20px 0 40px;
}

.section-contato-formulario .contato-box{
    display: flex;  
    justify-content: center;  
    padding: 0 0 40px; 
}

.section-contato-formulario .contato-box .ativo {
    background: linear-gradient(to right, #FFCC00, #FAA029);
    color: #fff;
    cursor: pointer;
    transition: background 0.3s ease;
  }

.section-contato-formulario .item{
    background-color: var(--main-color);
    color: var(--white);
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 25px 55px 20px;
    width: 244px;
    height: 100px;
    border-radius: 15px;
    margin-right: 1%;
    line-height: 1.2;
}

.section-contato-formulario .item:hover {
    cursor: pointer;
    background-color: #C71F35; /* Tom intermediário entre o vermelho e borda */
    border-color: #A3001A; /* Borda ainda mais escura para o hover */
}

.section-contato-formulario .form-label {
    color: #666;
    font-size: 18px;
    /* font-size: 20px; */
    margin-bottom: 0;
}
.section-contato-formulario .form-input {
    border-color: #E5E5E5;
    margin-bottom: 20px;
    height: 45px;
    border-radius: 10px;
    color: var(--light-gray);
}

.section-contato-formulario .form-area {    
    color: var(--light-gray);
}

.section-contato-formulario .btn-custom {
    background-color: #E54C49;
    color: #fff;    

    border-radius: 10px;
    font-size: 19px;
    width: 140px;
}
.section-contato-formulario .btn-custom:hover {
    color: #fff;
    background-color: #c43c3a;
}

.section-contato-formulario .form-box{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-contato-formulario .contato-form{
    width: 78%;
}

.section-contato-formulario .btn-container{
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
}

.section-contato-endereco{
    background-color: var(--white);
    padding-bottom: 40px;
}

.section-contato-endereco .container{
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.section-contato-endereco .text{
    font-weight: 700;
    font-size: 18px;
    padding: 3px 10px;
    color: var(--main-color);
    border: 2px solid #FAA028;
    border-radius: 15px;
}

.section-contato-formulario .box_aceitar{
    color: var(--light-gray);
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.section-contato-formulario .contato-input-check{
    width: 60%;
}


.section-contato-formulario a {
    text-decoration: none;
    color: var(--light-gray);
    font-size: 16px;
}
  


/*--------------------------------------------------------------------------------*/
/*FOOTER*/
/*--------------------------------------------------------------------------------*/
.whatscontato {
    display: flex;
    flex-direction: row;
    z-index: 9223372036854776000;
}

.whats-right {
    position: fixed;
    /* width: 60px;
    height: 60px;
    bottom: 25px;
    right: 45px; */
    width: 51px;
    height: 51px;
    /* bottom: 75px; */
    bottom: 80px;
    right: 20px;
    color: #fff;
    border-radius: 45px;
    text-align: center;
    /* border: 2px solid #fff; */
    z-index: 99991;
}

.whats .fa-whatsapp::before {
    font-size: xx-large;
    /* top: 11px; */
    top: 10px;
    left: 1px;
    position: relative;
}




/* Estilo para o botão de scroll to top */
.scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #FEC351; /* Cor inicial do círculo */
    color: #fff;
    border-radius: 50%; /* Círculo */
    padding: 15px;
    font-size: 24px; /* Tamanho do ícone */
    display: none;
    cursor: pointer;
    text-align: center; /* Centraliza o ícone */
    transition: background-color 0.3s ease; /* Suaviza a transição da cor */
    width: 50px;
    height: 50px;
}

.scroll-to-top:hover {
    background-color: #EE7E07; /* Cor ao passar o mouse */
}

/* Quando o botão está visível */
.show {
    display: block;
}

/* Centraliza o ícone dentro do círculo */
.scroll-to-top i {
    display: block;
    margin: 0 auto;
}






footer {
    background-color: var(--white);
    padding: 30px 0 20px;
    font-family: Arial, sans-serif;
}

.footer-logo {
    max-width: 150px;
}

.footer-contact {
    display: flex;
    justify-content: space-around;
    width: 80%;
    font-size: 14px;
    color:var(--light-gray);
}

.footer-contact i{
    color: var(--main-color);
}




.footer-contact .phone a, .footer-contact .email a{    
    display: block;
    text-decoration: none;
    font-size: 18px;
    color:var(--light-gray);
}

.footer-social {
    display: flex;
    justify-content: space-between;
    width: 20%;
    gap: 15px;
}

.footer-social .social-icon {
    font-size: 20px;
    color: var(--main-color);
}

.footer-bottom {
    width: 100%;
    text-align: right;    
}

.footer-bottom hr {
    border: 0;
    border-top: 2px solid #CCCCCC;
    margin: 20px 0;
}

.footer-bottom p {
    font-size: 14px;
    color:var(--light-gray);
}

.footer-bottom .privacy-policy {
    color:var(--light-gray);
    text-decoration: none;
}

.footer-bottom .privacy-policy:hover {
    text-decoration: underline;
}

.footer-box{
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    width: 100%;
}


@media (max-width: 768px) {
    .footer-bottom {
        width: 100%;
        text-align: right;
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }
    
    .logo-container {
        justify-content: center;
    }

    .footer-contact {
        width: 100%;
        margin-top: 15px;
    }

    .footer-social {
        justify-content: center;
        margin-top: 30px;
        width: 100%;
    }

    .section-det-conheca-prod{
        width: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }


    
    .section-det-conheca-prod .det-item {
        margin-bottom: 20px;
        width: auto;
    }

    .det-conheca-prod-content {
        flex-wrap: wrap;
    }

    .det-conheca-prod-content a{
        width: 45%;
    }

    .section-det-vejatbm .det-vejatbm-box {
        flex-direction: column;
    }

    .section-det-vejatbm .det-titulo {
        margin-bottom: 20px;
    }

    .section-det-vejatbm .det-itens .item {
        /* width: 100%; */
        width: 49%;
        /* margin-bottom: 20px; */
        margin-bottom: 2%;
        margin-left: 0;
        margin-right: 2%;
    }

    .section-det-vejatbm .det-itens .item:nth-child(2n){
        margin-right: 0;
    }

    .section-det-modo-usar .det-content {        
        flex-direction: column;
        align-items: center;
        padding: 30px 20px;
    }

    .section-det-niveis-garant .det-content {
        flex-direction: column;
        padding: 30px 20px;
        margin-bottom: 30px;
    }

    .section-det-niveis-garant .det-content .titulo {
        margin-top: 20px;
    }

    .section-det-modo-usar .det-container {
        text-align: center;
    }

    .section-det-ingred .det-content {
        flex-direction: column;
        padding: 30px 20px;
        margin-bottom: 30px;
    }

    .section-det-ingred .det-content .titulo {
        margin-top: 20px;
        text-align: center;
    }

    .section-det-niveis-garant .det-container {
        text-align: center;
    }

    .section-det-modo-usar .det-content .titulo {
        margin-top: 20px;
    }

    .banner-pag-det .container {
        flex-direction: column-reverse;
    }

    .banner-pag-det .banner-footer {
        margin-top: 35px;
    }

    .custom-table2{
        width: 298px;
        text-align: left;
    } 
    
    .section-produto-home .item {
        width: 100%;
    }

    .section-produto-home .itemlink {
        width: 100%;
    }

    .section-contato-formulario .contato-box {
        flex-wrap: wrap;
    }

    .section-contato-formulario .item {
        /* margin-bottom: 5%; */
        /* margin-bottom: 2%;
        margin-right: 2%; */
        margin-bottom: 3%;
        margin-right: 3%;
        /* width: 170px; */
        width: 48%;
        font-size: 18px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .section-contato-formulario .item:nth-child(2n) {
        margin-right: 0;
    }

    .section-contato-formulario .contato-form {
        width: 90%;
    }

    .section-contato-formulario .box_aceitar {
        flex-wrap: wrap;
    }

    .section-contato-formulario .contato-input-check {
        width: 100%;
        margin-bottom: 5%;
    }

    .section-contato .content {
        flex-wrap: wrap;
    }

    .section-contato .content .item {
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        width: 100%;
    }

    .section-contato {
        margin-bottom: -35px;
    }

    .section-contato .content .item .icon img{
        width: 115px;
    } 

    .section-contato .content .info-contato {
        width: 100%;
    }

    .section-contato-endereco .container {
        /* flex-wrap: wrap; */
        padding-top: 5%;
    }

    .section-contato-endereco .text {
        margin-top: 8%;
    }

    .section-trabalhe-form .box_aceitar {
        flex-wrap: wrap;
    }

    .section-trabalhe-form .contato-input-check {
        width: 100%;
        margin-bottom: 5%;
    }

    .section-trabalhe-form .contato-form {
        width: 90%;
    }

    .section-trabalhe-form .file .file_label {
        font-size: 12.5px;
    }

    .representante-form .box_aceitar {
        flex-wrap: wrap;
    }

    .representante-form .contato-input-check {
        width: 100%;
        margin-bottom: 5%;
    }

    .section-representante .representante-form {    
        width: 90%;
    }

    .representante-box {
        flex-wrap: wrap;
        justify-content: center;
    }

    .representante-box .representante-inf {
        margin-bottom: 5%;
        /* width: 90%; */
        width: 100%;
    }

    .section-trabalhe-form .form-label {
        font-size: 18px;
    }

    .section-contato-formulario .form-label {
        font-size: 18px;
    }

    .representante-txt .text {
        width: 90%;
    }

    .section-revenda-home {
        padding-bottom: 60px;
    }

    .section-trabalhe-conosco .titulo {
        font-size: 20px;
    }

    .banner-pag-det .banner img {
        width: 270px;
    }

    .banner-pag-det .product-info {
        width: 100%;
        margin-left: 0;
    }

    .banner-pag-det .banner img {
        left: 0;
        margin-right: 0;
    }

    .section-det-ingred .det-content .text {
        text-align: left;
    }
    
    .section-det-vejatbm .det-itens {
        width: 100%;
    }

    .section-det-modo-usar .det-content .text {
        text-align: left;
    }

    .sectionsobrenos .content .boxtitulo {
        width: 100%;
        margin-bottom: 50px;
        margin-top: 50px;
    }

    .sectionsobrenos .content {
        flex-direction: column-reverse;
    }

    .section-sobre .sobre-item1, .sobre-item2 {
        width: 100%;
    }

    /* .section-revenda-home-mob .representante-form input[type="checkbox"] {
        background-color: #fff;
    } */


    /* .section-revenda-home-mob .representante-form input[type="checkbox"] {
        appearance: none; /* Remove o estilo padrão *
        width: 20px;
        height: 20px;
        border: 2px solid #000; /* Borda preta *
        background-color: #fff; /* Fundo branco *
        cursor: pointer;
        display: inline-block;
        border-radius: 4px; /* Cantos arredondados *
        transition: background-color 0.3s, border-color 0.3s;
    }
    
    .section-revenda-home-mob .representante-form input[type="checkbox"]:checked {
        background-color: orange; /* Laranja ao clicar *
        border-color: orange;
    } */
    
}

/* iframe {
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
} */


.g-recaptcha iframe {
    width: 304px !important;
    height: 78px !important;
}


/* iframe:not(.g-recaptcha iframe) {
    width: auto !important;
    height: auto !important;
} */