/*************************************
GLOBAL
*************************************/
*{
    box-sizing: border-box;
    outline: none;
    padding: 0;
    border: 0;
    margin: 0;
    font-family: 'Inter', sans-serif;
    text-decoration: none;
    transition: .2s all ease-out;
}

._cont{
    max-width:1280px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left:auto;
}

._section-title{
    width: 100%;
    height:56px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 20px;
    color: #000;
    position: relative;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}
._section-title::after{
    content: "";
    position: absolute;
    width: 54px;
    height:4px;
    background-color:#49387E;
    left:50%;
    transform: translateX(-50%);
    top:40px;
}






/*************************************
TOP HEADER
*************************************/
._top-header{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 100%;
    height: 30px; 
    background-color:#49387E;
    color: #fff;
    font-size: 14px;
}






/*************************************
HEADER
*************************************/
._header{
    width: 100%;
    height:auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 90px; 
}

._header__search{
    position: relative;
    width: 25%;
}

._header__logo{
    width: 50%;
    text-align: center;
}

._header__user-area{
    width: 25%;
    text-align: right;
}

._header__search input{
    border-radius: 100px;
    border: 1px solid #49387E;
    padding: 0 40px 0 20px;
    font-size: 15px;
    height: 44px; 
    width: 100%;
}

._header__search i{
    position: absolute;
    right: 15px;
    top:50%;
    transform: translateY(-50%);
    color: #49387E;
    font-size: 1.3em;
}

._menu-header{
    width: 100%;
    height:auto;
    background-color:#EDEDED;
}

._menu-header__ul{
    list-style: none;
    display: flex;
    gap: 30px;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
}

._menu-header__ul a{
    text-decoration: none;
    color: #444;
    font-weight: 300;
    font-size: 15px;
    height: 52px; 
    display: flex;
    align-items: center;
}
._menu-header__ul a:hover{
    color: #49387E;
}

._menu-header ._cta-categories{
    background-color: #49387E;
    padding-right: 15px;
    padding-left: 15px;
}

._menu-header ._cta-categories a{
    color: #fff;
    display: flex;
    gap: 6px;
}

._header__user-area{
    display: flex;
    gap: 28px;
}

._header__user-area i{
    color: #49387E;
    font-size: 1.2em;
}

._header__user-area a{
    font-size: 15px;
    color: #000;
    letter-spacing: 0;
}

._header__user-area ._cart{
    position: relative;
}

._header__user-area ._cart ._qtd{
    position: absolute;
    background-color: #ff0000;
    border-radius: 50%;
    color: #fff;
    width: 18px;
    height:18px;
    display:flex;
    justify-content:center;
    align-items:center;
    top:-10px;
    font-size: 15px;
    right:-10px;
    font-weight: normal;
}

main{
    width: 100%;
    height:auto;
}



  



