@import url("photoswipe.css");
@import url("fonts.css");
@import url("pagesStyle/header.css");
@import url("pagesStyle/footer.css");
@import url("pagesStyle/menu.css");
@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");
@import url("pagesStyle/header_institucional.css");
@import url("pagesStyle/institucional.css");
@import url("pagesStyle/hero_banner_institucional.css");
@import url("pagesStyle/services_institucional.css");
@import url("pagesStyle/featured_institucional.css");
@import url("pagesStyle/item_institucional.css");
@import url("pagesStyle/marcas.css");
@import url("pagesStyle/feature_banner.css");
@import url("pagesStyle/parceiro.css");
@import url("pagesStyle/footer_institucional.css");
@import url("pagesStyle/servicos.css");
@import url("pagesStyle/banners_duplos.css");
@import url("pagesStyle/busca_veiculo.css");
@import url("pagesStyle/login.css");
@import url("pagesStyle/register.css");
@import url("pagesStyle/account.css");


:root{

    --titulo_featured_institucional: #04005F; /* Cor do título do carrossel institucional */
    --cor-azul-retifoz: #002D6E; /* Cor principal do logo */
    --azul-botao-retifoz: #040061; /* Cor do botão Retifoz */
    --azul-servicos-retifoz: #03003C; /* Cor dos serviços Retifoz */
    --azul-servicos-fechado-retifoz: #07035C; /* Cor dos serviços Retifoz */
    --cor-texto-menu: #333333;   /* Cor dos links do menu */
    --cor-borda-header: #EAEAEA; /* Cor da linha de borda abaixo do header */
    --titudo-servicos: #5a5a5a;
    --clara-numero: #A7A4FF;
    --preco: #053282;
    --busca-preca: #03003E;
    --preco-produto: #040060;

    --primary           :#FF4D17;
    --secondary         :#000000;


    --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-fundo-3     :#eeeeee;
    --cinza-cat-2       :#999999;
    --cinza-prod-cat    :#888888;
    --cinza-filtro      :#777777;
    --cinza-ref         :#666666;
    --cinza-original-p  :#555555;
    --cinza-seta        :#444444;
    --cinza-preco       :#333333;

    --cinza-bradcrumbs  :#F3F3F3;

    --preto-seta-off    :#171717;
    --preto-detalhe     :#2A2A2A;
    --preto-botao-prod  :#292728;

    --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: 15px !important;}
.f17{font-size: 1.063em;}
.f18{font-size: 1.125em  !important;}
.f20{font-size: 1.25em;}
.f22{font-size: 1.375em;}
.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;    }
.f40{font-size: 40px;    }
.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(--black);
font-weight: 100;}
.c_cinza_card{color: var(--cinza-ref);}
.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: 1300px  !important;
}

.btn.btn-primary{
    font-family: 'Swis721 CN BT Roman';
    border-color: var(--azul-botao-retifoz);
    background-color: var(--azul-botao-retifoz);
    color: var(--white);
    font-size: 1em;
    transition: all 0.3s ease;
}

a:focus{
    outline: none;
}

.form-control{
    font-size: 1em;
}
.form-control:focus{
    outline: 0px;
    box-shadow: none;
    border-color: var(--cinza-original-p);
}

.comgap{
        --bs-gutter-x: 2rem !important;
}