@import url("photoswipe.css");
@import url("fonts.css");
@import url("pagesStyle/header.css");
@import url("pagesStyle/footer.css");
@import url("pagesStyle/cart.css");
@import url("pagesStyle/menu.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");
@import url("pagesStyle/vendedores.css");

:root {
    --azul-base: #001A66;
    --azul-interacao: #001553;
    --azul-footer: #002593;

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

    --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;

}

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

* {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;

}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: none;
    outline-offset: -2px;
}

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

.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;
}

.bordas {
    border: 1px solid green;
}

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

.bordas * * {
    border: 1px solid red;
}

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