@import url("font/helvetica/stylesheet.css");
/* @import url("font/vogue/stylesheet.css"); */
/* @import url("font/myriadpro/stylesheet.css"); */
/* @import url("font/swis721/stylesheet.css"); */
/* @import url("font/abadi/stylesheet.css"); */
/* @import url("font/akrobat/stylesheet.css"); */
/* @import url("font/amsipro/stylesheet.css"); */
/* @import url("photoswipe.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/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");
@import url("pagesStyle/success.css");
@import url("pagesStyle/edit.css");
@import url("pagesStyle/password.css");
@import url("pagesStyle/address-book.css");
@import url("pagesStyle/address-form.css");
@import url("pagesStyle/shopping-cart.css");
/* @import url("pagesStyle/personalization.css"); */
@import url("pagesStyle/orders.css");
@import url("pagesStyle/whatsapp.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: #0C3227;

    --cor-oestewood: #FFF;
    --gold: #9F793A;

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

}

body {
    font-family: 'HelveticaNeueRoman', sans-serif;
    font-size: 16px;
    overflow-x: hidden;
}

.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;}
.f16{font-size: 16px;}
.f17{font-size: 1.063em;}
.f18{font-size: 1.125em  !important;}
.f19{font-size: 1.188em;}
.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: 1250px !important;
}

.btn.btn-primary{
    /* font-family: 'Swis721 CN BT Roman'; */
    border-color: var(--cor-oestewood);
    background-color: var(--cor-oestewood);
    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);
}

/* --- ESTILO PARA A LINHA DIVISÓRIA --- */
.linha-cinza {
  width: 100%;             /* Ocupa toda a largura disponível */
  height: 1px;              /* A espessura da linha */
  background-color: #e0e0e0; /* Cor cinza clara (ajuste se preferir) */
  margin-top: 25px;         /* Espaço acima da linha */
  margin-bottom: 25px;      /* Espaço abaixo da linha */
}

.linha-cinza2 {
  width: 100%;             /* Ocupa toda a largura disponível */
  height: 1px;              /* A espessura da linha */
  background-color: #e0e0e0; /* Cor cinza clara (ajuste se preferir) */
  margin-top: 5px;         /* Espaço acima da linha */
  margin-bottom: 25px;      /* Espaço abaixo da linha */
}

.rom-sem{
        --bs-gutter-x: 1.5rem;
}

.no-pg{
    padding: 0px !important;
}

.dropdown-toggle::after{
    display: none;
}

.products-carousel {
    height: 432px;
}

.card-product {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 430px;
  max-height: 500px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #DDD;
  transition: box-shadow 0.3s ease;
}
.card-product:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.card-product .container-image img {
  max-width: 300px;
  width: 100%;
}

.card-product[data-percent-off]::before {
    position: absolute;
    content: attr(data-percent-off);
    /* content:"gelatina"; */
    width: 64px;
    height: 24px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.2rem;
    color: #fff;
    background-color: red;
    border-radius: 6px;
    z-index: 5;
    top: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
}

.section-featured::before {
    content: "";
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    height: 48px;
    background-image: url("/catalog/view/theme/base/image/assets/line.png");
    background-repeat: no-repeat;
    z-index: 2;
    opacity: 0.05;
}
.card-featured-product .container-image {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 430px;
    background-color: #FFF;
    border-top-left-radius: 45%;
    border-top-right-radius: 45%;
    transition: box-shadow 0.3s ease;
}
.card-featured-product:hover .container-image {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}

.card-featured-product .container-image img {
    max-width: 300px;
    width: 100%;
}

@media screen and (max-width: 768px) {
    .card-product {
        min-height: 360px;
    }
    .card-featured-product .container-image {
        height: 380px;
    }
    .products-carousel {
        height: 362px;
    }
}