@import url("photoswipe.css");
@import url("fonts.css");
@import url("pagesStyle/header.css");
@import url("pagesStyle/footer.css");
@import url("pagesStyle/menu.css?v=1");
@import url("pagesStyle/cart.css");
@import url("pagesStyle/contact.css");
@import url("pagesStyle/home.css");
@import url("pagesStyle/carousel.css");
@import url("pagesStyle/banner.css");
@import url("pagesStyle/produto.css");
@import url("pagesStyle/item.css");
@import url("pagesStyle/search.css");
@import url("pagesStyle/paginacao.css");
@import url("pagesStyle/slideshow.css");

:root{
    --azul-base         :#001A66;
    --azul-interacao    :#001553;
    
    --amarelo-base      :#FFD24D;
    --amarelo-nav       :#E7B925;

    --marrom            :#91673E;
    --marrom-2          :#A07144;

    --vermelho-detalhe  :#C80835;
    --vermelho-interacao:#E3043A;

    --cinza-input-preco :#E4E4E4;
    --cinza-footer-links:#DDDDDD;
    --cinza-botao       :#EEEEEE;
    --cinza-nav-cat     :#AAAAAA;
    --cinza-fundo       :#f5f5f5;
    --cinza-fundo-p-2   :#E9E9E9;
    --cinza-prod-cat    :#888888;
    --cinza-filtro      :#777777;
    --cinza-seta        :#444444;
    --cinza-preco       :#333333;


    --preto-seta-off    :#171717;
    --preto-detalhe     :#2A2A2A;

    --white             :#FFFFFF;
    --black             :#000000;

}
.row {--bs-gutter-x: 0rem;}
*{
    padding: 0;
    margin: 0;
}
a{text-decoration: none;}
a:hover{text-decoration: none;}
img{
    display: block;
    max-width: 100%;
    width: auto !important;
}

.f13{font-size: 0.813em;}
.f14{font-size: 0.875em;}
.f15{font-size: 0.938em;}
.f17{font-size: 1.063em;}
.f18{font-size: 1.125em  !important;}
.f20{font-size: 1.25em;}
.f23{font-size: 1.438em;}
.f24{font-size:clamp(1.1em ,1.231vw,1.5em);}
.f27{font-size: 1.688em;}
.f28{font-size: 1.75em;}
.f30{font-size: 1.875em;}
.f32{font-size: 2em;    }
.f50{font-size:clamp(3.5rem,2.564vw,6.25rem);}

.c_cinza{color: var(--cinza-prod-cat);}
.c_cinza_2{color: var(--cinza-seta);}
.c_cinza_3{color: var(--cinza-footer-links);}
.c_cinza_filtro{color: var(--cinza-filtro);}
.bold{
    font-weight: bold;
}
.nobold{font-weight: normal;}

.bordas{
   border: 1px solid green;
}
.bordas * *:nth-child(2n+1){
   border:1px solid  blue;
}
.bordas * *{
   border:1px solid  red;
}

.container{
    max-width: 1250px  !important;
}