/*************************************
SECTION HOME SLIDER
*************************************/
._home-slider__item{
    width: 100%;
    height: 568px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

._home-slider__cont{
    width: 1280px;
    max-width:1280px;
    padding:0 30px;
    margin: 0 auto;
}

._home-slider__titulo{
    font-size: 62px;
    color: #fff;
    line-height: 58px;
    margin-bottom: 50px;
}

._home-slider__texto{
    color: #fff;
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 1.2em;
}


._hero-slider .owl-carousel .owl-stage-outer {
    min-height: 220px; 
}
._hero-slider .owl-nav{
    background: transparent;
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
._hero-slider ._seta-esquerda,
._hero-slider ._seta-direita{
    background-color: transparent;
    width: 40px;
    height:40px;
    border-radius: 9999px;
    color: #fff;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5em;
    opacity: .5;
}
._hero-slider ._seta-esquerda{
    left: 40px;
}
._hero-slider ._seta-direita{
    right: 40px;
}



/*************************************
SECTION VITRINE
*************************************/
._section-vitrine{
    background-color: #fff;
    width: 100%;
    height:auto;
    padding:50px 0;
}





/*************************************
SECTION LANCAMENTOS
*************************************/
._section-lancamentos{
    background: linear-gradient(180deg, #EFEFEF 0%, rgba(239, 239, 239, 0) 100%);
    width: 100%;
    height:auto;
    padding:50px 0;
}





/*************************************
SECTION MAIS VENDIDOS
*************************************/
._section-maisvendidos{
    background-color: #fff;
    width: 100%;
    height:auto;
    padding:50px 0;
}





/*************************************
SECTION DEPOIMENTOS
*************************************/
._section-depoimentos{
    background-color: #fff;
    width: 100%;
    height:auto;
    padding:50px 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F1F1F1 100%);
}

._depoimentos-lista{
    width: 100%;
    height:auto;
}

._depoimento-card{
    box-sizing: border-box;
    height:160px;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
    border-radius: 12px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    position: relative;
    margin: 0 15px;
}

._depoimento-card__descricao{
    width: 100%;
    height:80px;
    font-size: 14px;
    color: #666;
    line-height: 21px;
    display: flex;
}

._depoimento-card__autor{
    color: #49387E;
    padding-left: 60px;
    position: absolute;
    bottom: 12px;
}

._depoimento-card__nome{
    font-weight: 700;
    font-size: 18px;
}

._depoimento-card__foto{
    position: absolute;
    bottom: -18px;
    left: -12px;
    width: 80px;
    height:80px;
    z-index: 9999;
}

._depoimento-card__foto img{
    width: 80px;
    height: 80px; 
    border-radius: 50%;
}

._section-depoimentos .owl-carousel .owl-stage-outer {
    min-height: 220px; 
}
._section-depoimentos .owl-nav{
    background: transparent;
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 25%;
}
._section-depoimentos ._seta-esquerda,
._section-depoimentos ._seta-direita{
    background-color: #49387E;
    width: 40px;
    height:40px;
    border-radius: 9999px;
    color: #fff;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}
._section-depoimentos ._seta-esquerda{
    left: -20px;
}
._section-depoimentos ._seta-direita{
    right: -20px;
}



/*************************************
SECTION COMPRAR POR TIPOS
*************************************/
._section-tipo{
    background-color: #ededed;
    width: 100%;
    height:auto;
    padding:50px 0;
}

._types-list__item{
    position: relative;
}

._types-list__item_overlay{
    background: linear-gradient(179.69deg, rgba(0, 0, 0, 0) 57.7%, rgba(0, 0, 0, 0.8) 111.49%);
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
}






/*************************************
SECTION VANTAGENS
*************************************/
._section-vantagens{
    width: 100%;
    height:auto;
    padding:30px 0;
}

._vantagens-lista{
    width: 100%;
    height:auto;
    display:flex;
    justify-content: space-between;
    gap: 40px;
}

._vantagens-lista__item{
    width: 25%;
    height:auto;
    display:flex;
    gap:10px;
    color: #7c7c7c;
    align-items: center;
    font-size: 15px;
}

._vantagens-lista__item i{
    color: #49387E;
    font-size: 1.65em;
}







/*************************************
SECTION BANNERS
*************************************/
._section-banners{
    width: 100%;
    height:auto;
    padding:0 0 50px 0;
}
._banners{
    display: flex;
    flex-direction: row;
    gap: 30px;
    height: auto; 
}

._banners__bloco1{
    display: flex;
    flex-direction: column;
    width: 60%;
    gap: 30px;
}
._banners__bloco1 div:first-child{
    width: 100%;
    display: flex;
}
._banners__bloco1 div:last-child{
    display: flex;
    width: 100%;
    gap: 30px;
    flex-direction: row;
    justify-content: space-between;
}

._banners__bloco2{
    display: flex;
    width: 40%;
    justify-content: flex-end;
}

._banner1{
    height: 320px;
    background: url(../img/banner1.png) no-repeat;
    background-size:cover;
    border-radius: 30px;
    padding: 50px;
}
._banner1 span{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
}

._banner1__texto{
    font-size: 50px;
    font-weight: 900;
    color: #4E3232;
    line-height: 44px;
}

._banner2{
    max-width: 50%;
    height: 320px;
    background: url(../img/banner2.png) no-repeat;
    background-size:cover;
    border-radius: 30px;
    padding: 40px 50px;
}

._banner2 span{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
}

._banner2__texto{
    font-size: 38px;
    font-weight: 900;
    color: #555563;
    line-height: 44px;
    line-height: 36px;
}

._banner3{
    max-width: 50%;
    height: 320px;
    background: url(../img/banner3.png) no-repeat;
    background-size:cover;
    border-radius: 30px;
}

._banner4{
    width: 100%;
    height: 670px;
    background: url(../img/banner4.png) no-repeat;
    background-size:cover;
    border-radius: 30px;
    padding: 50px;
}

._banner4 span{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%; 
}

._banner4__texto{
    font-size: 55px;
    font-weight: 900;
    color: rgb(255, 255, 255, .75);
    line-height: 44px;
    line-height: 50px;
}





/*************************************
FOOTER
*************************************/
footer{
    width: 100%;
    padding: 120px 0;
    height:auto;
    background-color: #49387E;
}

._footer-menu{
    width: 100%;
    height:auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

._footer-menu ul{
    list-style: none;
}

._footer-menu ul li a{
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    line-height: 26px;
}

._footer-menu__widget{
    width: 20%;
}

._footer-menu__widget:last-child{
    width: 25%;
}

._footer-menu__widget:nth-last-child(2){
    width: 25%;
}

._footer-menu__widget ._title{
    margin-bottom: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}

._footer-menu__social{
    display: flex;
    gap: 15px;
    margin-top: 15px;
}

._footer-menu__social a{
    font-size: 1.55em;
    color: #fff;
}

._footer__newsletter{
    color:#fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
}

._footer__newsletter form{
    margin-top: 20px;
    position: relative;
}

._footer__newsletter form input{
    background-color: #fff;
    border-radius: 6px;
    padding: 10px 18px;
    width: 100%;
}

._footer__newsletter form button{
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    border-radius: 0 6px 6px 0;
    font-size: 1.4em;
    padding-right: 10px;
    padding-left: 10px;
    color: #49387E;
    cursor: pointer;
}

._footer-menu__contacts{
    color:#fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
}

._footer-menu__hours{
    color:#fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    margin-top: 20px;
}

._footer-copy{
    width: 100%;
    height:auto;
    padding:50px 0;
}

._footer-copy__row{
    display: flex;
    justify-content: space-between;
}

._footer-copy__col{
    display: flex;
    gap: 30px;
    flex-direction: column;
}

._footer-copyright{
    color: #9a9a9a;
    font-size: 14px;
}

._footer-copy__tec3{
    color: #a8a8a8;
    font-size: 12px;
    display: flex;
    gap: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

._footer-copy__tec3 img{
    max-width: 140px;
}

._footer-lgpd{
    position: fixed;
    bottom: 0;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height:auto;
    gap: 20px;
    z-index: 9999999999;
    font-size: 13px;
    background-color: #fafafa;
    box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1);
}

._footer-lgpd__button{
    background-color: #49387E;
    border-radius: 6px;
    padding: 6px 16px;
    color: #fff;
}





/*************************************
PRODUTO LISTA
*************************************/
._produto-lista{
    width: 100%;
    height:auto;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}






/*************************************
PRODUTO CARD
*************************************/
._produto-card{
    display: flex;
    flex-direction: column;
    width: 25%;
    border: 1px solid #E1E1E1;
    border-radius: 16px;
}

._produto-card__foto {
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    position: relative;
    border-radius:16px 16px 0 0;
  }



._produto-card__tags{
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}

._produto-card__tag-off{
    background-color: #ff0000;
    color: #fff;
    border-radius: 100px;
    padding: 3px 12px;
    z-index: 999;
    font-size: 13px;
    font-weight: 700;
}

._produto-card__tag-lancamento{
    background-color: #49387E;
    color: #fff;
    border-radius: 100px;
    padding: 3px 12px;
    z-index: 999;
    font-size: 13px;
    font-weight: normal;
}
  
._produto-card__foto img {
    width: 100%;
    height: auto;
    margin: auto;
    top:0;
    position: absolute;
    top: -70%;
    right: -100%;
    bottom: -100%;
    left: -100%;
}

._produto-card__infos{
    width: 100%;
    padding:20px;
}

._produto-card__titulo{
    color: #333;
    font-size: 18px;
    font-weight: 700;
}

._produto-card__categoria{
    color: #444;
    font-size: 16px;
    font-weight: 300;
}

._produto-card__precos{
    width: 100%;
    height:auto;
    display: flex;
    align-items: center;
    gap:12px;
    margin-top: 25px;
    margin-bottom: 25px;
}

._produto-card__preco-normal{
    font-size: 20px;
    color: #333;
    font-weight: 700;
}

._produto-card__preco-antigo{
    font-size: 16px;
    color: rgb(105, 105, 105);
    font-weight: normal;
    position: relative;
}

._produto-card__preco-antigo::before{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;
    -webkit-transform:rotate(-5deg);
    -moz-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    -o-transform:rotate(-5deg);
    transform:rotate(-5deg);
}

._produto-card__preco-vista,
._produto-card__parcelamento{
    font-weight: normal;
    font-size: 13px;
    color: #444;
}





/*************************************
BOTOES
*************************************/
._btn{
    text-decoration: none;
    border: 1px solid #444;
    color: #444;
    border-radius: 12px;
    padding: 12px 28px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    height: 52px;
    float: left;
    cursor: pointer;
}

._btn--banner1{
    border: 1px solid #4E3232;
    color: #4E3232;
}
._btn--banner1:hover{
    background-color: #4E3232;
    color: #fff;
}

._btn--homeslider{
    border: 1px solid #fff;
    color: #fff;
}
._btn--homeslider:hover{
    background-color: #fff;
    color: #444;
}

._btn--comprar{
    background-color:#49387E;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 28px;
    cursor: pointer;
}

._btn--assinar{
    background-color: #49387E;
    color: #fff;
    font-size: 1.4em;
    width: 100%;
    height: 62px; 
    display: flex;
    justify-content: center;
    cursor: pointer;
}





/*************************************
SECTION PRODUTOS
*************************************/
._section-produtos{
    background-color: #fff;
    width: 100%;
    height:auto;
    padding: 0 0 50px 0;
}

._produtos-grid{
    gap: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    /*margin-left: -15px;*/
}

._produtos-grid ._produto-card{
    flex: 0 0 23%;
    max-width: 23%;
}







/*************************************
PAGINA PRODUTOS
*************************************/
._page-produtos__topo{
    width: 100%;
    height:212px;
    background-size:cover;
}

._page-produtos__topo div{
    height: 100%;
    display: flex;
    align-items: center;
    max-width: 1280px;
    padding-left:15px;
    padding-right:15px;
    justify-content: flex-start;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 700;
    color: #49387E;
}

._page-produtos__barra{
    background-color: #f6f6f6;
    margin-bottom: 20px;
}

._page-produtos__barra>div{
    height: 100%;
    max-width: 1280px;
    padding-left:15px;
    padding-right:15px;
    margin: 0 auto;
    height: 46px; 
    display:flex;
    align-items:center;
    justify-content: space-between;
    font-size: 14px;
    color: #555;
}

._page-produtos__barra>div>div{
    display: flex;
    align-items: center;
    gap: 8px;
}

._page-produtos__barra i{
    font-size: 1em;
    margin-top: 2px;
    line-height: 0;
}

/* paginacao produtos */

._page-produtos__paginacao{
    width: 100%;
    height:auto;
    display:flex;
    justify-content:center;
    height: 50px; 
    margin-bottom:50px;
    gap: 40px;
    align-items: center;
}

._page-produtos__paginacao ._numeros{
    display: flex;
    gap: 10px;
    align-items: center;
}
._page-produtos__paginacao ._numeros>div{
    background-color: #f4f4f4;
    color: #787878;
    width: 42px;
    height:42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-weight: normal;
}
._page-produtos__paginacao ._numeros>._ativo{
    background-color: #49387E;
    color: #fff;
    font-weight: 700;
}

._page-produtos__paginacao ._anterior,
._page-produtos__paginacao ._proxima{
    background-color: #49387E;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height:28px;
    border-radius: 999px;
}










/*************************************
PAGINA PRODUTO DETALHES
*************************************/
._produto__foto-grande{
    display: flex;
    width: 100%;
    height: 590px;
}
._produto__foto-grande>img{
    object-fit: cover;
    object-position: top;
    border-radius: 12px;
}

._page-produto {
    max-width: 1280px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:60px;
    padding-bottom: 60px;
    margin: 0 auto;
    display: flex;
    gap: 50px;
    justify-content: space-between;
}
._page-produto img {
    width: 100%;
    height: auto;
    border: none;
}
._page-produto__col{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    font-size: 15px;
}

._produto{
    display: flex;
    flex-direction: column;
}

._produto__tags{
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}
._produto__tags--off{
    background-color: #ff0000;
    color: #fff;
    border-radius: 100px;
    padding: 3px 12px;
    z-index: 999;
    font-size: 16px;
    font-weight: 700;
}
._produto__tags--lancamento{
    background-color: #49387E;
    color: #fff;
    border-radius: 100px;
    padding: 3px 12px;
    z-index: 999;
    font-size: 16px;
    font-weight: normal;
}

._produto__titulo{
    color: #545454;
    font-size: 30px;
    letter-spacing: 0;
    font-weight: 700;
    margin-bottom: 5px;
}

._produto--estoque{
    color: rgb(0, 167, 0);
}

._produto__precos{
    padding: 28px 0;
}

._produto__preco-antigo{
    width: auto;
    color: #ff0000;
    text-decoration: line-through;
    font-size: 16px;
}

._produto__preco-atual{
    font-size: 32px;
    color: #545454;
    font-weight: 700;
}

._produto__botao{
    width: 100%;
}

._produto__entrega{
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 28px;
    border-radius: 5px;
    padding: 5px 15px;
    color: #998034;
    background-color: #fff3cd;
    border: 1px solid #ad913c;
}

._produto__frete{
    margin-top: 50px;
}
._produto__frete>._titulo{
    font-size: 16px;
    color: #49387E;
    margin-bottom: 5px;
    font-weight: 700;
}

._produto__cep{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

._produto__frete a{
    color: #49387E !important;
}

._produto__cep>div{
    display: flex;
    align-items: center;
    position: relative;
}

._produto__cep>div>i{
    position: absolute;
    right: 10px;
}

._produto__frete i{
    font-size: 1.25em;
    color: #49387E;
}

._produto__frete input{
    width: 100%;
    height:50px;
    border:1px solid #49387e;
    padding: 0 20px;
    border-radius: 12px;
    font-size: 16px;
}

._page-produto__informacoes{
    width: 100%;
    height: auto;
    padding: 100px 0;
    background-color: #fafafa;
    color: #6d6d6d;
    font-size: 20px;
}

._produto__menu-informacoes{
    width: 100%;
    margin-bottom:50px;
    display: flex;
    gap: 40px;
    border-bottom: 1px solid #e1e1e1;
}
._produto__menu-informacoes>ul{
    display: inline-flex;
    list-style: none;
}
._produto__menu-informacoes>ul>li{
    padding: 15px 44px;
}
._produto__menu-informacoes>ul>._ativo{
    border-bottom: 3px solid #49387E;
    color: #49387E;
    font-weight: 700;
}

._produto__descricao>p{
    margin-bottom: 1em;
}

._page-produto__relacionados{
    margin-top: 60px;
}





._popup__overlay{
    position: fixed;
    z-index: 99999;
    top:0;
    left:0;
    width: 100%;
    height:100vh;
    display:flex;
    align-items: center;
    justify-content:center;
    background: rgba(0, 0, 0, 0.4);
}

._popup__newsletter{
    position: absolute;
    width: 580px;
    height: 480px;
    background-color:#fff;
    border-radius: 12px;
    display: flex;
}

._popup__newsletter ._foto{
   width: 50%;
   height:100%; 
   border-radius: 12px 0 0 12px;
}

._popup__newsletter ._formulario{
    width: 50%;
    height:100%; 
    box-sizing: border-box;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
 }

 ._popup__newsletter ._formulario ._titulo{
    font-size: 34px;
    color: #49387E;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 60px;
 }

 ._popup__newsletter ._formulario input{
    width: 100%;
    height:52px;
    border:1px solid #49387e;
    margin-bottom: 10px;
    padding: 5px 20px;
    font-size: 1em;
    border-radius: 12px;
 }

._popup__newsletter ._formulario ._fechar{
    position: absolute;
    top:12px;
    right:12px;
    font-size: 1.3em;
    color: #a8a8a8;
    padding: 10px;
    cursor: pointer;
}

._popup__newsletter ._formulario ._fechar:hover{
    color: #ff0000;
}