/* @import url(font/font.css?v=atualizar4);

@import url(pagesStyle/header.css?v=atualizar4);
@import url(pagesStyle/menu.css?v=atualizar4);
@import url(pagesStyle/footer.css?v=atualizar4);

@import url(pagesStyle/carrosel.css?v=atualizar4);
@import url(pagesStyle/complemento.css?v=atualizar4);
@import url(pagesStyle/carrinho.css?v=atualizar4);
@import url(pagesStyle/card-item.css?v=atualizar4);
@import url(pagesStyle/produto.css?v=atualizar4);
@import url(pagesStyle/marca.css?v=atualizar4);

@import url(pagesStyle/busca.css?v=atualizar4);
@import url(pagesStyle/ajuste-slick.css?v=atualizar4);
@import url(pagesStyle/banner_segundario.css?v=atualizar4);
@import url(pagesStyle/profissao_carrossel.css?v=atualizar4);
@import url(pagesStyle/banners_duplos.css?v=atualizar4); */

:root{
    /* Cores Primarias */
    --primary               : #103681;
    --primary-transparente: #0c2761a8;
    --secondary             : #0C2761;

    --vermelho               : #FF0000;

    --vermelho12 : #FF1520;
    --vermelho10 : #DD000B;
    --verde-carrinho : #4BA94D;

    --fundo-header         : #000000;

    /* Cores auxiliares */
    --cinza-fundo-diferentes: #f4f4f5;

    --cinza-busca: #F3F3F3;

    --cinza-fundo-select    : #f7f7f7;
    --cinza-letra-topo-lista: #B2B2B2;
    --cinza-letra-select    : #666666;

    --cinza-borda-produto   : #EEEEEE;
    --cinza-borda-slide     : #DCDCDC;
    
    --cinza-seta-breadcrumb :#AAAAAA;

    --cinza-dados-produto   : #777777;

    --cinza-letra-marca-produto: #878787;
    --cinza-letra-footer    : #545454;
    --preto-letra-produto   : #333333;

    /* Cores Default */
    --preto                 : #000000; 
    --preto-menu                : #111111; 
    --branco                : #FFFFFF;
}
.slick-slide {
    min-height: auto !important;
}
.col-3{width: 20%;}

.container{max-width: 1300px;
    &.special{
        
        max-width: 1450px;
    }
}

/* Oculta a barra de ferramentas superior que o Google adiciona */
body {
    top: 0 !important;
}

/* Oculta o widget original e outros elementos do Google */
.goog-te-banner-frame, .skiptranslate {
    display: none !important;
}



.me-4-5{margin-right: 2rem;}

/* Declaração de fontes para utilizar como classe */
.vag{font-family: var(--vag);}
.vogue{font-family: var(--vogue);}

.banner_container{
    height: fit-content;
    &.mobile{
                display: none;
            }
    }

.bg-section{background: var(--cinza-fundo-diferentes);}

/* Declaração de tamanho de fontes */
.f30{font-size: 30px;}
.f23{font-size: 23px;}
.f19{font-size: 19px;}
.f18{font-size: 18px;}
.f15{font-size: 15px;}
.f13{font-size: 13px;}

/* Declaração de cores de letras */
.c_preto{
    color: var(--preto);
}

.c_branco{
    color: var(--branco);
}

.c_vermelho{
    color: var(--vermelho) !important;
}

.img_branco{
    filter: brightness(0) invert(1);
}

.br-mobile {
    display: none;
}

@media (max-width: 767px) {
    .br-mobile {
        display: block;
    }
}

img{
    max-width: 100%;
    display: block;
}

.linha-inferior2 {
  border-bottom: 7px solid #FF1520;
}
.linha-inferior1 {
  border-bottom: 7px solid #DD000B;
}

.bold{font-weight: bold;}

@media screen and (max-width:768px){
    .banner_container{display: none;
        &.mobile{
            display: block;
        }
    }

}