| Server IP : 54.94.228.101 / Your IP : 172.28.1.13 Web Server : Apache System : Linux ip-172-28-29-189 6.5.0-1014-aws #14~22.04.1-Ubuntu SMP Thu Feb 15 15:27:06 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.2.34-43+ubuntu22.04.1+deb.sury.org+1 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/html/vinumday2_0/public/css/ |
Upload File : |
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
/* Carlos */
.politica-privacidade,.politica-devolucoes,.informacoes-entregas,.adega-virtual{
padding: 50px 0;
}
.politica-privacidade .container,.politica-devolucoes .container,.informacoes-entregas .container{
width: 800px;
}
.informacoes-entregas p,.adega-virtual p{
font-weight: 500;
font-size: 14px;
line-height: 18px;
text-align: justify;
}
.ml-auto{
margin-left:auto;
}
.mr-auto{
margin-right:auto;
}
.mr-5{
margin-right: 5px;
}
.hide-desktop{
display: none!important;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
.wp-caption {
border: 1px solid #ccc;
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.thumbnail .caption {
padding: 9px;
color: #333;
}
.wp-caption-text {
text-align: center;
}
.info-produto{
margin-top: 40px;
}
.informacoes-entregas li{
font-weight: bold;
font-size: 14px;
line-height: 18px;
margin-left: 30px;
list-style: none;
color: #333333;
text-align: justify;
}
.informacoes-entregas__title:first-of-type{
margin-top: 0;
}
.informacoes-entregas__title{
font-weight: 800;
font-size: 18px;
text-transform: uppercase;
color: #e0583f;
margin-top: 40px;
margin-bottom: 30px;
}
.politica-privacidade__texto{
font-weight: 500;
font-size: 14px;
line-height: 18px;
padding: 10px 0;
text-align: justify;
}
.politica-devolucoes__description{
font-weight: 500;
font-size: 14px;
line-height: 18px;
padding: 10px 0;
text-align: justify;
}
.quem-somos__item{
width: 49%;
padding: 50px 0 0 0;
}
.quem-somos__item-right{
width: 49%;
padding: 10px 0 0 0;
}
.quem-somos___texto{
font-weight: 500;
font-size: 14px;
line-height: 18px;
padding: 10px 0;
text-align: justify;
}
.quem-somos___texto b{
font-weight: 600;
font-size: 14px;
}
.quem-somos__titulo-menor{
font-family: 'manus';
font-size: 40px;
text-align: center;
line-height: 50px;
}
.quem-somos__titulo-maior{
font-family: 'manus';
font-size: 100px;
text-align: center;
line-height: 40px;
color: #30306f;
}
.quem-somos__titulo-menor-right{
font-family: 'manus';
font-size: 40px;
text-align: left;
line-height: 90px;
margin-left: 60px;
}
.quem-somos__titulo-maior-right{
font-family: 'manus';
font-size: 100px;
text-align: left;
line-height: 40px;
color: #d85230;
margin-left: 60px;
}
.como-comprar{
padding-top: 80px;
padding-bottom: 80px;
}
.como-comprar__item{
margin-top: 20px;
font-weight: bold;
}
.como-comprar__item p{
font-weight: 500;
line-height: 18px;
}
.como-comprar__item p.text{
text-align: justify;
}
.como-comprar h4{
margin-bottom: 30px;
margin-top: 40px;
}
.como-comprar h4 b{
font-weight: 600;
font-size: 16px;
color: #333333;
}
.como-comprar h5{
margin: 30px 0;
font-size: 14px;
font-weight: 500;
color: #333;
}
.como-comprar__item-left{
width: 70%;
}
.como-comprar__item-left p{
font-weight: 500;
font-size: 14px;
margin-bottom: 10px;
}
.como-comprar__item-left p b{
font-weight: 700;
font-size: 18px;
}
.como-comprar__item-left h3{
font-family: 'manus';
font-size: 52px;
text-align: left;
line-height: 40px;
color: #30306f;
}
.como-comprar__item-left h4{
font-size: 34px;
text-align: left;
line-height: 28px;
font-weight: 900;
color: #e0583f;
text-transform: uppercase;
}
.como-comprar__item-left hr{
width: 150px;
background: #d1d3d4;
display: block;
border:none;
height: 2px;
margin-top: 30px;
margin-bottom: 40px;
}
.como-comprar__item-right{
width: 25%;
}
.como-comprar__item-right img{
width: 230px;
}
.como-comprar__item .numero,.informacoes-entregas__numero{
margin-right: 15px;
color: #30306f;
float: left;
border: 3px solid #cccccc;
width: 30px;
height: 30px;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-weight: bold;
}
.como-comprar___item-complementar{
padding-left: 50px;
font-size: 14px;
font-weight: 500;
color: #333333;
line-height: 24px;
}
.site-seguro__item-flex{
width: 46%;
margin-bottom: 30px;
margin-top: 40px;
}
.site-seguro .container{
width: 800px;
}
.site-seguro__item-flex p{
margin-bottom: 30px;
font-weight: 500;
font-size: 14px;
text-align: justify;
line-height: 18px;
}
.site-seguro__item-flex h4{
margin-bottom: 20px;
font-weight: bold;
line-height: 20px;
}
.site-seguro__item p{
margin: 30px 0;
text-align: justify;
font-weight: 500;
line-height: 18px;
font-size: 14px;
}
.perguntas-frequentes{
padding-top: 60px;
padding-bottom: 120px;
}
.perguntas-frequentes .container{
width: 800px;
}
.perguntas-frequentes__titulo{
font-size: 16px;
margin: 20px 0;
font-weight: bold;
letter-spacing: -1px;
color: #333333;
margin-top: 50px;
margin-bottom: 5px;
}
.perguntas-frequentes__texto{
font-size: 13px;
font-weight: 500;
color: #333333;
}
/* Fim Carlos */
/* Fontes */
@font-face {
font-family: 'manus';
src: url('../fonts/manus-webfont.woff2') format('woff2'),
url('../fonts/manus-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'tratta';
src: url('../fonts/trattatello-webfont.woff2') format('woff2'),
url('../fonts/trattatello-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,hr,th,td {
margin:0;
padding:0;
}
h1, h2,p,textarea,input {
font-weight:normal; font-family: 'Montserrat',sans-serif;
}
strong, b{font-weight: 900; font-family: 'Montserrat',sans-serif;}
small {
font-weight:300; font-size:12px;
}
html {
-webkit-font-smoothing: antialiased;
}
html {
font-size: 100%;
}
a {
color: #353535;
text-decoration:none; cursor:pointer;
}
a, button,.item{
transition:all 0.25s;
-moz-transition: all 0.25s; /* Firefox 4 */
-webkit-transition: all 0.25s; /* Safari and Chrome */
-o-transition: all 0.25s; /* Opera */
}
li{
transition:all 0.25s;
-moz-transition: all 0.25s; /* Firefox 4 */
-webkit-transition: all 0.25s; /* Safari and Chrome */
-o-transition: all 0.25s; /* Opera */
}
h3{
color: black;
font-weight: 300;
font-family: 'Montserrat',sans-serif;
}
h2{
font-weight: 500;
color: black;
}
p{
color: #333333;
font-size: 14px;
line-height: 24px;
font-family: 'Montserrat',sans-serif;
}
.item{
transition:all 0.45s; -moz-transition: all 0.45s; -webkit-transition: all 0.45s; -o-transition: all 0.45s
}
.full{
width: 100%;
}
.carregando{
left:0;
top:0;
width: 100%;
height: 100%;
position: fixed;
background-color: rgba(255, 255, 255, 0.51);
background-image: url(../img/load-carregando.gif);
z-index: 9999;
background-position: center center;
background-repeat: no-repeat;
display: none;
}
.text-center{
text-align: center!important;
}
.text-right{
text-align:right!important;
}
.text-left{
text-align:left!important;
}
.f-right{
float: right;
}
.f-left{
float: left;
}
hr.defaultCenter{
height: 3px;
border: none;
background: #e3003e;
width: 60px;
margin: 10px auto 50px auto;
}
.container{
width: 1000px;
position: relative;
margin: 0px auto;
}
.container-cabecalho{
width: 1000px;
position: relative;
margin: 0px auto;
}
.container-flutuante{
width: 1000px;
position: relative;
margin: 0px auto;
}
/*Banner*/
.banner {height: 510px; position: relative; width: 100%; background: rgba(0,0,0,0.4)}
.banner .vinho{
position: absolute;
z-index: 997;
height: 480px;
-webkit-transition: opacity .35s ease-in-out;
-moz-transition: opacity .35s ease-in-out;
-ms-transition: opacity .35s ease-in-out;
-o-transition: opacity .35s ease-in-out;
transition: opacity .35s ease-in-out;
animation-duration: 1.5s;
}
.banner .vinho-do-dia{
position: absolute;
bottom: 20px;
width: 80%;
left: 10%;
opacity: 0.7;
}
.banner img.active{
opacity: 1;
}
.banner h2{
color: white;
}
.banner.oferta-semana h2{
color: #e0583f;
}
.banner .button{
border-color: white;
margin-top: 20px;
color: white;
}
.banner .text-center{
padding-top: 280px;
}
.banner-interno{
height: 220px
}
.banner-interno__title{
text-align: center;
padding-top: 125px;
color: #e0583f;
font-size: 28px;
font-weight: 900;
text-transform: uppercase;
z-index: 1;
}
.banner-interno__subtitle{
line-height: 45px;
text-align: center;
font-size: 70px;
font-family: manus;
color: white;
text-transform: lowercase;
letter-spacing: 3px;
}
.w-100{
width: 100%;
}
.mt-50{
margin-top: 50px;
}
.mt-70{
margin-top: 70px;
}
.mb-70{
margin-bottom: 70px;
}
.pt-200{
padding-top: 200px;
}
.pt-50{
padding-top: 50px;
}
.pb-50{
padding-bottom: 50px;
}
.pt-70{
padding-top: 70px;
}
.pb-70{
padding-bottom: 70px;
}
.button{
font-size: 18px;
background: #e3003e;
border: 2px solid #e3003e;
border-radius: 20px;
margin: 20px auto;
color: white;
padding: 10px 60px;
text-transform: uppercase;
font-family: Voga;
cursor: pointer;
transition: all 0.25s;
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
}
.button:hover{
background: transparent;
color: #e3003e;
}
.hr{
background: #d1d3d4;
height: 1px;
width: 100%;
border:none;
display: block;
margin: 30px 0;
}
.btn-red{
border: 2px solid transparent;
background: #ff2c34;
color: white;
border-radius: 3px;
text-transform: uppercase;
font-weight: bold;
padding: 3px 8px;
font-size: 12px;
}
.btn-red:hover{
color: #ff2c34;
border-color: #ff2c34;
background: white;
}
.btn-blue{
border: 2px solid transparent;
background: #302d71;
color: white;
border-radius: 3px;
text-transform: uppercase;
font-weight: bold;
padding: 3px 8px;
font-size: 12px;
}
.btn-blue:hover{
color: #302d71;
border-color: #302d71;
background: white;
}
.btn-green{
border: 2px solid transparent;
background: #29c55e;
color: white;
border-radius: 3px;
text-transform: uppercase;
font-weight: bold;
padding: 3px 8px;
font-size: 12px;
cursor: pointer;
}
.btn-green:hover{
color: #29c55e;
border-color: #29c55e;
background: white;
}
.btn-orange{
border: 2px solid transparent;
background: #fdb913;
color: white;
border-radius: 3px;
text-transform: uppercase;
font-weight: bold;
padding: 3px 8px;
font-size: 12px;
max-width: 115px;
}
.btn-orange:hover{
color: #fdb913;
border-color: #fdb913;
background: white;
}
.add-endereco{
border: 2px solid transparent;
background: #e0583f;
color: white;
border-radius: 3px;
text-transform: uppercase;
font-weight: bold;
/* padding: 3px 8px; */
font-size: 12px;
padding: 10px 13px;
/* margin-top: 18px; */
position: absolute;
right: 0;
/* bottom: -55px; */
top: 78px;
}
.add-endereco:hover{
color: #e0583f;
border-color: #e0583f;
background: white;
}
.disable{
background: #b7b7b7;
cursor: not-allowed !important;
}
.disable:hover{
color: white;
border-color: transparent;
background: #b7b7b7;
}
/* Institucional */
.institucional{
background: #242425;
padding: 100px 0px;
}
.institucional .esq{
width: 48%;
float: left;
}
.institucional .dir{
width: 48%;
float: right;
color: white;
line-height: 28px;
}
.institucional .dir .texto{
display: none;
font-size: 14px;
position: absolute;
}
.institucional .dir .texto.active{
display: block;
}
.institucional .dir .menu{
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
}
.institucional .dir .menu li{
font-size: 30px;
letter-spacing: 1px;
text-transform: uppercase;
color: #3a3a3b;
font-family: 'Voga';
cursor: pointer;
}
.institucional .dir .menu li:hover{
color: #828286;
}
.institucional .dir .menu li.active{
color: white;
}
.institucional .esq img{
height: 400px;
}
/*Produtos*/
.produtos{
padding: 80px 0;
background-color: #f7f7f7;
}
.produtos h2{
padding: 0;
font-size: 80px;
line-height: 65px;
}
.produtos h2:last-child{
padding-bottom: 40px;
}
.produtos .item{
float: left;
}
.produtos .item .retangulo{
width: 500px;
position: absolute;
right: -240px;
}
.produtos ul.lista{
list-style: none;
float: right;
text-align: right;
margin-left: 60px;
}
.produtos ul.lista li{
font-family: 'Voga';
line-height: 40px;
font-size: 26px;
}
.produtos.interna{
background: white;
}
.produtos.interna h2{
text-align: center;
font-size: 40px;
text-transform: uppercase;
}
.produtos.interna .container{
width: 1000px;
}
.produtos.interna ul.menuBebidas{
list-style: none;
font-family: Voga;
font-size: 28px;
display: table;
text-align: center;
}
.produtos.interna ul.menuBebidas li{
margin: 0 25px;
display: inline-block;
margin-top: 15px;
}
.produtos.interna ul.menuBebidas li:hover{
color:#b21732;
}
.produtos.interna ul.menuBebidas li.active{
color:#e3003e;
}
.produtos.interna .item{
background: #f7f7f7;
text-align: center;
box-sizing: border-box;
padding: 30px 0;
width: 18%;
margin: 0 1%;
margin-top: 50px;
}
.produtos.interna .item:hover img{
transform: scale(1.1);
}
.produtos.interna .item h3{
margin-top: 15px;
font-size: 22px;
margin-bottom: 5px;
}
.produtos.interna .item a:hover{
font-weight: bold;
letter-spacing: .5px;
}
.produtos.interna .item img{
width: 45px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.produtos.interna .modal{
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.8);
}
.produtos.interna .modal-content{
background-color: #fefefe;
margin: 15% auto;
padding: 25px;
border: 1px solid #888;
width: 50%;
}
.produtos.interna .modal-content .imagem{
width: 48%;
float: left;
text-align: center;
margin-top: 15px;
}
.produtos.interna .modal-content .imagem img{
width: 60px;
}
.produtos.interna .modal-content .texto{
width: 48%;
float: right;
}
.produtos.interna .modal-content .texto h3{
font-size: 40px;
margin-bottom: 15px;
}
.produtos.interna .modal-content .close{
float: right;
font-size: 28px;
font-weight: bold;
}
/* Clientes */
.clientes{
padding-top: 40px;
padding-bottom: 80px;
}
.clientes .container{
width: 1000px;
}
.clientes h2{
text-align: center;
font-size: 42px;
text-transform: uppercase;
}
.clientes .listagem .item{
width: 11.28%;
margin: 0 1.5%;
float: left;
display: flex;
justify-content: center;
align-items: center;
height: 123px;
}
.clientes .listagem .item img{
width: 100%;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.clientes .listagem .item img:hover{
transform: scale(1.1);
}
.clear {clear:both; width:100%; display:block;}
body {
background: url('../img/site/site-fundo.jpg');
background-position: center 220px;
background-size: 100%;
background-repeat: no-repeat;
font-family: 'Montserrat',sans-serif;
font-size: 13px;
background-color: #ebe2de;
font-weight: 400;
}
.filtros-flutuante {
width: 100%;
height: 30px;
margin: 0px;
position: relative;
z-index: 998;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
display: none;
top: 70px;
}
.filtros-flutuante.active {
position: fixed;
padding: 5px 20px 5px 20px;
background-color: #fff;
border-bottom: 1px solid #7c7b7b;
background-size: cover;
box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
display: block;
}
.filtros-flutuante-body{
width: 100%;
}
.filtros-flutuante-body a{
cursor: pointer;
font-size: 10px;
font-weight: bold;
text-decoration: underline;
}
.filtros-flutuante-body span{
font-size: 10px;
font-weight: bold;
color: #7c7b7b;
text-transform: uppercase;
}
.filtros-flutuante-body a.filtros-flutuante__filtros{
color: rgba(48, 46, 113, 1);
}
.filtros-flutuante-body a.filtros-flutuante__limpar{
color: #7c7b7b;
}
.rodape-flutuante {
width: 100%;
height: 34px;
margin: 0px;
position: absolute;
z-index: 998;
padding-top: 25px;
padding-bottom: 50px;
bottom: 0px;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
display: none;
}
.rodape-flutuante.active {
position: fixed;
padding: 10px 0px 10px 0px;
background: rgba(48, 46, 113, 1);
background-size: cover;
box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
display: block;
}
.rodape-flutuante__left{
width: 50%;
}
.rodape-flutuante__left p{
font-size: 14px;
color: white;
font-weight: bold;
line-height: 34px;
}
.rodape-flutuante__right{
width: 50%;
text-align: right;
}
.rodape-flutuante__right a{
font-size: 14px;
color: white;
font-weight: bold;
line-height: 34px;
border: 2px solid #fff;
padding: 5px 10px 5px 10px;
}
.cabecalho {
width: 100%;
margin: 0px;
position: absolute;
z-index: 998;
padding-top: 25px;
padding-bottom: 50px;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
}
.cabecalho.interno {
background: #e3003e;
padding-top: 15px;
padding-bottom: 0px;
}
.cabecalho.active {
position: fixed;
padding: 10px 0px 10px 0px;
background: rgba(48, 46, 113, 1);
background-size: cover;
box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
}
.cabecalho .flex-logo{
display: flex;
justify-content: center;
}
.cabecalho h1.logo-aniversario {
width: 200px;
height: 110px;
background:url('../img/site/logo-aniversario.png') no-repeat top center;
text-indent:-9999px;
padding:0px;
margin: -10px auto;
background-size: 100%;
}
.cabecalho h1.logo {
width: 200px;
height: 68px;
background:url('../img/site/logo.png') no-repeat top center;
text-indent:-9999px;
padding:0px;
margin: -10px auto;
background-size: 100%;
}
.cabecalho.active h1.logo, .cabecalho.active h1.logo-aniversario{
width: 64px;
height: 50px;
background: url(../img/site/logo_header.png) no-repeat top center;
text-indent: -9999px;
padding: 0px;
margin: 0 auto;
background-size: contain;
}
.cabecalho h1.logo-interno {
width:200px; background:url('../img/site/logo_interna.png') no-repeat top center;
text-indent:-9999px; margin:20px 0; padding:0px; float: left; background-size: 100%;
}
.cabecalho .menu {
display: flex;
font-family: 'Montserrat',sans-serif;
align-items: center;
justify-content: space-between;
margin: 0 auto;
}
.cabecalho.active .menu{
align-items: center;
}
.cabecalho .menu li {
list-style:none;
width: 33.3333%
}
.cabecalho .menu li a hr {
width: 0px; border:none; background: white; height: 1px; margin:5px auto 0px auto; position: absolute;
transition:all 0.25s; -moz-transition: all 0.25s; -webkit-transition: all 0.25s; -o-transition: all 0.25s;
}
.cabecalho .menu li a:hover {color: white; }
.cabecalho .menu li a:hover > hr {width: 30px;}
.cabecalho .menu .fa{
font-size: 18px;
color: white;
text-align: center;
}
#map {
height: 150px;
width: 100%;
margin-top: 20px;
float: left;
}
.info_contato{
width: 30%;
float:right;
margin: 50px 0px;
border: 2px solid #ebebeb;
height: 300px;
}
.info_contato ul{
list-style: none;
padding:20px 10px;
}
.info_contato ul li{
line-height: 50px;
}
.info_contato ul li .fa{
float: left;
margin-top: 13px;
}
#map strong {
font-family: 'bistro_scriptregular'; font-size: 20px; font-weight: normal;
}
input#control-nav {
visibility: hidden;
position: absolute;
left: -9999px;
opacity: 0;
}
/* .parallax-mirror img{
width: 100%!important;
left: 0px!important;
filter: brightness(70%);
} */
.box-action__left .data{
color: #e0583f;
font-family: 'Montserrat',sans-serif;
font-weight: 600;
text-transform: uppercase;
font-size: 25px;
letter-spacing: 2px;
}
.box-action__left--semana .data{
color: #ffffff;
}
.box-action__left .nome-oferta1{
font-family: 'Montserrat',sans-serif;
text-transform: uppercase;
font-size: 40px;
line-height: 40px;
margin: 0 auto;
font-weight: bold;
}
.box-action__left .nome-oferta3{
font-family: 'Montserrat',sans-serif;
font-weight: 600;
text-transform: uppercase;
font-size: 15px;
line-height: 20px;
letter-spacing: 4px;
margin: 0 auto;
}
.box-action__right .oferta-semana{
font-family: 'Montserrat',sans-serif;
color: #e0583f;
font-weight: 600;
font-size: 15px;
letter-spacing: 4px;
display: flex;
position: absolute;
top: 20px;
}
.box-action__right .desconto{
font-weight: 800;
color: white;
font-size: 20px;
height: 60px;
width: 60px;
background: #302e71;
border-radius: 50%;
letter-spacing: -1px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 195px;
top: -10px;
}
.box-action__right .quantidade, .box-action__right .variacao{
border:none;
}
.box-action__right .btn-comprar{
border-radius: 2px;
color: white;
background: #45af22;
border: none;
font-size: 14px;
padding: 13px 30px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 1px;
margin-left: 10px;
letter-spacing: 1px;
font-size: 14px;
font-weight: 600;
font-family: "Montserrat";
}
.box-action__right .de{
color: #e0583f;
font-weight: 500;
font-size: 26px;
line-height: 60px;
}
.box-action__right .preco{
color: white;
font-weight: 700;
font-size: 40px;
letter-spacing: -2px;
}
.box-action__right .preco .numero{
font-size: 55px;
font-weight: 700;
}
.oferta-semana .box-action__right .inline{
margin-top: 30px;
}
.box-action__right .inline{
display: inline-flex;
justify-content: center;
align-items: center;
margin-top: 50px;
}
.como-funciona{
padding: 60px 0;
background: white;
}
.como-funciona__como{
font-family: manus;
color: #302e71;
text-align: center;
font-size: 50px;
line-height: 30px;
}
.como-funciona__funciona{
font-family: manus;
color: #302e71;
text-align: center;
font-size: 90px;
line-height: 55px;
margin-left: 50px;
}
.como-funciona__logo{
position: absolute;
left: 350px;
width: 70px;
}
.como-funciona__item{
width: 22%;
text-align: center;
margin-top: 40px;
}
.como-funciona__item .title{
color: #333333;
font-size: 18px;
text-transform: uppercase;
letter-spacing: -.5px;
font-weight: 900;
}
.como-funciona__item img{
width: 80px;
margin-bottom: 20px;
}
.como-funciona__item .description{
color: black;
font-size: 12px;
line-height: 22px;
font-weight: 400;
}
.flex-container{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
justify-content: space-around;
}
.canais.oferta-semana{
background: #b99d92;
}
.canais{
background: #ebe2de;
padding: 52px 0;
position: relative;
margin-top: 70px;
}
.canais__border{
border: 10px solid white;
width: 85%;
height: 380px;
position: absolute;
left: calc((100% - (85% + 20px))/2);
top: -50px;
}
.canais__item{
text-align: center;
height: 300px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
}
.canais__item .yellow{
color: #9e7d3a;
font-family: manus;
text-transform: lowercase;
font-size: 34px;
line-height: 25px;
z-index: 997;
}
.canais__item .white{
color: white;
font-weight: 900;
text-transform: uppercase;
font-size: 32px;
letter-spacing: -2px;
line-height: 26px;
z-index: 8;
}
.canais__item p{
text-transform: uppercase;
font-weight: 500;
letter-spacing: -.5px;
opacity:0.8;
margin: 20px 0;
color: white;
line-height: 14px;
}
.canais__item a{
text-transform: uppercase;
color: white;
font-weight: bold;
border:2px solid rgba(255,255,255,0.8);
background: transparent;
letter-spacing: -1px;
font-size: 12px;
padding: 10px 30px;
letter-spacing: 1px;
font-weight: 600;
font-family: "Montserrat";
}
.canais__item a:hover{
background: #9e7d3a;
color: white;
border-color: #9e7d3a;
}
.canais__item img{
width: 100%;
height: 100%;
}
.canais__item .overlay {
width: 100%;
height: 100%;
position: absolute;
background: rgba(0,0,0,0.7);
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.canais__item:hover .overlay{
background: rgba(0,0,0,0.4)
}
.quem-passou-aqui{
background-image: linear-gradient(to bottom, #ebe2de 0%, #fff 60%);
padding-top: 100px;
height: 600px;
}
.quem-passou-aqui__carousel{
margin-top: 30px;
display: flex;
justify-content: space-evenly;
align-items: flex-end;
}
.quem-passou-aqui__carousel img{
width: 75px;
transition: all .3s ease-in-out;
cursor: pointer;
}
.quem-passou-aqui__carousel img:hover{
transform: scale(1.05);
}
.quem-passou-aqui__quem-passou{
font-family: manus;
color: #333333;
text-align: center;
font-size: 32px;
line-height: 22px;
position: absolute;
left: 335px;
top: 8px;
}
.quem-passou-aqui__aqui{
font-family: manus;
color: #30306f;
font-size: 72px;
line-height: 45px;
text-align: center;
position: absolute;
left: 315px;
top: 30px;
}
.quem-passou-aqui__moldura-branca{
border-top: 10px solid white;
border-right: 10px solid white;
width: 150px;
height: 280px;
position: absolute;
left: 550px;
top: 30px;
}
.quem-passou-aqui__vinho{
width: 150px;
position: absolute;
top: 0;
left: 15px;
}
.box-vinho__imagem{
width: 60px;
}
.box-vinho__right{
width: 400px;
position: absolute;
text-align: center;
}
.box-vinho__title{
text-transform: uppercase;
font-size: 28px;
color: #333333;
line-height: 28px;
width: 400px;
height: 84px;
font-weight: 500;
letter-spacing: -1px;
}
.box-vinho__categoria{
color: #858585;
font-weight: 500;
margin: 5px 0;
}
.box-vinho__ano{
color: #333333;
font-weight: 800;
font-size: 20px;
}
.box-vinho__botao{
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
letter-spacing: 1px;
color: #e0583f;
margin-bottom: 20px;
margin-top: 10px;
font-size: 15px;
}
.box-vinho__botao:hover{
letter-spacing: 2px;
}
.quem-passou-aqui__box-vinho{
width: 400px;
position: absolute;
left: 205px;
top: 110px;
}
.quem-passou-aqui__categorias{
position: absolute;
left: 750px;
top: 8px;
}
.categorias__title{
color:#858585;
text-transform: uppercase;
font-weight: 600;
}
.categorias__item.selected{
background:#302e71;
box-shadow: 0 1px 5px 0 rgba(45,62,80,.12);
}
.categorias__item{
background: white;
margin-top: 28px;
display: flex;
font-size: 12px;
cursor: pointer;
width: 135px;
align-items: center;
justify-content: center;
padding: 20px 45px 20px 70px;
position: relative;
box-shadow: 0 1px 5px 0 rgba(45,62,80,.12);
}
.categorias__nome{
font-weight: bold;
text-transform: uppercase;
color: #333333;
letter-spacing: .5px;
transition:all 0.25s;
-moz-transition: all 0.25s; /* Firefox 4 */
-webkit-transition: all 0.25s; /* Safari and Chrome */
-o-transition: all 0.25s; /* Opera */
}
.categorias__item.selected .categorias__nome{
color: white;
}
.categorias__item:hover .categorias__nome{
letter-spacing: 1px;
}
.categorias__imagem{
position: absolute;
width: 38px;
left: 20px;
top: 8px;
}
.noticias{
padding-bottom: 100px;
}
.noticias .container{
display: flex;
justify-content: center;
align-items: center;
}
.noticias__item{
margin-right: 20px;
position: relative;
}
.noticias__item .box{
background: rgba(0,0,0,0.7);
position: absolute;
padding: 20px;
top: 60px;
text-align: right;
width: 240px;
right: 120px;
}
.noticias__item .box.right{
right: 0;
text-align: left;
left: 120px;
}
.noticias__title{
font-family: manus;
color: white;
font-size: 34px;
line-height: 32px;
}
.noticias__data{
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
letter-spacing: 1px;
margin-bottom: 20px;
}
.noticias__item img{
width: 300px;
}
.banner-dinamico{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 335px;
width: 100%;
background: black;
position: relative;
}
.banner-dinamico__background{
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
filter: brightness(60%);
}
.banner-dinamico__title{
color: white;
font-family: manus;
font-size: 50px;
line-height: 50px;
z-index: 2;
text-align: center;
}
.banner-dinamico__compartilhe{
color: white;
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
letter-spacing: 5px;
margin-top: 50px;
z-index: 2;
}
.banner-dinamico__logo{
width: 70px;
margin-bottom: 20px;
z-index: 2;
}
.footer{
padding: 60px 0;
position: relative;
background: white;
z-index: 1;
}
.footer__logo{
margin: 0 auto;
display: block;
margin-bottom: 60px;
}
.footer__links{
display: inline-flex;
align-items: center;
width: 90%;
justify-content: space-evenly;
}
.footer__links a{
color: #e0583f;
font-weight: 800;
text-transform: uppercase;
letter-spacing: -.5px;
}
.footer__links-grey{
display: flex;
width: 60%;
justify-content: space-evenly;
margin-top: 20px;
}
.footer__links-grey a{
color: #999999;
font-weight: 800;
text-transform: uppercase;
letter-spacing: -.5px;
}
.footer__links-grey--small{
display: flex;
width: 100%;
justify-content: space-evenly;
margin-top: 35px;
}
.footer__links-grey--small a{
color: #999999;
font-weight: 800;
text-transform: uppercase;
letter-spacing: -.5px;
}
.footer__redes{
display: block;
margin: 0 auto;
margin-top: 50px;
width: 35%;
padding-bottom: 60px;
}
.footer__redes p{
color: #313868;
font-weight: 800;
text-transform: uppercase;
text-align: center;
font-size: 18px;
}
.footer__redes .item{
margin-top: 30px;
}
.footer__redes .fa{
width: 50px;
height: 50px;
border-radius: 50%;
transition:all 0.25s;
-moz-transition: all 0.25s; /* Firefox 4 */
-webkit-transition: all 0.25s; /* Safari and Chrome */
-o-transition: all 0.25s; /* Opera */
background: #ececfb;
display: flex;
align-items: center;
justify-content: center;
color: #878fa1;
font-size: 22px;
}
.footer__redes .fa:hover{
background: rgba(48, 46, 113, 1);
color: white;
}
.footer__informacoes-contato p{
font-size: 12px;
color: black;
font-weight: 300;
}
.footer__formas-pagamento{
width: 30%;
}
.footer__formas-pagamento img{
width: 60px;
height: 40px;
}
.footer__informacoes-contato{
width: 50%;
}
.footer__hr{
height: 4px;
background: #e0583f;
position: absolute;
border: none;
width: 1000px;
bottom: 0;
left: calc((100% - 1000px)/2);
}
.modal .modal-dialog{
position: absolute;
right: 0;
height:100%;
margin: 0;
}
.modal .modal-header{
background:#3f74e6;
border-bottom: 3px solid #999;
color:#fff;
}
.modal .modal-header h4{
font-size:14px;
font-weight: 700;
}
.modal-backdrop{
opacity: .8;
background-color: #272822;
}
.register-section{
display: none;
}
.right{
float:right;
}
/* ALERTAS */
.alertas-cont{
position:fixed;
bottom:15px;
right:15px;
display: flex;
flex-direction: column;
z-index: 9999;
}
.alerta{
position:relative !important;
background:#fff;
border-bottom:1px solid #ddd;
display:table;
margin:0;
margin-bottom: 15px;
font-size:14px;
font-weight: 300;
z-index:9999;
box-shadow:0px 3px 6px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.1);
}
.alerta > div{
display:table-cell;
vertical-align: middle;
}
.alerta .titulo{
font-weight: 600;
margin:0;
display:block;
font-size:16px;
}
.alerta .fecha-alerta{
display:table-cell;
vertical-align:top;
padding:10px;
font-size:14px;
display:block;
color:#ccc;
}
.alerta .icone{
color:#fff;
padding:15px;
}
.alerta .text{
padding:10px;
width:240px;
font-size:13px;
color:#666;
}
.alerta.active{
animation-name: alerta;
animation-duration: 1s;
animation-direction: normal;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
}
@keyframes alerta{
0%{
opacity:0;
transform: translate(0,100%);
-webkit-transform: translate(0,100%);
}
40%{
transform: translate(0,0);
-webkit-transform: translate(0,0);
}
60%{
transform: translate(0,0) rotate(-15deg);
-webkit-transform: translate(0,0) rotate(-15deg);
}
70%{
transform: translate(0,0) rotate(10deg);
-webkit-transform: translate(0,0) rotate(10deg);
}
80%{
transform: translate(0,0) rotate(-5deg);
-webkit-transform: translate(0,0) rotate(-5deg);
}
90%{
transform: translate(0,0) rotate(2deg);
-webkit-transform: translate(0,0) rotate(2deg);
}
100%{
opacity:1;
transform: translate(0,0) rotate(0deg);
-webkit-transform: translate(0,0) rotate(0deg);
}
}
#alerta {
-moz-animation: cssAnimation 0s ease-in 5s forwards;
/* Firefox */
-webkit-animation: cssAnimation 0s ease-in 5s forwards;
/* Safari and Chrome */
-o-animation: cssAnimation 0s ease-in 5s forwards;
/* Opera */
animation: cssAnimation 0s ease-in 5s forwards;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@keyframes cssAnimation {
to {
width:0;
height:0;
visibility:hidden;
}
}
.pagamento{
display: none;
}
.solicitacao-entrega{
display: none;
}
.adicionar-endereco{
display: none;
width: 100%;
}
/* Adega Virtual Cartões */
.minha-conta{
padding: 80px 0 ;
}
.minha-conta__left{
width: 24%;
margin-right: 3%;
}
.minha-conta__right{
width: 73%;
}
.minha-conta .menu{
list-style: none;
box-sizing: border-box;
padding: 20px 20px;
border-radius: 3px;
}
.minha-conta .menu a{
text-transform: uppercase;
font-weight: 800;
color: #464647;
border-bottom: 1px solid #e1e1e1;
padding: 22px 0;
font-size: 11.5px;
display: flex;
align-items: center;
letter-spacing: .5px;
cursor: pointer;
}
.minha-conta .menu a.special{
font-size: 11px;
white-space: nowrap;
}
.minha-conta .menu li span{
transition:all 0.25s;
-moz-transition: all 0.25s; /* Firefox 4 */
-webkit-transition: all 0.25s; /* Safari and Chrome */
-o-transition: all 0.25s; /* Opera */
}
.minha-conta .menu a:hover span{
padding-left: 5px;
}
.minha-conta .menu a:last-child{
border-bottom: none;
}
.minha-conta .menu li .fa{
color: #e0583f;
font-size: 18px;
margin: 0 10px;
width: 25px;
text-align: center;
}
.box{
box-shadow: 2px 6px 30px 0px rgba(45, 62, 80, 0.22);
border-radius: 5px;
background: white;
}
.minha-conta__right .title{
color: #929295;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
}
.minha-conta__right .box{
box-sizing: border-box;
padding: 30px 40px;
}
.cartao-item,.endereco-item{
padding: 30px 0;
border-bottom: 2px solid #e1e1e1;
}
.cartao-item:last-of-type,.endereco-item:last-of-type{
border-bottom: none;
}
.cartao-item__title{
display: flex;
align-items: center;
}
.cartao-item__title img{
width: 40px;
margin-right: 10px;
}
.cartao-item__title,.endereco-item__title{
color: #464647;
font-weight: 800;
text-transform: uppercase;
letter-spacing: -.5px;
font-size: 14px;
}
.cartao-item span,.endereco-item span{
font-weight: 500;
color: #464647;
margin-right: 10px;
display: inline-block;
font-size: 14px;
}
.cartao-item .linha-flex{
display: flex;
align-items: center;
margin-top: 10px;
}
.cartao-item .btn-green{
margin-right: 8px;
}
.cartao-item .acao{
margin-left: auto;
}
.minha-conta__button-orange{
width: 175px;
height: 40px;
background-color: #E0583F;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: white;
text-decoration: none;
transition: 250ms ease;
border: none;
cursor: pointer;
font-family: 'Montserrat',sans-serif;
}
.minha-conta__button-orange:hover{
background-color: #BF4933;
}
.btn-calcular-entrega{
width: 175px;
height: 40px;
background-color: #302e71;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: white;
text-decoration: none;
transition: 250ms ease;
border: none;
cursor: pointer;
font-family: 'Montserrat',sans-serif;
}
.btn-calcular-entrega:hover{
background-color: #212052 !important;
color: white !important;
}
.minha-conta__button-blue{
text-transform: uppercase;
background: #302e71;
font-size: 16px;
font-weight: 900;
color: white;
padding: 16px 0;
width: 100%;
letter-spacing: .5px;
border-radius: 3px;
margin-top: 40px;
border:2px solid transparent;
}
.minha-conta__button-blue:hover{
background: white;
border-color: #302e71;
color: #302e71;
}
.endereco-item .informacoes{
width: 50%;
}
.endereco-item .acoes{
width: 40%;
margin-left: 10%;
}
.cartao-item .flex-container,.endereco-item .flex-container{
justify-content: space-between;
margin-top: 10px;
align-items: center;
}
.tabela{
width: 100%;
border-collapse: collapse;
}
.tabela th{
color: #6c6d6f;
font-weight: bold;
}
.tabela td{
font-weight: 700;
color: #333333;
letter-spacing: -.5px;
}
.tabela th,td{
text-align: left;
padding: 15px 0;
}
.tabela tr{
border-bottom: 2px solid #e1e1e1;
}
.tabela.inside tr{
border-bottom: 1px solid #e1e1e1;
}
.tabela.inside tr:first-child{
border-bottom: none;
}
.tabela tr:last-of-type{
border-bottom: none;
}
.tabela .valor{
color: #302775;
font-weight: 800;
}
.cart-item .valor{
font-size: 16px;
}
.tabela .valor-velho{
color: #717173;
font-weight: 600;
text-decoration: line-through;
-webkit-text-decoration: line-through;
margin-right: 10px;
}
.tabela .desconto{
color: #e0583f;
font-weight: 600;
margin-left: 10px;
}
.tabela td .fa{
font-weight: bold;
font-size: 18px;
}
.tabela .nome-produto{
display: flex;
align-items: center;
}
.tabela .nome-produto img{
margin-right: 15px;
height: 45px;
}
.tabela .motivo{
color: #ec1111;
border-bottom: 1px solid #ec1111;
font-size: 12px;
display: inline-block;
line-height: 15px;
}
.tabela .comprovante{
color: #fdb913;
border-bottom: 1px solid #fdb913;
font-size: 12px;
display: inline-block;
line-height: 15px;
}
.default-input{
border: 1px solid #707070;
box-sizing: border-box;
border-radius: 3px;
background: transparent;
height: 50px;
margin-top: 10px;
width: 100%;
padding-left: 10px;
font-size: 13px;
color: black;
font-weight: bold;
font-family: 'Montserrat',sans-serif;
}
.default-input:focus{
outline: none;
}
.default-textarea{
border: 1px solid #707070;
box-sizing: border-box;
border-radius: 3px;
height: 150px;
background: transparent;
margin-top: 10px;
width: 100%;
padding-left: 10px;
padding-top: 15px;
font-size: 13px;
color: black;
font-weight: bold;
font-family: 'Montserrat',sans-serif;
}
.default-textarea:focus{
outline: none;
}
.default-select{
border: 1px solid #707070;
border-radius: 3px;
box-sizing: border-box;
height: 50px;
width: 100%;
background: transparent;
font-size: 13px;
margin-top: 10px;
color: black;
font-weight: bold;
font-family: 'Montserrat',sans-serif;
}
.default-select:focus,.default-select:visited{
outline: none;
}
.default-select .disable{
color:#bbbcbe;
}
.minha-conta__right .item{
width: 100%;
}
.item-half{
width: 48%;
}
.minha-conta__right .space-between{
display: flex;
align-items: center;
justify-content: space-between;
}
label{
margin-top: 20px;
display: block;
font-weight: 600;
color: #464647;
letter-spacing: -.5px;
}
.default-input::-webkit-input-placeholder,.default-textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #bbbcbe;
font-weight: 600;
font-family: 'Montserrat',sans-serif;
}
.default-input::-moz-placeholder,.default-textarea::-moz-placeholder { /* Firefox 19+ */
color: #bbbcbe;
font-weight: 600;
font-family: 'Montserrat',sans-serif;
}
.default-input:-ms-input-placeholder,.default-textarea:-ms-input-placeholder{ /* IE 10+ */
color: #bbbcbe;
font-weight: 600;
font-family: 'Montserrat',sans-serif;
}
.default-input:-moz-placeholder,.default-textarea:-moz-placeholder { /* Firefox 18- */
color: #bbbcbe;
font-weight: 600;
font-family: 'Montserrat',sans-serif;
}
.align-center{
display: flex;
align-items: center;
}
.flex-between{
display: flex;
align-items: center;
justify-content: space-between;
}
.total-adega{
padding: 30px 0;
border-bottom: 2px solid #e1e1e1;
border-top: 2px solid #e1e1e1;
}
.entrega{
padding-top: 30px;
}
.entrega__item{
width: 30%;
}
.entrega__item.first{
width: 100%;
}
.entrega__item .local{
font-weight: 800;
font-size: 16px;
margin-top: 12px;
margin-bottom: 10px;
color: #464647;
}
.entrega__item .local p{
margin-left: 10px;
font-weight: 800;
letter-spacing: .5px;
font-size: 16px;
}
.entrega__item .valor-frete{
margin-top: 20px;
color: #302d71;
font-size: 20px;
font-weight: 700;
letter-spacing: .5px;
}
.entrega__item .endereco{
font-weight: 600;
margin-bottom: 20px;
}
.entrega__item .frete-gratis{
font-size: 12px;
font-weight: 600;
line-height: 16px
}
.entrega__item .calcular-endereco{
color: #464647;
font-size: 13px;
/*margin-top: 30px;*/
font-weight: 600;
margin-bottom: 5px;
}
.entrega__item .btn-blue{
padding: 16px 20px;
}
.entrega__item .default-input{
width: 70%;
}
.endereco-info {
display: table;
width: 60%;
padding-left: 10px;
}
.endereco-frete {
display: table;
width: 40%;
text-align: right;
position: relative;
padding-right: 15px;
}
.endereco-one {
display: flex;
align-items: center;
}
.total-adega .entrega-gratuita{
color: #e0583f;
font-weight: 600;
font-size: 15px;
margin-top: 20px;
}
.total-adega .entrega-gratuita.confirmada{
color: #1cc053;
font-weight: 600;
font-size: 15px;
margin-top: 20px;
}
.total-adega .title{
width: 50%;
}
.total-adega .title .cupoms{
color: #302d71;
font-weight: bold;
font-size: 15px;
width: 12%;
}
.total-adega .unidades{
color: #302d71;
font-weight: bold;
font-size: 20px;
width: 12%;
}
.total-adega .valor{
color: #302d71;
font-weight: bold;
font-size: 20px;
width: 32%;
text-align: right;
}
.total-adega .valor .valor_total{
color: #302d71;
font-weight: bold;
font-size: 20px;
width: 32%;
text-align: right;
text-decoration: line-through;
}
.total-adega .valor .valor_desconto{
color: #302d71;
font-weight: bold;
font-size: 20px;
width: 32%;
text-align: right;
padding-right: 5px;
}
.vinhos-adega{
box-sizing: border-box;
padding-right: 35px;
float: left;
border-right: 1px solid #e5e5e3;
display: flex;
align-items: center;
}
.vinhos-adega .texto{
margin-left: 30px;
font-size: 18px;
text-transform: uppercase;
color: #333333;
font-weight: 800;
}
.valor-total{
box-sizing: border-box;
padding-right: 35px;
border-right: 1px solid #e5e5e3;
float: left;
}
.valor-total .texto,.valor-economizado .texto{
text-transform: uppercase;
color: #333333;
font-weight: 800;
}
.valor-economizado{
box-sizing: border-box;
float: left;
}
.vinhos-adega .numero{
color: #302d71;
font-size: 75px;
font-weight: 900;
}
.minha-conta__right .texto{
text-transform: uppercase;
color: #333333;
font-weight: 800;
}
.valor-total .numero{
color: #f54f25;
font-weight: 800;
font-size: 38px;
margin-top: 5px;
letter-spacing: -3px;
}
.valor-economizado .numero{
color: #1cc053;
font-weight: 800;
font-size: 38px;
margin-top: 5px;
letter-spacing: -3px;
}
.valor-total .rs,.valor-economizado .rs{
font-weight: 300;
letter-spacing: 0px;
}
.center{
align-items: center;
display: flex;
margin-bottom: 30px;
justify-content: space-between;
}
.checkout-facebook{
color: white;
background: #3c5a99;
padding: 14px 20px;
border-radius: 3px;
font-weight: 800;
font-size: 12px;
margin-top: 10px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
gap: 10px;
}
.checkout-facebook .fa{
font-size: 22px;
margin-right: 10px;
}
.checkout-twitter{
color: white;
background: #1da1f2;
padding: 14px 20px;
margin-top: 10px;
border-radius: 3px;
font-weight: 800;
text-transform: uppercase;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
gap: 10px;
}
.checkout-twitter i, .checkout-facebook i{
font-size: 22px;
}
.checkout-twitter .fa{
font-size: 22px;
margin-right: 10px;
}
.checkout-google-btn{
color: white;
background: #db412d;
padding: 14px 20px;
margin-top: 10px;
border-radius: 3px;
font-weight: 800;
font-size: 12px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
gap: 10px;
}
.checkout-google-btn .fa{
font-size: 22px;
margin-right: 10px;
}
.checkout-google-btn i{
font-size: 22px;
}
.identificacao .btn-blue{
margin-top: 10px;
width: 100%;
font-size: 16px;
font-weight: 900;
letter-spacing: 1px;
padding: 14px 0 ;
}
.identificacao{
box-shadow: 2px 6px 30px 0px rgba(45, 62, 80, 0.22);
border-radius: 5px;
box-sizing: border-box;
padding: 40px 60px;
margin-bottom: 40px;
background:white;
}
.resumo-compra,.tabela-adega-virtual,.meio-pagamento,.whatsapp,.cupom-desconto{
padding: 40px 60px;
margin-bottom: 40px;
}
.acesse-rede-social{
width: 40%;
}
.ou{
width: 10%;
text-align: center;
font-weight: 500;
color: #333333;
letter-spacing: -2px;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .5px;
}
.acesse-login{
width: 40%;
}
.acesse-rede-social .acesse__title{
margin-bottom: 0;
}
.acesse__title{
font-size: 16px;
font-weight: 600;
color: #444444;
margin-bottom: 10px;
}
.acesse-login .acesse__title{
margin-bottom: 0px;
}
.etapa{
display: inline-flex;
align-items: center;
margin-bottom: 30px;
}
.etapa__title{
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
color: #444444;
letter-spacing: .5px;
}
.circle-icon{
color: #e0583f;
width: 40px;
height: 40px;
display: flex;
border-radius: 50%;
border: 3px solid #cdcdcd;
align-items: center;
justify-content: center;
font-size: 20px;
margin-right: 20px;
}
.circle-icon.green{
color: #1dc053;
}
.circle-icon.yellow{
color: #fcac07;
}
.cadastre-se{
color: #302775;
font-size: 12px;
margin-top: 8px;
cursor: pointer;
}
.esqueci{
font-weight: bold;
color: #e0583f;
font-size: 12px;
margin-top: 8px;
}
.esqueci a{
color: #e0583f;
}
.checkout-rede-social{
display: inline-flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.register-section__title{
margin-top: 30px;
margin-bottom: 20px;
color: #333333;
text-align: center;
font-size: 26px;
font-weight: 400;
letter-spacing: 1px;
}
.register-section__title b{
font-weight: 600;
}
.register-left{
width: 48%;
}
.register-right{
width: 48%;
}
.register-left .nome{
width: 48%;
}
.register-left .sobrenome{
width: 48%;
}
.ofertas-email{
text-align: center;
width: 100%;
margin-top: 30px;
display: inline-flex;
font-weight: 600;
align-items: center;
justify-content: center;
}
.identificacao .flex-between{
align-items: normal;
}
#produtos-relacionados{
margin: 30px 0;
}
.produtos-relacionados__item{
box-sizing: border-box;
position: relative;
padding: 30px;
width: 32%;
display: flex;
align-items: center;
justify-content: space-between;
height: 190px;
}
.produtos-relacionados__item--vestuario{
padding-left: 15px;
padding-top: 15px;
}
.produtos-relacionados__item+.produtos-relacionados__item{
margin-left: 2%;
}
.produtos-relacionados__item img{
height: 150px;
max-width: 90px;
}
.produtos-relacionados__item--vestuario img{
max-width: 125px;
max-height: 125px;
padding-top: 45px;
}
.produtos-relacionados__item .informacoes{
width: 70%;
}
.produtos-relacionados__item--vestuario .informacoes{
width: 100%;
}
.produtos-relacionados__item--collection{
padding-left: 0px;
}
.produtos-relacionados__item--collection img{
max-width: 120px;
height: auto;
}
.produtos-relacionados__title{
color: #333333;
font-weight: 600;
font-size: 16px;
line-height: 15px;
margin-bottom: 100px;
max-width: 93%;
}
.produtos-relacionados__title--variacao{
max-width: 100%;
font-size: 20px;
position: absolute;
top: 25px;
}
.produtos-relacionados__valor-old{
color: #717173;
font-weight: 600;
font-size: 12px;
text-decoration: line-through;
-webkit-text-decoration: line-through;
line-height: 10px;
}
.produtos-relacionados__valor-new{
font-weight: 800;
font-size: 18px;
margin-bottom: 5px;
color: #e0583f;
}
.produtos-relacionados__individual{
font-weight: 800;
font-size: 11px;
margin-bottom: 4px;
color: #e0583f;
text-align: right;
line-height: 15px;
margin-right: 20px;
}
.produtos-relacionados__individual--img{
position: absolute;
}
.produtos-relacionados__individual--img img{
width: 20px;
height: 25px;
margin-left: 165px;
margin-top: -2px;
}
.produtos-relacionados__exclusividade{
font-weight: 800;
font-size: 12px;
margin-bottom: 23px;
color: #e0583f;
text-align: center;
line-height: 15px;
margin-top: 75px;
}
.produtos-relacionados__exclusividade--img{
position: absolute;
}
.produtos-relacionados__exclusividade--img img{
width: 22px;
height: 25px;
margin-left: 63px;
margin-top: 0px;
}
.btn-comprar{
border-radius: 2px;
color: white;
background: #45af22;
font-size: 13px;
height: 44px;
padding: 0 16px;
border: 2px solid #45af22;
font-weight: 800;
text-transform: uppercase;
margin-left: 10px;
cursor: pointer;
letter-spacing: 1px;
font-size: 14px;
font-weight: 600;
font-family: "Montserrat";
}
.btn-comprar:hover{
background: #338618;
border-color: transparent;
}
.btn-whatsapp{
border-radius: 2px;
color: white;
background: #1cc053;
margin-top: 10px;
padding: 0 20px;
border: 2px solid #1cc053;
font-size: 14px;
height: 50px;
font-weight: 700;
text-transform: uppercase;
margin-left: 10px;
cursor: pointer;
}
.btn-whatsapp:hover{
border-color: #1cc053;
color: #1cc053;
background: white;
}
#pesquisa-canal .pesquisa{
text-align: left;
color: black;
border: 1px solid black;
border-radius: 3px;
height: 42px;
font-size: 18px;
font-weight: bold;
box-sizing: border-box;
padding-left: 16px;
font-family: 'Montserrat',sans-serif;
background-color: white;
margin-right: 18px;
margin-bottom: 10px;
width: 75%;
}
#pesquisa-canal .pesquisa:focus{
outline: none;
}
#pesquisa-canal form{
width: 100%;
}
#pesquisa-canal .btn-pesquisar{
margin-bottom: 10px;
margin-right: 20px;
width: 25%;
}
.quantidade{
width: 60px;
text-align: left;
color: black;
border: 1px solid black;
border-radius: 3px;
height: 42px;
font-size: 18px;
font-weight: bold;
box-sizing: border-box;
padding-left: 9px;
font-family: 'Montserrat',sans-serif;
background-color: white;
}
.quantidade:focus{
outline: none;
}
.variacao{
width: 75px;
text-align: left;
color: black;
border: 1px solid black;
border-radius: 3px;
height: 42px;
font-size: 18px;
font-weight: bold;
box-sizing: border-box;
padding-left: 16px;
font-family: 'Montserrat',sans-serif;
background-color: white;
}
.variacao:focus{
outline: none;
}
#login-form .default-input:first-child{
margin-top: 0;
}
.valor_unitario{
color: #77787a;
font-weight: 500;
margin-top: 5px;
display: block;
}
.div-total{
background: #d1d3d4;
display: flex;
align-items: center;
padding: 25px 70px;
}
.div-total__title{
width: 72.5%;
}
.div-total p{
font-weight: bold;
font-size: 16px;
}
.cart-item__produto{
display: flex;
align-items: center;
width: 100%;
padding: 10px 0;
}
.cart-item__produto .texto{
display: flex;
flex-direction: column;
}
.cart-item__produto .texto p{
font-size: 14px;
font-weight: bold;
}
.cart-item__produto img{
height: 75px;
float: left;
margin-left: 8px;
margin-right: 32px;
}
.div-total__right{
display: flex;
align-items: center;
justify-content: space-between;
width: 25.5%;
}
.div-total__valor{
color: #302775;
font-weight: 800;
font-size: 18px;
}
.voce-economizou{
text-align: right;
font-weight: 500;
color: #333333;
margin-right: 85px;
margin-top: 15px;
margin-bottom: 20px;
}
.tabela-adega-virtual{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.tabela-adega-virtual__left{
width: 15%;
text-align: center;
}
.tabela-adega-virtual__left.confirmacao{
width: 10%;
text-align: left;
}
.tabela-adega-virtual__title{
margin-top: 8px;
font-size: 15px;
font-weight: 800;
letter-spacing: 2px;
color: #444444;
}
.tabela-adega-virtual__right{
width: 70%;
margin-left: 5%;
}
.tabela-adega-virtual__description{
font-size: 13px!important;
color: #444444!important;
font-weight: 700!important;
line-height: 16px!important;
padding: 0!important;
}
.tabela-adega-virtual .tabela-fretes{
width: 100%;
margin-top:40px;
display: none;
}
.adega-virtual .tabela-fretes{
display:block;
}
.tabela-adega-virtual .tabela-fretes table{
width: 100%;
}
.tabela-adega-virtual .tabela-fretes table td{
text-align: center;
}
.tabela-adega-virtual .frete-gratuito{
margin: 15px 0;
font-weight: 700;
font-size: 14px;
color: #e0583f;
padding: 0!important;
}
.tabela-adega-virtual .item{
text-align: center;
}
.tabela-adega-virtual .item__regiao{
font-size: 14px;
color: #444444;
font-weight: 700;
line-height: 14px;
padding: 0!important;
text-align:center!important;
}
.tabela-adega-virtual .item__valor{
font-weight: 700;
color: #e0583f;
font-size: 16px;
padding: 0!important;
text-align:center!important;
}
.clique-aqui{
color: #e0583f;
text-decoration: underline;
-webkit-text-decoration: underline;
}
.meio-pagamento__forma-pagamento{
text-align: center;
padding: 20px;
box-sizing: border-box;
border: 1px solid #E7E7E7;
color: #555555;
font-weight: 600;
text-transform: uppercase;
letter-spacing: -0.02em;
width: 34%;
cursor: pointer;
}
.meio-pagamento__forma-pagamento:hover{
color: #302e71;
}
.primeiro-box.disabled{
display: none;
}
.pix{
display: none;
}
.pix.active{
display: block;
}
.meio-pagamento__forma-pagamento:first-child{
border-right:none;
}
.meio-pagamento__forma-pagamento:last-child{
border-left:none;
}
.meio-pagamento__forma-pagamento.active{
border-color:#302e71 ;
background:#302e71;
color: white;
}
.cartoes,.deposito-bancario{
width: 45%;
margin-top: 40px;
}
.meio-pagamento .flex-between{
align-items: initial;
}
.meio-pagamento .flex-container{
-webkit-flex-flow: row;
}
.deposito-bancario__infos{
font-weight: 500;
letter-spacing: -.5px;
line-height: 20px;
}
.deposito-bancario__infos b{
font-weight: 600;
}
.deposito-bancario__options{
margin-top: 30px;
margin-bottom: 30px;
}
.deposito-bancario__options .item{
display: flex;
align-items: center;
}
.deposito-bancario__options .item label{
margin-top: 0;
margin-left: 10px;
font-size: 14px;
letter-spacing: 1px;
}
/* Disabled */
.deposito-bancario.disabled{
opacity: 0.2;
}
.cartoes.disabled{
opacity: 0.2;
}
.cartoes.disabled .default-input{
cursor: not-allowed;
}
.deposito-bancario.disabled .default-input{
cursor: not-allowed;
}
.enviar-comprovante{
font-weight: 500;
font-size: 12px;
line-height: 18px;
margin-top: 15px;
}
.enviar-comprovante b{
font-weight: 600;
}
.cartoes__salvar-cartao{
display: flex;
align-items: center;
width: 100%;
margin-top: 20px;
}
.cartoes__salvar-cartao input{
margin: 0;
margin-right: 10px;
width: 3%;
}
.cartoes__salvar-cartao label{
margin: 0;
}
.cartoes__novo-cartao{
padding: 18px 70px;
box-sizing: border-box;
border: 2px solid transparent;
color: white;
background: #e0583f;
border-radius: 3px;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 16px;
display: flex;
align-items: center;
cursor: pointer;
margin-top: 30px;
}
.cartoes__novo-cartao:hover{
border-color: #e0583f;
color: #e0583f;
background: white;
}
.cartoes__item{
display: flex;
align-items: center;
padding-bottom: 20px;
border-bottom: 2px solid #e1e1e1;
}
.cartoes__item+.cartoes__item{
margin-top: 20px;
}
.cartoes__item p{
font-weight: 600;
color: #464647;
}
.cartoes__item .validade{
margin-left: 30px;
}
.cartoes__item .cartao-item__title{
margin-bottom: 6px;
}
.cartoes__item img{
margin-right: 10px;
width: 40px;
}
.cartoes__item input{
margin-right: 20px;
}
.btn-confirmar-compra{
padding: 18px 70px;
box-sizing: border-box;
border: 2px solid transparent;
color: white;
background: #1cc053;
border-radius: 3px;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 16px;
display: flex;
align-items: center;
margin: 0 auto;
cursor: pointer;
margin-top: 60px;
}
.btn-confirmar-compra:hover{
border-color: #1cc053;
color: #1cc053;
background: white;
}
.btn-confirmar-compra .fa{
font-weight: bold;
font-size: 20px;
margin-left: 20px;
}
.meio-pagamento__problemas-compra{
font-weight: 600;
text-align: center;
font-size: 12px;
margin-top: 15px;
}
.meio-pagamento__problemas-compra a{
color: #086ed4;
}
.confirmacao-compra{
padding: 40px 60px;
box-shadow: 2px 6px 30px 0px rgba(45, 62, 80, 0.22);
border-radius: 5px;
margin-top: 80px;
background: white;
margin-bottom: 80px;
}
.confirmacao-compra .align-center{
justify-content: center;
}
.confirmacao-compra .etapa__title{
text-transform: initial;
}
.confirmacao-compra .etapa{
margin-bottom: 10px;
}
.confirmacao-compra .tabela-adega-virtual__title{
font-size: 13px;
}
.confirmacao-compra__numero-pedido{
font-size: 24px;
font-weight: 500;
letter-spacing: 2px;
margin-left: 66px;
}
.confirmacao-compra__numero-pedido .orange{
color: #f54f25;
font-weight: bold;
}
.confirmacao-compra__email{
color: #77787a;
font-weight: 500;
margin-top: 10px;
margin-left: 66px;
}
.confirmacao-compra__email--analise{
margin-top: 0px;
}
.confirmacao-compra__email--mensagem_entregas{
color: #e1624a;
font-weight: bold;
margin-left: 75px;
margin-right: 75px;
}
.confirmacao-compra__email.confirmacao-compra__email--outlet{
color: #302775;
font-weight: 500;
margin-top: 10px;
margin-left: 106px;
font-size: 12px;
}
.confirmacao-compra__ir-adega{
text-transform: uppercase;
background: #e0583f;
font-size: 16px;
font-weight: 700;
color: white;
padding: 16px 0;
letter-spacing: .5px;
border-radius: 3px;
margin-top: 40px;
border: 2px solid transparent;
width: 35%;
text-align: center;
display: block;
margin-left: 20px;
}
.confirmacao-compra__ir-adega:hover{
background:white;
border-color: #e0583f;
color: #e0583f;
}
.confirmacao-compra__solicitar-entrega{
text-transform: uppercase;
background: #302775;
font-size: 16px;
font-weight: 700;
color: white;
padding: 16px 0;
letter-spacing: .5px;
border-radius: 3px;
margin-top: 40px;
border: 2px solid transparent;
width: 35%;
text-align: center;
display: block;
}
.confirmacao-compra__solicitar-entrega:hover{
background:white;
border-color: #302775;
color: #302775;
}
.login{
background: #f2f2f3;
padding-top: 120px;
padding-bottom: 120px;
}
.login-box{
width: 50%;
box-sizing: border-box;
padding: 30px;
background: white;
border: 3px solid #e1e1e1;
border-radius: 5px;
position: relative;
display: block;
margin: 0 auto;
}
.login-box__acesse{
font-size: 26px;
color: #e0583f;
font-weight: 800;
text-align: center;
margin-top: 40px;
margin-bottom: 15px;
}
.login-box__rede-social{
font-size: 15px;
color: #7a7979;
font-weight: 500;
text-align: center;
}
.login-box .checkout-rede-social{
margin-top: 10px;
}
.login-box__icon{
position: absolute;
top: -28px;
left: calc((100% - 96px)/2);
}
.login .btn-blue{
margin-top: 10px;
width: 100%;
font-size: 16px;
font-weight: 900;
letter-spacing: 1px;
padding: 14px 0 ;
}
.login-box__ou{
position: relative;
}
.login-box__ou p{
position: absolute;
font-size: 15px;
color: #7a7979;
font-weight: 500;
background: white;
width: 65px;
text-align: center;
top: -12px;
right: calc((100% - 65px)/2);
}
.login-box__ou hr{
height: 1px;
background: #e1e1e1;
border: none;
display: block;
margin-top: 20px;
margin-bottom: 10px;
}
/* Canal */
.canal__filters{
position: relative;
width: 240px;
}
.canal{
padding: 80px 0 ;
}
.canal__left{
width: 24%;
margin-right: 3%;
}
.canal__right{
width: 73%;
}
.canal .menu{
list-style: none;
box-sizing: border-box;
padding: 20px 20px;
border-radius: 3px;
}
.canal .menu li{
text-transform: uppercase;
font-weight: 800;
color: #464647;
padding: 5px 0;
font-size: 12px;
display: flex;
align-items: center;
cursor: pointer;
}
.canal .menu li img{
margin-right: 15px;
width: 20px;
}
.canal .menu li input{
margin-right: 15px;
}
.canal .menu li label{
margin-top:0;
transition:all 0.45s;
-moz-transition: all 0.45s; /* Firefox 4 */
-webkit-transition: all 0.45s; /* Safari and Chrome */
-o-transition: all 0.45s; /* Opera */
}
.canal .menu li:hover label{
padding-left: 5px;
}
.canal__filter-title{
text-transform: uppercase;
color: #808285;
font-weight: bold;
margin-bottom: 10px;
margin-top: 10px;
}
.canal__filter-title .fa{
float: right;
font-size: 18px;
transform: rotate(0deg);
transition: 250ms ease;
}
.visivel.canal__filter-title .fa{
transform: rotate(180deg);
}
.canal__filter-title:first-child{
margin-top: 0;
}
.canal__listagem-title{
color: #302e71;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 10px;
}
#listagem__produtos .outlet-result{
width: 100%;
box-shadow: 2px 6px 30px 0px rgba(45, 62, 80, 0.22);
box-sizing: border-box;
padding: 20px;
border-radius: 3px;
margin-bottom: 30px;
position: relative;
background: white;
margin-right: 18px;
transition: box-shadow 0.4s;
}
.premium-desc-collection{
margin-bottom: 30px;
}
.premium-desc-collection strong,
.premium-desc strong{
font-weight: 600;
}
.video-box-premium{
margin-top: 30px;
}
.outlet-item{
width: 224px;
box-shadow: 2px 6px 30px 0px rgba(45, 62, 80, 0.22);
box-sizing: border-box;
padding: 20px;
border-radius: 3px;
margin-bottom: 30px;
position: relative;
background: white;
margin-right: 18px;
height: 425px;
transition: box-shadow 0.4s;
}
.outlet-item.premium{
height: 340px;
}
.outlet-item__absolute-bottom{
position: absolute;
bottom:10px;
}
.outlet-item__absolute-bottom--variacao{
position: absolute;
bottom: 65px;
}
.outlet-item.premium{
width: 100%;
padding-right: 60px;
display: flex;
align-items: center;
justify-content: space-between;
}
.outlet-item.premium .outlet-item__texto{
width: 100%;
}
.outlet-item__texto{
width: 40%;
}
.outlet-item__left{
width: 60%;
}
.outlet-item.premium .outlet-item__acao{
width: 40%;
}
.outlet-item__acao{
width: 33%;
}
.outlet-item.premium .outlet-item__title{
font-size: 18px;
margin-bottom: 16px;
}
.outlet-item__categoria{
width: 100%;
color: #7c7b7b;
font-weight: 800;
text-transform: uppercase;
font-size: 11px;
display: flex;
align-items: center;
}
.outlet-item__unidades{
width: fit-content;
color: #ffffff;
font-weight: 800;
font-size: 11px;
display: flex;
align-items: center;
margin-bottom: 5px;
background-color: red;
padding: 5px 10px 5px 10px;
border-radius: 25px;
}
.outlet-item__unidades--red{
background-color: red;
}
.outlet-item__unidades--blue{
background-color: #302e71;
}
.outlet-item__unidades--yellow{
background-color: #ecbd00;
}
.outlet-item.premium .outlet-item__categoria{
width: 45%;
}
.outlet-item.premium .outlet-item__pais{
width: 50%;
margin-top: 0;
}
.outlet-item.premium hr{
margin: 20px 0;
}
.outlet-item.premium .outlet-item__categoria,.outlet-item.premium .outlet-item__pais{
font-size: 12px;
color: #333333;
line-height: 12px;
}
.outlet-item__categoria img{
width: 22px;
}
.outlet-item__separador{
margin:0 3px;
font-size: 16px;
color: #7c7b7b;
}
.outlet-item__separador:last-of-type{
display:none;
}
.outlet-item.premium .outlet-item__vinho{
max-height: 220px;
}
.outlet-item.premium .outlet-item__vinho.resolucao-4{
height: 190px;
}
.outlet-item.premium .outlet-item__vinho.resolucao-5{
height: 140px;
}
.outlet-item.premium .outlet-item__vinho.resolucao-6{
/*height: 123px;*/
height: auto;
}
.outlet-item__vinho{
margin: 0 auto;
display: block;
margin-bottom: 20px;
max-width: 185px;
height: 170px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
object-fit: contain;
}
.outlet-item__vinho--collection{
height: auto;
}
.outlet-item__pais{
width: 100%;
color: #7c7b7b;
font-weight: 800;
text-transform: uppercase;
font-size: 11px;
margin-top: 5px;
display: flex;
align-items: center;
}
.outlet-item__pais img{
width: 22px;
height: 22px;
border-radius: 50%;
}
.outlet-item__title{
color: #333333;
font-size: 16px;
line-height: 17px;
font-weight: 700;
margin-bottom: 12px;
letter-spacing: -1px;
height: 40px;
}
.outlet-item.premium .outlet-item__img{
width: 30%;
}
.outlet-item__img{
display: block;
margin: 0 auto;
padding-right: 20px;
}
.quantidade-canal{
width: 40px;
text-align: center;
border: 1px solid #333333;
border-radius: 3px;
height: 40px;
font-size: 18px;
font-weight: bold;
font-family: 'Montserrat',sans-serif;
}
.btn-comprar-canal{
border-radius: 2px;
color: white;
background: #45af22;
font-size: 13px;
height: 44px;
padding: 0 16px;
border: 2px solid #45af22;
font-weight: 800;
text-transform: uppercase;
margin-left: 10px;
cursor: pointer;
letter-spacing: 1px;
font-size: 14px;
font-weight: 600;
font-family: "Montserrat";
}
.btn-comprar.btn-comprar--disable, .btn-comprar-canal.btn-comprar-canal--disable{
background: #999999;
border: 2px solid #999999;
cursor: auto;
}
.btn-comprar-canal:hover{
background: #99e320;
border-color: transparent;
}
.btn-comprar.btn-comprar--disable:hover, .btn-comprar-canal.btn-comprar-canal--disable:hover{
background: #999999;
}
.btn-esgotado-canal{
border-radius: 2px;
color: white;
background: #999999;
font-size: 14px;
height: 44px;
padding: 0 16px;
border: 2px solid #999999;
font-weight: 800;
text-transform: uppercase;
}
.btn-indisponivel-canal{
border-radius: 2px;
color: white;
background: #ecbd00;
font-size: 13px;
height: 44px;
padding: 0px;
border: 2px solid #ecbd00;
font-weight: 800;
text-transform: uppercase;
font-family: "Montserrat";
width: 100%;
outline: none;
}
.btn-indisponivel-canal--right{
margin-right: 25px;
}
.outlet-item__preco{
margin: 10px 5px;
font-weight: bold;
font-size: 18px;
color: #e0583f;
width: 55%;
}
.outlet-item.premium .outlet-item__preco{
font-size: 30px;
text-align: right;
width: 100%;
font-weight: 700;
letter-spacing:-2px;
}
.outlet-item__description{
font-size: 13px;
letter-spacing: -.5px;
color: #808184;
max-height: 165px;
overflow-y: auto;
overflow-x: hidden;
font-weight: 500;
}
.outlet-item.premium .outlet-item__description{
line-height: 20px;
}
.outlet-item.premium .outlet-item__preco-velho{
font-size: 16px;
margin: 10px 0;
color: #6e6f71;
font-weight: 600;
text-decoration: line-through;
-webkit-text-decoration: line-through;
display: block;
text-align: right;
margin-bottom: 0px;
width: 100%;
}
.outlet-item.premium .outlet-item__preco{
font-size: 30px;
text-align: right;
width: 100%;
font-weight: 700;
letter-spacing: -2px;
display: block;
margin-top: 0px;
}
.outlet-item.premium .outlet-item__quantidade{
font-size: 16px;
margin: 10px 0;
color: #6e6f71;
font-weight: 600;
text-decoration: line-through;
-webkit-text-decoration: line-through;
display: block;
text-align: right;
margin-bottom: 0px;
width: 100%;
}
.outlet-item.premium .outlet-item__variacao{
font-size: 30px;
text-align: right;
width: 100%;
font-weight: 700;
letter-spacing: -2px;
display: block;
margin-top: 0px;
}
.outlet-item.premium .outlet-item__acao .flex-between:first-child{
display:block!important;
}
.canal__right .flex-container{
justify-content: initial;
}
.outlet-item__desconto{
font-weight: 700;
color: white;
font-size: 14px;
height: 40px;
width: 40px;
background: #302e71;
border-radius: 50%;
letter-spacing: -1px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 20px;
top: 10px;
}
.outlet-item__desconto.premium{
top: 40px;
left: 20px;
}
.outlet-item__restam{
position: absolute;
top: 0;
left: 0;
color: white;
font-weight: bold;
background: #e0583f;
padding: 12px;
border-radius: 0px 3px 3px 0px;
}
.banner-interno__canal-title{
position: absolute;
top: 20%;
left: calc((100% - 427px)/2);
color: white;
font-size: 85px;
font-weight: 800;
letter-spacing: 12px;
text-transform: uppercase;
z-index: 999;
}
.menu-lateral{
display: flex;
flex-direction: column;
position: fixed;
left: -1000px;
top: 0;
height: 100vh;
background: #302e71;
padding: 50px 40px 0px 30px;
list-style: none;
transition: 0.4s;
box-shadow: 10px 5px 20px -3px rgba(0,0,0,0.3);
}
.menu-lateral li{
padding: 20px 0 ;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.menu-lateral li:last-of-type{
border-bottom: none;
}
.menu-lateral li a{
color: white;
font-weight: bold;
font-size: 13px;
letter-spacing: .5px;
text-transform: uppercase;
}
.menu-lateral li .fa{
color: #e0583f;
font-weight: bold;
margin-right: 20px;
}
.menu-lateral__logo{
width: 60px;
transform: rotate(22deg);
margin-bottom: 15px;
}
.ordemcompra__previsaoentrega{
display: flex;
align-items: center;
justify-content: flex-end;
letter-spacing: -.5px;
color: white;
font-weight: bold;
text-transform: initial;
}
.ordemcompra__previsaoentrega .fa{
margin-left: 10px;
color: #e0583f;
width: 25px;
display: flex;
align-items: center;
justify-content: center;
height: 25px;
}
.cabecalho__acesse{
display: flex;
align-items: center;
justify-content: flex-end;
letter-spacing: -.5px;
color: white;
font-weight: bold;
text-transform: initial;
}
.cabecalho.active .cabecalho__acesse{
display: none;
}
.cabecalho__acesse p{
color: white;
font-weight: bold;
}
.cabecalho__acesse .fa{
margin-left: 10px;
color: white;
border: 2px solid #e0583f;
width: 25px;
display: flex;
align-items: center;
justify-content: center;
height: 25px;
border-radius: 50%;
}
.cabecalho__acesse .fa:before{
margin-right: 1px;
}
#abrirMenu{
color: white;
font-weight: bold;
letter-spacing: .5px;
font-size: 14px;
text-transform: uppercase;
display: flex;
align-items: center;
cursor: pointer;
}
#abrirMenu:hover{
letter-spacing: 1px;
}
#abrirMenu .fa{
color: #e0583f;
margin-right: 8px;
}
#cart{
margin-left: auto;
color: white;
margin-top: 10px;
}
.cabecalho.active #cart{
margin-top: 0;
}
#cart a{
color: white;
font-weight: 500;
}
.cabecalho__user{
display: flex;
justify-content: flex-end;
align-items: center;
}
.cabecalho__ola{
color: white;
font-weight: bold;
padding-right: 10px;
border-right: 1px solid rgba(255,255,255,0.2);
}
.cabecalho__sair{
padding-left: 10px;
color: #e0583f;
font-weight: bold;
}
.vinhos-carrinho{
display: flex;
justify-content: flex-end;
align-items: center;
}
.vinhos-carrinho__numero{
color: white;
border: 2px solid white;
background: #e0583f;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
margin-right: 10px;
font-size: 14px;
}
.vinhos-carrinho__texto{
color: white;
line-height: 16px;
font-size: 12px;
font-weight: 500;
text-align: left;
}
.adicionar-endereco .select2-container{
display: none;
}
.spacer{
display: table;
width: 100%;
margin:15px 0;
}
.origem{
padding-top: 80px;
padding-bottom: 50px;
background: url(../img/site/site-fundo.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
body.oferta-semana{
background-color: #b99d92;
}
.origem.origem-semana, .oferta-do-dia.origem-semana{
padding-top: 80px;
padding-bottom: 50px;
background: url(../img/site/oferta_semana_fundo.png);
background-size: 100%;
background-repeat: no-repeat;
background-color: #b99d92;
}
.origem .container{
width: 600px;
}
.origem__description{
padding-top: 30px;
text-align: left;
font-weight: 500;
font-family: "Montserrat";
font-size: 14px;
line-height: 1.7em;
letter-spacing: 0.05em;
}
.origem__description strong,
.origem__description b{
font-weight: 600;
}
.origem__item .title{
color: #333;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1.5px;
font-size: 12px;
line-height: 16px;
}
.origem__item .subtitle{
text-transform: uppercase;
font-weight: 600;
letter-spacing: -.5px;
font-size: 13px;
line-height: 13px;
}
.origem__item{
display: flex;
align-items: center;
}
.origem__item img{
margin-right: 15px;
width: 40px;
}
.origem__item img.teor{
width: 20px;
}
.whatsapp__title{
font-weight: 800;
letter-spacing: -.5px;
display: flex;align-items: center;
}
.whatsapp__title .fa{
color: #1cc053;
font-size: 24px;
margin-left: 10px;
}
.whatsapp__description{
font-size: 13px;
font-weight: 600;
line-height: 14px;
letter-spacing: -.5px;
margin-top: 20px;
}
.whatsapp__description.grey{
color: #cccccc;
}
.vinhos-adega-header{
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 10px;
}
.vinhos-adega-header__numero{
color: white;
border: 2px solid white;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
margin-right: 10px;
font-size: 14px;
background-color: #302d71;
}
.contato{
width: 70%;
margin: 40px auto;
display: block;
background: white;
box-shadow: 2px 22px 30px 0px rgba(45, 62, 80, 0.22);
border-radius: 5px;
padding: 40px 60px;
}
.contato .btn-blue{
width: 100%;
margin-top: 30px;
height: 50px;
font-size: 16px;
}
.contato__title{
color: #333333;
text-align: center;
margin-top: 60px;
}
.contato__subtitle{
color: #333333;
font-weight: 800;
text-align: center;
margin-bottom: 80px;
}
.contato-item{
width: 50%;
margin: 0 auto;
}
.contato-item .fa{
color: #e0583f;
width: 40px;
height: 40px;
font-size: 20px;
margin-right: 10px;
border: 2px solid #e0583f;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.contato-item .texto .title{
font-weight: bold;
font-size: 13px;
line-height: 16px;
}
.contato-item .texto .subtitle{
font-weight: bold;
color: #e0583f;
line-height: 16px;
}
.contato-hr{
height: 1px;
border:none;
width: 82%;
display: block;
margin: 0 auto;
margin-top: 60px;
background: #d1d3d4;
}
.oferta-do-dia{
padding-top: 80px;
padding-bottom: 80px;
}
.oferta-do-dia .container{
width: 800px;
}
.oferta-do-dia__img{
width: 50%;
}
.oferta-do-dia__img img{
margin: 0 auto;
display: block;
}
.oferta-do-dia__img.resolucao-6 img{
max-width: 330px;
}
.oferta-do-dia__img.resolucao-5 img{
max-width: 380px
}
.oferta-do-dia__img.resolucao-4 img{
max-width: 320px;
}
.oferta-do-dia__img.resolucao-3 img{
max-width: 240px;
}
.oferta-do-dia__img.resolucao-2 img{
max-width: 154px;
}
.oferta-do-dia__img.resolucao-1 img{
max-width: 132px;
}
p.quero-na-minha-adega{
text-align: center;
padding-top: 20px;
}
.oferta-do-dia__info{
width: 50%;
position: relative;
}
.oferta-do-dia__info p a{
color:rgba(48, 46, 113, 1);
text-decoration: underline;
-webkit-text-decoration: underline;
font-weight: bold;
}
.oferta-do-dia__title{
color: #333333;
font-weight: bold;
letter-spacing: -2px;
margin-bottom: 20px;
font-size: 25px;
margin-top: 10px;
}
.oferta-do-dia__preco-velho{
text-decoration: line-through;
-webkit-text-decoration: line-through;
color: #797a7c;
font-weight: bold;
}
.oferta-do-dia__preco{
color: #e0583f;
font-weight: 800;
font-size: 28px;
margin-bottom: 30px;
}
.oferta-do-dia__desconto{
font-weight: 800;
color: white;
font-size: 16px;
height: 50px;
width: 50px;
background: #302e71;
border-radius: 50%;
letter-spacing: -1px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 185px;
bottom: 24px;
}
.oferta-do-dia__vinhos-combo-texto{
color: #e0583f;
font-weight: bold;
margin-top: 30px;
font-size: 12px;
}
.oferta-do-dia__vinhos-combo{
list-style: none;
}
.oferta-do-dia__vinhos-combo li{
font-weight: bold;
color: #333333;
font-size: 12px;
padding: 10px 0;
border-bottom: 1px solid #cccccc;
}
.oferta-do-dia__vinhos-combo li:last-of-type{
border-bottom: none;
}
.selecionar-combo{
display: flex;
align-items: center;
margin-bottom:50px;
margin-top: 30px;
}
.selecionar-combo__selecione{
width: 450px;
color: #58595b;
font-weight: bold;
}
.selecionar-combo .default-select{
margin-top: 0;
}
.ficha-tecnica img{
width: 80px;
margin-right: 15px;
}
.ficha-tecnica__title{
color: rgba(48, 46, 113, 1);
letter-spacing: 2px;
font-weight: bold;
}
.ficha-tecnica__download{
color: rgba(48, 46, 113, 1);
font-weight: bold;
}
.informacoes-tecnicas__title{
background: #e0583f;
color: white;
border-radius: 5px 5px 0 0;
font-weight: bold;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 4px;
padding: 14px 10px 14px 30px;
margin-top: 20px;
text-align: center;
font-weight: 800;
}
.informacoes-tecnicas__linha{
padding: 6px 0;
display: flex;
border-bottom: 2px solid #eee6e3;
}
.informacoes-tecnicas__linha:last-of-type{
border-bottom: none;
}
.ficha-tecnica__tabela{
background: white;
border-radius: 0 0 5px 5px;
box-sizing: border-box;
padding: 20px;
}
.informacoes-tecnicas__linha p{
color: rgba(48, 46, 113, 1);
font-size: 13px;
}
.informacoes-tecnicas__linha p:first-child{
font-weight: 500;
width: 30%;
}
.informacoes-tecnicas__linha p:last-child{
font-weight: 800;
width: 70%;
}
#fecharMenu{
color: grey;
font-size: 16px;
position: absolute;
top: 15px;
cursor: pointer;
right: 15px;
}
.menu__vinhos{
display: flex;
align-items: center;
justify-content: space-between;
width: 250px;
margin-left: auto;
}
.btn-green.not-principal{
background-color:#fff;
color: #29c55e;
border-color: #29c55e;
}
.btn-green.not-principal:hover{
color:#fff;
background-color: #29c55e;
cursor: pointer;
}
.btn-red{
cursor: pointer;
}
.carrinho-vazio{
text-align: center;
font-size: 22px;
font-weight: bold;
}
.fa-minus-circle,.fa-plus-circle{
cursor: pointer;
}
.tabela-item{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
border-bottom: 2px solid #eee6e3;
padding: 20px 0;
}
.tabela-item:first-of-type{
padding-top: 0;
}
.tabela-item:last-of-type{
border-bottom: none;
}
.tabela-item__title{
width: 42%;
font-weight: 900;
font-size: 16px;
color: rgba(48, 46, 113, 1);
display: flex;
align-items: center;
}
.tabela-item__subtitle{
width: 30%;
font-weight: 700;
font-size: 14px;
color: rgba(48, 46, 113, 1);
}
.tabela-item__third{
width: 80%;
display: flex;
justify-content: center;
}
.tabela-item__textarea{
padding: 10px;
border-radius: 3px;
border: 2px solid #eee6e3;
resize: none;
font-weight: 500;
color: #414042;
font-size: 12px;
box-sizing: border-box;
height: 85px;
overflow: auto;
display: block;
}
.tabela-item__column{
width: 100%;
}
.tabela-item__linha{
display: flex;
align-items: center;
}
.tabela-item__linha+.tabela-item__linha{
margin-top: 15px;
}
.ball{
border-radius: 50%;
width: 20px;
height: 20px;
background: #f0e6e3;
border:none;
margin-left: 20px;
}
.ball:last-of-type{
margin-right: 20px;
}
.ball.active{
background: #e0583f;
}
.tabela-item__classificacao:first-child{
width: 60px;
justify-content: flex-end;
}
.tabela-item__classificacao{
font-weight: 500;
font-size: 12px;
text-transform:lowercase;
color: rgba(48, 46, 113, 1);
display: flex;
align-items: center;
width: 50px;
justify-content: flex-start;
}
.third-item{
display: flex;
align-items: center;
width: 40%;
}
.third-item .ball{
margin-left: 0;
margin-right: 5px;
}
.quantidade, .variacao {
position: relative;
}
/* Spin Buttons modified */
input[type="number"].quantidade::-webkit-outer-spin-button,
input[type="number"].quantidade::-webkit-inner-spin-button {
-webkit-appearance: none;
background: #302e71 url(../img/site/input-number.png) no-repeat center center;
width: 30px;
border: 1px solid #302e71;
opacity: 1; /* shows Spin Buttons per default (Chrome >= 39) */
position: absolute;
top: 0;
right: 0;
border-radius: 0px 2px 2px 0;
cursor: pointer;
bottom: 0;
}
input[type="number"].quantidade::-webkit-inner-spin-button:hover,
input[type="number"].quantidade::-webkit-inner-spin-button:active{
box-shadow: 0 0 2px #0CF;
opacity: 1;
}
/* Spin Buttons modified */
select.variacao2 {
-webkit-appearance: none; /* Remove estilo padrão do Chrome */
-moz-appearance: none; /* Remove estilo padrão do FireFox */
appearance: none; /* Remove estilo padrão do FireFox*/
background: #ffffff url(../img/site/input-select.png) no-repeat center center;
background-position: 50px; /*Posição da imagem do background*/
width: 75px; /* Tamanho do select, maior que o tamanho da div "div-select" */
height:42px; /* Altura do select, importante para que tenha a mesma altura em todo os navegadores */
border:1px solid #302e71;
border-right: none;
padding-right: 45px;
}
select.variacao {
-webkit-appearance: none; /* Remove estilo padrão do Chrome */
-moz-appearance: none; /* Remove estilo padrão do FireFox */
appearance: none; /* Remove estilo padrão do FireFox*/
background: #ffffff url(../img/site/input-select.png) 100% 50% no-repeat;
border-right: none;
}
/* Override browser form filling */
input:-webkit-autofill {
background: black;
color: red;
}
.subtitulo-detalhes-entrega{
padding: 5px;
background: #e5e5e3;
color: #808080;
font-weight: 600;
font-size:12px;
}
.newsletter .modal-content {
background-color: #fefefe;
margin: calc(50% - 560px) auto 0px auto;
border: none;
height: 560px;
position: relative;
border-radius: 5px;
width: 800px;
}
.newsletter.modal{
position: fixed;
z-index: 998;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.newsletter__title{
font-family: manus;
color: #f54f25;
font-size: 38px;
line-height: 28px;
margin-bottom: 20px;
}
.newsletter .modal-content img{
width: 100%;
}
.newsletter__texto{
height: 100%;
width: 100%;
box-sizing: border-box;
margin-left: 4%;
padding: 30px;
}
.newsletter__description{
color: #6d6e71;
line-height: 19px;
font-weight: 500;
text-align: center;
font-size: 13px;
}
.newsletter__fechar{
color: white;
position: absolute;
right: -20px;
top: -10px;
border: 2px solid white;
background: #e0583f;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
margin-right: 10px;
cursor: pointer;
font-size: 14px;
transition:all 0.25s;
-moz-transition: all 0.25s; /* Firefox 4 */
-webkit-transition: all 0.25s; /* Safari and Chrome */
-o-transition: all 0.25s; /* Opera */
}
.newsletter__fechar:hover{
background: white;
color: #e0583f;
border-color: #e0583f;
}
.newsletter .item-half.img{
overflow: hidden;
height: 560px;
border-radius: 0px 0px 5px 0px
}
.ribbon{
position: absolute;
right: -5px;
top: -5px;
z-index: 1;
overflow: hidden;
width: 75px;
height: 75px;
text-align: right;
}
.ribbon span{
font-size: 9px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
text-align: center;
line-height: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 100px;
display: block;
background: #302e71;
position: absolute;
top: 19px;
right: -21px;
}
.ribbon span:after {
content: "";
position: absolute;
right: 0;
top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #302e71;
border-bottom: 3px solid transparent;
border-top: 3px solid #302e71;
}
.ribbon span:before {
content: "";
position: absolute;
left: 0;
top: 100%;
z-index: -1;
border-left: 3px solid #302e71;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #302e71;
}
.ribbon.oferta-semana span, .ribbon.oferta-individual span{
background: #e0583f;
}
.ribbon.oferta-semana span:after, .ribbon.oferta-individual span:after {
border-right: 3px solid #e0583f;
border-top: 3px solid #e0583f;
}
.ribbon.oferta-semana span:before, .ribbon.oferta-individual span:before {
border-left: 3px solid #e0583f;
border-top: 3px solid #e0583f;
}
.oferta-canais{
padding-top: 100px;
}
.oferta-canais .quem-viu{
color: rgba(48, 46, 113, 1);
text-align: center;
margin-bottom: 40px;
}
.oferta-canais .quem-viu b{
font-weight: 600;
}
.link-perfil{
color: #fff;
}
.link-perfil:hover{
text-decoration: underline;
-webkit-text-decoration: underline;
}
.relative{
position: relative;
}
.justify-start{
justify-content: start;
}
.justify-end{
justify-content: flex-end;
}
.ver-ficha-completa .fa{
margin-right: 10px;
}
.ver-ficha-completa{
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
letter-spacing: 2px;
color: #e0583f;
margin-top: 40px;
font-size: 14px;
}
.no-padding{
padding: 0;
}
.frete-final{
margin-right: auto;
}
.frete-final .valor-frete{
margin-left: 15px;
color: #302d71;
font-size: 20px;
font-weight: 700;
letter-spacing: .5px;
}
.owl-item .item{
width: 126px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
background: #ebe2de;
border: 1px solid #afacac;
}
.owl-item .item img{
max-width: 80px;
max-height: 80px;
}
.owl-carousel{
width: 100%;
margin-top: 20px;
}
.owl-next{
position: absolute;
right: -25px;
font-size: 40px!important;
top: 20px;
}
.owl-prev:hover,.owl-next:hover{
background:none!important;
color: black!important;
}
.owl-prev:focus,.owl-next:focus{
outline: none;
}
.owl-prev{
position: absolute;
left: -25px;
font-size: 40px!important;
top: 20px;
}
.owl-dots{
display: none;
}
.banner .vinho.resolucao-1{
left: calc((100% - 125px) / 2);
top: 125px;
width: 132px;
}
.banner .vinho.resolucao-2{
left: calc((100% - 154px) / 2);
top: 125px;
width: 154px;
}
.banner .vinho.resolucao-3{
left: calc((100% - 240px) / 2);
top: 125px;
width: 240px
}
.banner .vinho.resolucao-4{
left: calc((100% - 320px) / 2);
top: 125px;
width: 320px;
}
.banner .vinho.resolucao-5{
left: calc((100% - 480px) / 2);
top: 125px;
width: 480px;
}
.banner .vinho.resolucao-6{
left: calc((100% - 550px) / 2);
width: 550px;
top: 125px;
}
/*LEFT*/
.box-action__left{
width: 25%;
height: 250px;
position: absolute;
top: 250px;
text-align: right;
}
.box-action__left.bal-resolucao-1{
left: calc(50% - 25% - 106px);
}
.box-action__left.bal-resolucao-2{
left: calc(50% - 25% - 117px);
}
.box-action__left.bal-resolucao-3{
left: calc(50% - 25% - 130px)
}
.box-action__left.bal-resolucao-4{
left: calc(50% - 25% - 200px);
}
.box-action__left.bal-resolucao-5{
left: calc(50% - 25% - 280px);
}
.box-action__left.bal-resolucao-6{
left: calc(50% - 25% - 310px);
}
/* RIGHT */
.box-action__right{
width: 20%;
height: 250px;
position: absolute;
top: 250px;
text-align: left;
}
.box-action__right.bar-resolucao-1{
right: calc(50% - 20% - 106px);
}
.box-action__right.bar-resolucao-2{
right: calc(50% - 20% - 117px);
}
.box-action__right.bar-resolucao-3{
right: calc(50% - 20% - 130px);
}
.box-action__right.bar-resolucao-4{
right: calc(50% - 20% - 200px);
}
.box-action__right.bar-resolucao-5{
right: calc(50% - 20% - 280px);
}
.box-action__right.bar-resolucao-6{
right: calc(50% - 20% - 310px);
}
.flex-inline{
display: inline-flex;
align-items: center;
}
.section-pagamento{
display: none;
}
/* Tooltip container */
.tooltip {
position: relative;
display: inline-block;
/*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
/* Tooltip text */
.tooltip .tooltiptext {
visibility: hidden;
min-width: 100px;
background-color: black;
color: #fff;
text-align: center;
padding: 3px 0;
border-radius: 6px;
/* Position the tooltip text - see examples below! */
position: absolute;
z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
visibility: visible;
}
.w-33{
width: 33.3333%;
box-sizing: border-box;
padding: 0 5px;
}
.d-flex{
display: flex;
}
.a-center{
align-items: center;
}
.a-start{
align-items: flex-start;
}
.f-column{
flex-direction: column;
}
.quem-passou-aqui__carousel-titulo{
margin-top: 15px;
color: #302e71;
font-weight: 600;
line-height: 16px;
letter-spacing: -.5px;
}
.green{
color: #04ad04;
font-weight: 500;
}
.red{
color: red;
font-weight: 500;
}
.item-historico__title{
color: #464647;
font-size: 12px;
letter-spacing: -.5px;
font-weight: 800;
}
.item-historico__subtitle{
color: #929295;
font-size: 24px;
letter-spacing: -.5px;
font-weight: 400;
}
.item-historico__subtitle-laranja{
color: #e0583f;
}
.item-historico__subtitle-verde{
color: #1cc053;
}
.item-historico__subtitle-azul{
color: #313868;
}
.resumo-historico-col{
width: 33%;
box-sizing: border-box;
padding: 0 1.5%;
position: relative;
margin: 20px 0 50px 0px;
background: black;
padding-bottom: 20px;
padding-top: 10px;
border-radius: 5px;
overflow: hidden;
}
.resumo-historico-col span{
text-align: center;
color: #e0583f;
display: flex;
justify-content: center;
font-family: manus;
font-size: 40px;
line-height: 50px;
z-index: 997;
}
.resumo-historico-col:after{
content: "";
filter: grayscale(1);
opacity: 0.4;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
}
.resumo-historico-col.vinho:after{
background: url('http://etilicos.com/wp-content/uploads/2017/01/vinho-chei.jpg');
background-size: cover;
background-position: center;
}
.resumo-historico-col.safra:after{
background: url('http://jcrs.uol.com.br/_midias/jpg/2018/01/08/safra_de_uva_credito_silvia_tonon-1714235.jpg');
background-size: cover;
background-position: center;
}
.resumo-historico-col.pais:after{
background: url('https://i0.wp.com/www.fatosdesconhecidos.com.br/wp-content/uploads/2017/06/0-42.jpg?resize=900,420');
background-size: cover;
background-position: center;
}
.resumo-historico-row{
display: flex;
align-items: center;
color: white;
margin-top: 15px;
font-weight: bold;
padding-bottom: 5px;
border-bottom: 1px solid white;
}
.resumo-historico-row:last-of-type{
border-bottom: none;
}
.resumo-historico-row p,.resumo-historico-row .ml-auto,.resumo-historico-row img{
z-index: 997;
color: white;
font-weight: 500;
letter-spacing: -.5px;
}
.resumo-historico-row img{
margin-right: 5px;
}
.resumo-historico-row .ml-auto{
font-weight: bold;
}
.resumo-historico-bandeira{
width: 20px;
margin-right: 10px;
}
.flex-start{
align-items: flex-start!important;
}
.resumo-historico-col.vinho img{
width: 15px;
}
.meu-historico-item__imagem{
width: 6%;
}
.meu-historico-item__vinho{
height: 90px;
}
.meu-historico-item__texto{
width: 64%;
}
.meu-historico-item__avaliacao{
width: 30%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.meu-historico-item__title{
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
line-height: 16px;
letter-spacing: -.5px
}
.meu-historico-comentario{
display: none;
padding-bottom: 15px;
padding-top: 15px;
}
.meu-historico-comentario-realizado{
display: block;
padding-bottom: 15px;
padding-top: 15px;
}
.meu-historico-comentario-realizado textarea{
width: 100%;
height: 70px;
border-radius: 3px;
resize: none;
border: 1px solid #929295;
color: #7c7b7b;
font-weight: bold;
box-sizing: border-box;
padding: 8px 15px;
font-size: 13px;
}
.meu-historico-comentario-realizado textarea:focus{
outline: none;
}
.resumo-historico-item{
border-bottom: 1px solid #eee;
}
.meu-historico-comentario textarea{
width: 100%;
height: 70px;
border-radius: 3px;
resize: none;
border: 1px solid #929295;
color: #7c7b7b;
font-weight: bold;
box-sizing: border-box;
padding: 8px 15px;
font-size: 13px;
}
.meu-historico-comentario textarea:focus{
outline: none;
}
.meu-historico-comentario__botao-salvar{
float: right;
background: #1cc053;
color: white;
border: 2px solid #1cc053;
font-weight: 800;
cursor: pointer;
text-transform: uppercase;
padding: 8px 16px;
font-size: 12px;
border-radius: 3px;
letter-spacing: -.5px;
margin-top: 5px;
}
.meu-historico-comentario__botao-salvar:hover{
background: transparent;
color: #1cc053;
}
.detalhes-combo{
display: none;
}
.flex{
display: flex;
}
.w-15{
width: 15px;
}
.ficha-tecnica__title2{
font-size: 22px;
color: #3a4171;
font-weight: 800;
margin-right: 50px;
text-transform: uppercase;
width: 134px;
}
.ficha-tecnica__item.active img{
background: #f0e6e3;
border-radius: 50%;
}
.ficha-tecnica__tabela.mode-2{
margin-top: 20px;
border-radius: 5px;
display: flex;
align-items: center;
}
.ficha-tecnica__item{
display:flex;
flex-direction: column;
justify-content: center;
margin-right: 15px;
}
.ficha-tecnica__item img{
margin-right: 0;
border-radius: 50%;
border: 3px solid #E0583F;
}
.ficha-tecnica__item p{
text-align:center;
font-family: manus;
text-transform: lowercase;
font-weight: 500;
font-size: 25px;
letter-spacing: .5px;
margin-top: 5px;
color: #555;
}
.space-between{
justify-content: space-between;
}
.oferta-canais .outlet-item{
/*margin-right: 0;*/
}
.table-sub{
color: #929295;
font-size: 12px;
letter-spacing: .5px;
line-height: 14px;
}
.swal-button{
background-color: #29c55e;
}
.swal-button--cancel{
background-color: #efefef;
}
#query_historico{
border: 1.5px solid #d0d0d0;
height: 40px;
width: 400px;
color: #7c7b7b;
font-weight: 700;
box-sizing: border-box;
padding-left: 16px;
font-size: 12px;
font-family: 'Montserrat',sans-serif;
}
#query_historico:focus{
outline: none;
}
.meu-historico-flex{
display:flex;
align-items:center;
justify-content: space-between;
}
.outlet-item__preco-velho{
margin: 10px 0;
color: #6e6f71;
font-weight: 600;
text-decoration: line-through;
font-size: 14px;
width: 45%;
}
.outlet-item__quantidade{
margin: 10px 10px;
color: #6e6f71;
font-weight: 600;
text-decoration: line-through;
font-size: 14px;
width: 50%;
}
.outlet-item__variacao{
margin: 10px 5px;
font-weight: bold;
font-size: 20px;
color: #e0583f;
width: 50%;
}
.cart-item__img{
width:110px;
display: flex;
align-items: center;
justify-content: center;
}
.resumo-font{
font-size: 16px;
}
.detalhes-entrega{
display: none;
padding-bottom: 10px;
border-bottom: 2px solid #eee;
}
.tabela.inside td{
padding: 10px 0;
}
.tabela.frete td{
padding: 10px;
border-right: 1px solid black;
}
.tabela.frete tr{
border: 1px solid black;
}
.minha-conta__right .title.divisor{
background:#302d71;
color: white;
padding: 10px;
border-radius: 2px;
}
.quem-somos{
padding-bottom: 80px;
}
.link{
color: #30306f;
text-decoration: underline;
font-weight: bold;
}
.div-numero{
display: flex;
align-items: center;
}
.div-numero p{
width: 93%;
}
.fd-reverse{
flex-direction: row-reverse;
}
.pagination{
display:flex;
justify-content: center;
align-items:center;
margin-top: 20px;
}
.pagination li{
list-style:none;
width: 30px;
height: 30px;
background: white;
border: 2px solid #e0583f;
color: #e0583f;
font-weight: bold;
margin: 0 5px;
border-radius: 50%;
font-size: 16px;
display:flex;
justify-content: center;
align-items:center;
}
.pagination li span{
font-size: 16px;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
display: flex;
}
.pagination li a{
font-size: 16px;
color: #e0583f;
font-weight: bold;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
display: flex;
}
.pagination li.active{
background: #e0583f;
color: white;
}
.pagination li.disabled{
background: white;
color: #e1e1e1;
border-color: #e1e1e1;
}
.checkbox-salvar{
width: 20px!important;
}
.modal-cupoms-first {
width: 50%;
padding-bottom: 10px;
}
.modal-cupoms-second {
width: 50%;
padding-bottom: 10px;
}
.modal-cupoms-head {
font-weight: bold;
}
.div-cupom #qtde-cupons{
position: absolute;
margin-top: 5px;
margin-left: 3px;
}
.div-cupom #qtde-cupons span{
font-weight: bold;
color: #828080;
}
.div-cupom-total{
display: table;
width: 325px;
margin-top: -70px;
}
.div-cupom-total div{
padding-top: 5px;
padding-bottom: 5px;
}
.div-cupom-total__left-one {
width: 96%;
text-align: right;
}
.div-cupom-total__left {
width: 68%;
text-align: right;
}
.div-cupom-total__right {
width: 28%;
text-align: right;
}
.div-cupom-total__row--pagamento{
border-top: 1px solid #cccccc;
}
.div-cupom-total__compra {
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
color: #444444;
letter-spacing: .5px;
}
.div-cupom-total__desconto {
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
color: #ff2c34;
letter-spacing: .5px;
}
.div-cupom-total__pagamento {
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
color: #302775;
letter-spacing: .5px;
}
.div-cupom{
display: table;
width: 100%;
text-align: left;
margin-top: -40px;
margin-left: 65px;
}
.div-cupom input{
width:205px;
height: 34px;
}
.div-cupom .btn-blue{
padding:7px;
margin-left:5px;
}
.sem-desconto{
color: #6f6f6f !important;
text-decoration: line-through;
font-size: 13px !important;
letter-spacing: 0px !important;
font-weight: bold;
}
.div-total__valor .total{
display: table;
width: 100%;
}
.div-cupom .btn-red{
width: 85px;
padding: 4px;
margin-left: 12px;
margin-top: 8px;
height: 33px;
}
.div-cupom .cupom-item{
font-size: 16px;
font-weight: 600;
}
.label-cupom{
font-size: 11px;
border-radius: 2px;
border: 1px solid #302775;
padding: 2px;
display: inline-block;
margin-top: 5px;
background:#fff;
color: #302775;
}
.btn-ultimas-unidades{
background: #ff002e;
border: none;
padding: 10px;
color: white;
font-weight: 900;
text-transform: uppercase;
border-radius: 3px;
margin-top: 10px;
letter-spacing: 1px;
font-size: 14px;
}
.btn-esgotado{
border:none;
text-transform: uppercase;
padding: 10px;
letter-spacing: 1px;
font-weight: 900;
text-align: center;
background-color: #999;
color: #fff;
border-radius: 3px;
font-size: 14px;
}
/* Faq */
.faq {padding-bottom: 60px; padding-top: 80px;}
.faq .item {margin-bottom: 30px; clear: both; float: left;}
.faq .item .number {color: #30306f; border: 3px solid #ccc; width: 40px; text-align:center; line-height: 40px; font-weight:700; float: left; margin-right:30px; border-radius: 23px; font-size: 18px;}
.faq .item .desc {float: right; width: calc(100% - 76px);}
.faq .item .desc h3 {color: #e0583f; font-size: 16px; margin-bottom: 10px;font-weight: bold;}
.faq .item .desc p {
color: #333333;
font-size: 14px;
line-height: 18px;
font-weight: 500;
text-align: justify;
}
/* Blog */
.blog{
padding-bottom: 80px
}
.blog-noticias{
width: 75%;
float: left;
margin-top: 80px;
}
.blog-noticias .item{
width: 45%;
margin-right: 5%;
float: left;
margin-bottom: 40px;
}
.blog-noticias .item-img{
width: 100%;
height: 270px;
}
.blog-categorias{
width: 25%;
float: right;
margin-top: 80px;
}
.blog-categorias ul{
list-style:none;
}
.blog-categorias .caixa{
box-sizing: border-box;
padding: 30px;
border-radius: 5px;
background: white;
box-shadow: 2px 6px 30px 0px rgba(45, 62, 80, 0.22)
}
.blog-noticias .item-categoria{
color: #e0583f;
text-transform: uppercase;
font-weight: bold;
margin: 10px 0;
font-size: 13px;
}
.blog-noticias .item-titulo{
font-weight: 800;
letter-spacing: -.5px;
color: #333333;
}
.blog-noticias .item-titulo:hover{
text-decoration: underline;
}
.blog-noticias .item-data{
color: #7f8081;
margin: 10px 0;
font-weight: 500;
letter-spacing: -.5px;
font-size: 13px;
}
.blog-noticias .item-link{
font-weight: bold;
color: #e0583f;
display:block;
margin-top: 10px;
}
.blog-noticias .item-link:hover{
letter-spacing: .5px;
}
.blog-noticias .item-introducao{
line-height: 18px;
font-size: 12px;
color: #4a4a4a;
font-weight: 500;
word-wrap: break-word;
text-align: justify;
}
.blog-categorias .titulo{
color: #4a4a4a;
font-weight: 800;
letter-spacing: -.5px;
font-size: 16px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
margin-bottom: 15px;
}
.blog-categorias .categorias li{
color: #302e71;
letter-spacing: -.5px;
font-size: 14px;
font-weight: 600;
margin-bottom: 20px;
transition:all 0.45s;
-moz-transition: all 0.45s; /* Firefox 4 */
-webkit-transition: all 0.45s; /* Safari and Chrome */
-o-transition: all 0.45s; /* Opera */
}
.blog-categorias .categorias li a{
color: #302e71;
}
.blog-categorias .categorias li:hover{
padding-left: 10px;
}
.blog-categorias .categorias li .fa{
color: #e0583f;
font-weight: 900;
font-size: 16px;
}
.noticia-detalhe__image{
padding-bottom: 25px;
max-width: 840px;
margin: 0 auto;
text-align: center;
}
.noticia-detalhe__image img{
width: 100%;
}
.blog-noticias .noticia-detalhe{
margin-right: 5%;
}
.noticia-detalhe__titulo{
font-weight: 800;
font-size: 24px;
letter-spacing: -.5px;
color: #333;
}
.noticia-detalhe__descricao{
line-height: 18px;
font-size: 13px;
color: #4a4a4a;
font-weight: 500;
}
/* PROGRAMA INDICAÇÃO */
.programa-indicacao{
display: none;
width: 710px;
height: 230px;
}
.programa-indicacao__home{
width: 776px;
height: 244px;
}
.programa-indicacao__content{
margin-top: 100px;
margin-left: -32px;
}
.programa-indicacao__content--home{
margin-top: 110px;
margin-left: 0px;
}
.programa-indicacao__email{
text-align: center;
}
.programa-indicacao__email #share{
width: 630px;
padding-top: 5px;
}
.programa-indicacao__home .programa-indicacao__email #share{
width: 100%;
}
.programa-indicacao__content--input{
background-color: #ede4e2;
border: 1px solid #ede4e2;
font-weight: normal;
width: 238px;
height: 47px;
}
.programa-indicacao__content--input::placeholder{
background-color: #ede4e2;
color: #333;
font-weight: normal;
}
.programa-indicacao__content .btn-email{
border-radius: 2px;
color: white;
background: #45af22;
font-size: 13px;
height: 40px;
padding: 0 16px;
border: 2px solid #45af22;
font-weight: 800;
text-transform: uppercase;
margin-left: -5px;
cursor: pointer;
}
.programa-indicacao__content .btn-email:hover{
background: #99e320;
border-color: transparent;
}
.programa-indicacao__text-modal{
position: absolute;
text-align: center;
width: 100%;
left: -2px;
top: 190px;
}
.mailchimp-text-modal p{
width: 283px;
color: #ffffff;
font-size: 15px;
margin: 0 auto;
line-height: normal;
}
.programa-indicacao__redesocial{
text-align: center;
}
.programa-indicacao__content .mailchimp-facebook{
width: 326px;
color: #3c5a99;
background: #ede4e2;
padding: 14px 20px;
border-radius: 3px;
font-weight: 800;
font-size: 14px;
margin-top: 10px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0 auto;
margin-bottom: 10px;
}
.programa-indicacao__content .mailchimp-facebook .text-cadastro{
text-align: center;
display: inline-block;
margin: 0 auto;
padding-right: 20px;
}
.programa-indicacao__content .mailchimp-facebook .fa{
font-size: 22px;
text-align: left;
margin-left: 10px;
}
.programa-indicacao__content .mailchimp-google{
width: 326px;
color: #db412d;
background: #ede4e2;
padding: 14px 20px;
margin-top: 10px;
border-radius: 3px;
font-weight: 800;
font-size: 14px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0 auto;
margin-bottom: 10px;
}
.programa-indicacao__content .mailchimp-google .fa{
font-size: 22px;
text-align: left;
margin-left: 10px;
}
.programa-indicacao__content .mailchimp-google .text-cadastro{
text-align: center;
display: inline-block;
margin: 0 auto;
padding-right: 35px;
}
/* END PROGRAMA INDICAÇÃO */
/* MAILCHIMP CADASTRO */
.mailchimp-cadastro{
display: none;
width: 451px;
height: 547px;
}
.mailchimp-cadastro__content{
margin-top: 275px;
}
.mailchimp-cadastro__email{
text-align: center;
}
.mailchimp-cadastro__content--input{
background-color: #ede4e2;
border: 1px solid #ede4e2;
font-weight: normal;
width: 238px;
height: 47px;
}
.mailchimp-cadastro__content--input::placeholder{
background-color: #ede4e2;
color: #333;
font-weight: normal;
}
.mailchimp-cadastro__content .btn-email{
border-radius: 2px;
color: white;
background: #45af22;
font-size: 13px;
height: 48px;
padding: 0 16px;
border: 2px solid #45af22;
font-weight: 800;
text-transform: uppercase;
margin-left: -5px;
cursor: pointer;
}
.mailchimp-cadastro__content .btn-email:hover{
background: #99e320;
border-color: transparent;
}
.mailchimp-cadastro__text-modal{
position: absolute;
text-align: center;
width: 100%;
left: -2px;
top: 190px;
}
.mailchimp-text-modal p{
width: 283px;
color: #ffffff;
font-size: 15px;
margin: 0 auto;
line-height: normal;
}
.mailchimp-cadastro__redesocial{
text-align: center;
}
.mailchimp-cadastro__content .mailchimp-facebook{
width: 326px;
color: #3c5a99;
background: #ede4e2;
padding: 14px 20px;
border-radius: 3px;
font-weight: 800;
font-size: 14px;
margin-top: 10px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0 auto;
margin-bottom: 10px;
}
.mailchimp-cadastro__content .mailchimp-facebook .text-cadastro{
text-align: center;
display: inline-block;
margin: 0 auto;
padding-right: 20px;
}
.mailchimp-cadastro__content .mailchimp-facebook .fa{
font-size: 22px;
text-align: left;
margin-left: 10px;
}
.mailchimp-cadastro__content .mailchimp-google{
width: 326px;
color: #db412d;
background: #ede4e2;
padding: 14px 20px;
margin-top: 10px;
border-radius: 3px;
font-weight: 800;
font-size: 14px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0 auto;
margin-bottom: 10px;
}
.mailchimp-cadastro__content .mailchimp-google .fa{
font-size: 22px;
text-align: left;
margin-left: 10px;
}
.mailchimp-cadastro__content .mailchimp-google .text-cadastro{
text-align: center;
display: inline-block;
margin: 0 auto;
padding-right: 35px;
}
/* END MAILCHIMP CADASTRO */
.lembrar-me{
display: flex;
width:100%;
margin-top: 10px;
}
.lembrar-me label{
margin-top:0;
}
/* BOX FLUTUANTE */
#box_flutuante{
width: 205px;
height: 85px;
background: #ffffff;
border: 3px solid #e0583f;
position: fixed;
z-index: 1000;
left: 30px;
bottom: 30px;
}
.box_flutuante__imagem{
width: 60px;
float: left;
}
.box_flutuante__imagem img{
width: 45px;
height: 45px;
margin-left: 10px;
margin-top: 20px;
}
.box_flutuante__text{
width: 145px;
float: right;
margin-top: 5px;
}
.box_flutuante__text p{
text-align: center;
font-size: 13px;
line-height: normal;
}
.box_flutuante__text span{
font-size: 16px;
font-weight: bold;
line-height: normal;
color: #e0583f;
}
/* IDENTIFICAÇÃO CARTÕES */
#identificacao .card-alert{
width: 95%;
padding: 5px;
border: 4px solid #302e71;
}
#identificacao .card-alert .btn-close{
padding: 10px;
box-sizing: border-box;
border: 2px solid transparent;
color: white;
background: #cccccc;
border-radius: 3px;
font-weight: 900;
letter-spacing: 1px;
font-size: 16px;
display: flex;
align-items: center;
margin: 0 auto;
cursor: pointer;
}
#identificacao .card-alert .card-alert__title{
text-align: center;
font-size: 18px;
padding-top: 10px;
}
#identificacao .card-alert .card-alert__body{
padding: 10px;
}
#identificacao .card-alert .card-alert__body p{
text-align: justify;
font-size: 14px;
}
/** Faixa adicionar ao carrinho mobile **/
.fixed-buy{
display: none;
}
/** Newsletter **/
.newsletter{
background-color: #E0583F;
padding: 45px 0;
position: relative;
z-index: 1;
}
.newsletter h3{
max-width: 360px;
margin: 0;
line-height: 1.5em;
font-size: 18px;
font-family: "Montserrat";
color: white;
font-weight: bold;
text-transform: uppercase;
}
.newsletter .campo{
display: flex;
height: 40px;
align-items: stretch;
width: 420px;
max-width: 100%;
}
.newsletter .campo input{
width: 100%;
background-color: white;
border: 0;
outline: none;
font-family: "Montserrat";
font-size: 14px;
color: #333;
border-radius: 2px;
padding: 0 15px;
}
.newsletter .campo input::-webkit-input-placeholder {
font-family: "Montserrat";
font-size: 14px;
color: #555;
}
.newsletter .campo input:-ms-input-placeholder {
font-family: "Montserrat";
font-size: 14px;
color: #555;
}
.newsletter .campo input::placeholder {
font-family: "Montserrat";
font-size: 14px;
color: #555;
}
.flex-cont{
display: flex;
justify-content: space-between;
align-items: center;
}
.newsletter .campo button{
background-color: #E0583F;
border-radius: 2px;
min-width: 135px;
margin-left: 10px;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
outline: none;
border: 2px solid #fff;
color: #fff;
transition: 200ms ease;
font-family: "Montserrat";
cursor: pointer;
}
.newsletter .campo button:hover{
background-color: #D44930;
}
.newsletter .campo button:disabled:hover,
.newsletter .campo button:disabled{
background-color: #969696;
}
.newsletter .info:not(.hidden){
display: block;
width: 100%;
font-size: 13px;
font-family: "Montserrat";
margin-top: 5px;
}
.fa.hidden{
display: none;
}
/** Primeira dobra **/
.banner.op2::before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0);
}
.banner.op2 .vinho.resolucao-1{
height: auto;
top: 165px;
width: 120px;
max-height: 480px;
}
.banner.op2 .box-action__left{
display: flex;
flex-direction: column;
align-items: flex-end;
}
.banner.op2 .box-action__left .data{
font-weight: 500;
margin-bottom: 9px;
}
.banner.op2 .box-action__left .nome-oferta1{
margin-bottom: 12px;
}
.banner.op2 .box-action__left .nome-oferta3{
font-size: 15px;
font-weight: normal;
color: #fff;
letter-spacing: 0.2em;
max-width: 265px;
margin-top: 8px;
}
.banner.op2 .box-action__right{
top: 233px;
}
.banner.op2 .box-action__right .de{
font-size: 22px;
font-weight: normal;
text-decoration: line-through;
margin-bottom: 13px;
color: #D1D3D4;
}
.banner.op2 .box-action__right .desconto{
width: 45px;
height: 45px;
font-size: 16px;
font-weight: 500;
text-align: center;
top: 4px;
background-color: #E0583F;
left: 148px;
flex-direction: column;
}
.banner.op2 .box-action__right .desconto b {
font-size: 11px;
line-height: 7px;
font-weight: normal;
}
.banner.op2 .box-action__right .preco{
font-size: 35px;
letter-spacing: 0;
}
.banner.op2 .box-action__right .preco .numero{
font-size: 55px;
}
.banner.op2 .box-action__right .quantidade_oferta{
min-width: 56px;
height: 40px;
padding: 0 14px;
border: 0;
background-color: white;
border-radius: 2px;
font-family: "Montserrat";
font-size: 14px;
font-weight: bold;
color: #333333;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("../img/site/arrow-down.png");
background-repeat: no-repeat;
background-position: 77% 53%;
outline: none;
}
.banner.op2 .box-action__right .quantidade_oferta::-ms-expand {
display: none;
}
.banner.op2 .btn-comprar{
height: 40px;
margin-left: 10px;
width: 150px;
padding: 0;
font-size: 14px;
font-family: "Montserrat";
font-weight: bold;
outline: none;
transition: 200ms ease;
letter-spacing: 1px;
font-size: 14px;
font-weight: 600;
font-family: "Montserrat";
}
.banner.op2 .btn-comprar:hover{
background-color: #308713;
}
.banner.op2 .box-action__right .inline{
margin-top: 30px;
}
.origem .separador{
display: none;
}
.origem.op2 .separador{
display: block;
height: 20px;
min-width: 70px;
margin-right: 100px;
}
.origem.op2 .itens-vinho{
padding-top: 0 !important;
margin: 0 -15%;
margin-top: -40px;
justify-content: center;
}
.origem.op2 .itens-vinho .origem__item{
margin-right: 40px;
}
.origem.op2 .origem__description{
padding-top: 50px;
}
.origem.op2 .origem__item img{
min-width: 40px
}
.cabecalho__acesse .bullet{
width: 31px;
height: 31px;
border: 2px solid #E0583F;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-left: 12px;
}
.checkout-body .newsletter{
display: none;
}
.banner.op2 .btn-ultimas-unidades{
font-size: 11px;
font-weight: 500;
color: white;
background-color: #E0583F;
border-radius: 0;
margin-top: 20px;
padding: 5px 6px;
outline: none;
border: 0;
font-family: 'Montserrat',sans-serif;
}
/** Indique e ganhe **/
.indique{
background-color: white;
padding: 30px 0;
margin-bottom: -50px;
}
.indique .bloco{
background-color: #302E71;
padding: 50px 0;
display: flex;
justify-content: center;
align-items: center;
position: relative;
max-width: 898px;
margin: auto;
}
.indique .bloco::after{
content: "";
display: block;
width: 100%;
height: 12px;
background-image: url('../img/site/bottom.svg');
background-repeat: repeat-x;
background-position: -1px center;
position: absolute;
left: 0;
right: 0;
bottom: -8px;
}
.indique .bloco .content{
max-width: 560px;
}
.indique h4{
font-size: 25px;
font-weight: bolder;
color: #fff;
margin-bottom: 15px;
margin-top: 0;
}
.indique p{
font-size: 16px;
color: #fff;
line-height: 1.5em;
margin-bottom: 20px;
}
.indique img{
/* margin-right: 70px; */
}
.jssocials-shares{
display: flex;
}
.jssocials-share{
width: 43px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.jssocials-share .fa{
font-size: 21px;
}
.indique.confirm{
background: transparent;
padding: 0;
margin-top: 50px;
}
.indique.confirm .bloco{
max-width: 100%;
border-radius: 5px 5px 0 0;
}
.confirmacao-compra{
margin-top: -10px;
border-radius: 0 0 5px 5px;
padding-top: 100px ;
}
.default-select:disabled,
.default-input:disabled{
background: #dcdcdc;
border-color: #afafaf;
}
.cep-div{
position: relative;
}
.cep-div .fa{
position: absolute;
right: 20px;
top: 41px;
font-size: 20px;
}
/** Alerta **/
.alerta.active{
border: 0;
border-radius: 6px;
background-color: #484848;
display: flex !important;
align-items: center;
}
.alerta .titulo{
font-size: 13px;
font-family: "Montserrat";
font-weight: 500;
color: white;
line-height: 1.4em;
}
.alerta .titulo a{
display: block;
margin-top: 4px;
font-size: 13px;
font-family: "Montserrat";
font-weight: 500;
color: white;
text-decoration: underline;
}
.alerta .text{
padding: 10px 0;
}
.alerta .fecha-alerta .fa{
display: none;
}
.alerta .fecha-alerta{
display: block;
width: 30px;
height: 30px;
background-image: url('../img/site/close-alerta.png');
background-position: center;
background-repeat: no-repeat;
}
.alerta.alerta-danger .wrap-icone .fa{
display: none;
}
.alerta .wrap-icone{
background-position: center;
background-repeat: no-repeat;
display: block;
width: 30px;
height: 30px;
min-width: 30px;
min-height: 30px;
margin: 0 4px 0 10px;
background-color: none;
}
.alerta.alerta-danger .wrap-icone{
background-image: url('../img/site/danger.png');
}
.alerta.alerta-warning .wrap-icone{
background-image: url('../img/site/danger.png');
}
.alerta.alerta-warning .wrap-info{
background-image: url('../img/site/danger.png');
}
.alerta.alerta-success .wrap-icone{
background-image: url('../img/site/success.png');
}
.alerta.alerta-info{
background-color: #0d4279;
}
.alerta.alerta-danger{
background-color: #EC3942;
}
.alerta.alerta-warning{
background-color: #f0ad4e;
}
.alerta.alerta-success{
background-color: #30A84B;
}
.alerta .icone{
display: none;
}
/** Cupom adicionado **/
.div-cupom #qtde-cupons{
top: 105%;
}
.div-cupom{
display: flex;
align-items: center;
position: relative;
}
.div-cupom .btn-red{
height: 36px;
}
.oferta-do-dia__img img{
cursor: pointer;
max-width: 380px;
}
/** Oferta da semana **/
.vinho-semana{
background-color: #EBE2DE;
margin-bottom: 50px;
}
.vinho-semana .bloco{
background-color: white;
border-radius: 5px;
display: flex;
align-items: stretch;
}
.vinho-semana .prom{
font-size: 14px;
color: #555555;
font-weight: bold;
text-decoration: line-through;
}
.vinho-semana .tag{
background-color: #E0583F;
border-radius: 3px;
color: white;
font-size: 10px;
padding: 2px 3px;
font-weight: bold;
white-space: nowrap;
margin-left: 0px;
bottom: 2px;
position: relative;
}
.vinho-semana .foto{
width: 35%;
display: flex;
align-items: center;
justify-content: center;
}
.vinho-semana .foto img{
max-height: 440px;
}
.vinho-semana .content{
padding: 50px 60px;
width: 65%;
}
.vinho-semana .content p{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;
font-family: "Montserrat";
font-size: 14px;
line-height: 1.7em;
letter-spacing: 0.05em;
}
.vinho-semana .content p strong{
font-weight: 600;
}
.vinho-semana .content .leia-mais{
font-family: "Montserrat";
font-size: 14px;
line-height: 1.7em;
letter-spacing: 0.05em;
color: #E0583F;
font-weight: bold;
cursor: pointer;
}
.vinho-semana .content .leia-mais:hover{
text-decoration: underline;
}
.oferta-semana-title-home{
display: block;
margin: auto;
font-family: "Montserrat";
font-size: 35px;
line-height: 1.5em;
color: #333333;
padding-top: 80px;
padding-bottom: 45px;
text-transform: uppercase;
text-align: center;
background-color: #EBE2DE;
}
.vinho-semana .content h3 a,
.vinho-semana .content h3{
font-weight: bold;
font-size: 40px;
text-transform: uppercase;
color: #E0583F;
margin-top: 0;
margin-bottom: 15px;
}
.vinho-semana .content h4{
font-weight: 600;
font-size: 20px;
color: #555555;
letter-spacing: 0.2em;
margin-bottom: 30px;
text-transform: uppercase;
}
.vinho-semana .flex-content{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 45px;
}
.vinho-semana .price{
display: block;
font-size: 30px;
font-weight: bold;
color: #302E71;
white-space: nowrap;
}
.vinho-semana .price span:last-child{
display: block;
}
.vinho-semana .price .apenas{
font-size: 16px;
font-weight: normal;
color: #8E8E8E;
display: block;
margin-bottom: 4px;
}
.vinho-semana .itens-vinho{
padding-top: 0 !important;
}
.vinho-semana .foto img{
position: relative;
z-index: 2;
}
.vinho-semana .origem__item{
display: block;
text-align: center;
}
.vinho-semana .content .title{
font-size: 10px;
letter-spacing: 0.1em;
text-align: center;
}
.vinho-semana .content .subtitle{
font-size: 10px;
letter-spacing: 0.05em;
text-align: center;
}
.vinho-semana .origem__item img{
margin: 0;
max-width: 33px;
}
.vinho-semana .origem__item{
margin-left: 40px;
}
.vinho-semana .comprar-semana{
margin: auto;
display: block;
margin-top: 0px;
margin-bottom: 0;
border: 0;
outline: none;
height: 60px;
transition: 200ms ease;
font-weight: bold;
text-transform: uppercase;
color: #fff;
padding: 0 30px;
border-radius: 2px;
background: #45AF22;
font-size: 16px;
cursor: pointer;
letter-spacing: 1px;
font-size: 14px;
font-weight: 600;
font-family: "Montserrat";
}
.vinho-semana .comprar-semana:hover{
background: #349613;
}
.vinho-semana .foto{
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
position: relative;
border-radius: 5px 0 0 5px;
}
.vinho-semana .foto::after{
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.7);
z-index: 1;
border-radius: 5px 0 0 5px;
}
/** Modal primeira compra **/
.primeira-compra{
width: 712px;
height: 424px;
margin: auto;
position: fixed;
left: 0;
right: 0;
top: 50%;
transform: translateY(-48%);
z-index: 1191;
background-color: white;
border-radius: 5px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2);
text-align: center;
font-family: "Montserrat";
opacity: 0;
visibility: hidden;
transition: 400ms ease;
}
.primeira-compra.active{
opacity: 1;
visibility: visible;
transform: translateY(-50%);
}
.primeira-compra.active + .pc-mask{
opacity: 1;
visibility: visible;
}
.primeira-compra *{
font-family: "Montserrat";
}
.pc-mask{
opacity: 0;
visibility: hidden;
width: 100%;
height: 100%;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
z-index: 1190;
transition: 400ms ease;
}
.close-pc{
position: absolute;
right: 28px;
top: 25px;
cursor: pointer;
}
.primeira-compra .logo-pc{
margin-bottom: 25px;
max-width: 115px;
}
.primeira-compra h2{
font-size: 30px;
color: #E0583F;
text-transform: uppercase;
font-weight: 600;
margin-top: 0;
margin-bottom: 25px;
}
.primeira-compra p{
font-size: 16px;
font-weight: normal;
margin-bottom: 3px;
color: #555555;
}
.primeira-compra .campos{
margin-top: 25px;
max-width: 340px;
margin: auto;
margin-top: 25px;
display: flex;
flex-direction: column;
align-items: center;
}
.primeira-compra .campos label{
font-weight: bold;
font-size: 12px;
color: #555555;
margin-bottom: 5px;
text-align: left;
margin-top: 0;
width: 100%;
}
.primeira-compra .campos input{
padding: 0 15px;
height: 40px;
border: 1px solid #C4C4C4;
border-radius: 5px;
font-size: 13px;
font-weight: 500;
color: #333;
width: 340px;
box-sizing: border-box;
outline: none;
}
.primeira-compra .campos input::-webkit-input-placeholder {
font-family: "Montserrat";
font-size: 13px;
font-weight: 500;
color: #555;
}
.primeira-compra .campos input:-ms-input-placeholder {
font-family: "Montserrat";
font-size: 13px;
font-weight: 500;
color: #555;
}
.primeira-compra .campos input::placeholder {
font-family: "Montserrat";
font-size: 13px;
font-weight: 500;
color: #555;
}
.primeira-compra .campos button{
border: 0;
outline: none;
cursor: pointer;
height: 40px;
padding: 0 30px;
border-radius: 5px;
background-color: #45AF22;
text-transform: uppercase;
color: #fff;
font-weight: bold;
font-size: 13px;
margin-top: 15px;
letter-spacing: 0.05em;
transition: 200ms ease;
}
.primeira-compra .campos button .fa{
margin-left: 5px;
}
.primeira-compra .campos button:hover{
background-color: #338617;
}
.primeira-compra .campos button:disabled:hover,
.primeira-compra .campos button:disabled{
background-color: #a0a0a0;
}
.primeira-compra::before{
content: "";
width: 88px;
height: 192px;
display: block;
position: absolute;
left: 0px;
top: 10px;
background-image: url('../img/site/vinho-esquerda.png');
}
.primeira-compra::after{
content: "";
width: 65px;
height: 208px;
display: block;
position: absolute;
right: 0;
bottom: 0;
background-image: url('../img/site/vinho-direita.png');
}
.cupom-div{
width: 255px;
height: 50px;
border-radius: 5px;
border: 1px solid #C4C4C4;
display: flex;
align-items: center;
padding: 0 18px;
position: relative;
margin-bottom: 10px;
}
.cupom-div #cp-input{
font-size: 18px;
text-transform: uppercase;
color: #E0583F;
font-weight: bold;
outline: none;
border: 0;
margin: 0;
width: 180px;
padding: 0;
}
.cupom-div .copiar-pc{
position: absolute;
right: 20px;
top: 8x;
padding: 10px 0;
padding-right: 30px;
background-image: url('../img/site/copiar.png');
background-repeat: no-repeat;
background-position: center right;
font-size: 12px;
font-weight: 600;
color: #555555;
cursor: pointer;
transition: 200ms ease;
}
.cupom-div .copiar:hover{
color: #000;
}
/** Confirmação de compra **/
.confirmacao-compra{
margin-bottom: 40px;
}
/** Home fix **/
.origem .ler-mais{
display: none;
}
/** Cross sell carrinho OPÇÃO 2 **/
.crossell.op2{
margin: 0;
margin-bottom: 0px !important;
}
.crossell.op2 .list-itens{
display: flex;
padding: 20px 0;
}
.crossell.op2 .produtos-relacionados__item{
margin-right: 20px;
min-width: 307px;
padding: 17px 12px;
height: auto;
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
}
.crossell.op2 .produtos-relacionados__item img{
width: auto;
height: auto;
max-height: 120px;
width: auto;
max-width: 70px;
margin-left: 9px;
margin-right: 25px;
}
.crossell.op2 .produtos-relacionados__title{
font-size: 13px;
padding-right: 30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.crossell.op2 .produtos-relacionados__valor-old{
font-weight: 500;
color: #333333;
font-size: 12px;
}
.crossell.op2 .desconto{
font-size: 11px;
color: #fff;
font-weight: 500;
background-color: #E0583F;
border-radius: 3px;
padding: 2px 5px;
margin-left: 5px;
}
.crossell.op2 .produtos-relacionados__valor-new{
font-size: 18px;
color: #302E71;
margin-top: 4px;
display: block;
margin-bottom: 9px;
white-space: nowrap;
}
.crossell.op2 .produtos-relacionados__item .informacoes .btn-comprar{
height: 33px;
border-radius: 2px;
border: 0;
outline: none;
width: 115px;
font-size: 12px;
margin-left: 0;
line-height: 26px;
letter-spacing: 1px;
font-weight: 600;
font-family: "Montserrat";
}
.op2 .somente{
text-align: center;
font-size: 16px;
font-weight: bold;
color: #E0583F;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0 0;
}
.op2 .somente img{
margin-right: 5px;
}
/** Cross sell carrinho OPÇÃO 3 **/
.crossell.op3{
margin: 0;
margin-bottom: 0px !important;
}
.crossell.op3 .list-itens{
display: flex;
padding: 20px 0;
}
.crossell.op3 .produtos-relacionados__item{
margin-right: 20px;
min-width: 307px;
padding: 17px 12px;
height: 164px;
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
}
.crossell.op3 .produtos-relacionados__item img{
width: auto;
height: auto;
max-height: 120px;
width: auto;
max-width: 70px;
margin-left: 20px;
margin-right: 15px;
}
.crossell.op3 .produtos-relacionados__title{
font-size: 13px;
padding-right: 30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.crossell.op3 .produtos-relacionados__valor-old{
font-weight: 500;
color: #333333;
font-size: 12px;
}
.crossell.op3 .desconto{
font-size: 11px;
color: #fff;
font-weight: 500;
background-color: #E0583F;
border-radius: 3px;
padding: 2px 5px;
margin-left: 5px;
}
.crossell.op3 .produtos-relacionados__valor-new{
font-size: 18px;
color: #302E71;
margin-top: 4px;
display: block;
margin-bottom: 9px;
white-space: nowrap;
}
.crossell.op3 .produtos-relacionados__item .informacoes .btn-comprar{
height: 33px;
border-radius: 2px;
border: 0;
outline: none;
width: 115px;
font-size: 12px;
margin-left: 0;
line-height: 26px;
letter-spacing: 1px;
font-weight: 600;
font-family: "Montserrat";
}
.op3 .somente{
text-align: center;
font-size: 16px;
font-weight: bold;
color: #E0583F;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0 0;
}
.op3 .somente img{
margin-right: 5px;
}
.crossell.op3 .produtos-relacionados__item{
position: relative;
}
.crossell.op3 .top-faixa{
width: 100%;
height: 23px;
border-radius: 4px 4px 0 0;
display: block;
line-height: 23px;
color: white;
text-align: center;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
position: absolute;
top: -15px;
left: 0;
right: 0;
background-color: #E0583F;
}
.crossell.op3 .top-faixa a{
text-decoration: none;
color: white;
}
.crossell.op3 .top-faixa.oferta-premium{
background-color: #302E71;
}
.crossell.op3 .quantidade_oferta{
min-width: 36px;
height: 33px;
padding: 0 13px;
padding-left: 7px;
border: 0;
background-color: white;
border-radius: 2px;
font-family: "Montserrat";
font-size: 14px;
font-weight: bold;
color: #333333;
border: 1px solid #cecece;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(../img/site/arrow-down.png);
background-repeat: no-repeat;
background-position: 77% 53%;
outline: none;
margin-right: 5px;
}
/** Cross sell carrinho OPÇÃO 4 **/
.crossell.op4{
margin: 0;
margin-bottom: 0px !important;
}
.crossell.op4 .list-itens{
display: flex;
padding: 20px 0;
justify-content: space-between;
}
.crossell.op4 .produtos-relacionados__item{
margin-right: 0px;
margin-left: 0px;
min-width: 48%;
max-width: 48%;
padding: 17px 12px;
height: auto;
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.crossell.op4 .produtos-relacionados__item:nth-child(1),
.crossell.op4 .produtos-relacionados__item:nth-child(2){
display: flex;
}
.crossell.op4 .produtos-relacionados__item img{
width: auto;
height: auto;
max-height: 100px;
width: auto;
max-width: none;
margin-left: 0px;
margin-right: 0px;
}
.crossell.op4 .produtos-relacionados__title{
font-size: 13px;
padding-right: 30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin: 0 -10px;
width: auto;
max-width: none;
}
.crossell.op4 .produtos-relacionados__valor-old{
font-weight: 500;
color: #333333;
font-size: 12px;
}
.crossell.op4 .desconto{
font-size: 11px;
color: #fff;
font-weight: 500;
background-color: #E0583F;
border-radius: 3px;
padding: 2px 5px;
margin-left: 5px;
display: none;
}
.crossell.op4 .produtos-relacionados__valor-new{
font-size: 18px;
color: #302E71;
margin-top: 4px;
display: block;
margin-bottom: 9px;
white-space: nowrap;
}
.crossell.op4 .produtos-relacionados__item .informacoes .btn-comprar{
height: 33px;
border-radius: 2px;
border: 0;
outline: none;
width: 115px;
max-width: 100%;
font-size: 12px;
margin-left: 0;
line-height: 26px;
letter-spacing: 1px;
font-weight: 600;
font-family: "Montserrat";
}
.op4 .somente{
text-align: center;
font-size: 16px;
font-weight: bold;
color: #E0583F;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0 0;
}
.op4 .somente img{
margin-right: 5px;
}
@media only screen and (max-width: 330px){
.crossell.op2 .produtos-relacionados__item img{
margin-right: 15px;
max-width: 50px;
}
.crossell.op3 .produtos-relacionados__item img{
margin-right: 15px;
max-width: 50px;
}
.crossell.op4 .produtos-relacionados__item img{
max-width: 100%;
max-height: 90px;
}
}
.checkout-body .newsletter{
display: none;
}
/** Fix img coleção **/
.produtos-relacionados__item .btn-comprar{
font-size: 12px;
}
.produtos-relacionados__item > img{
height: auto;
max-height: 120px;
width: auto;
max-width: 70px;
margin-left: 9px;
margin-right: 25px;
}
.relacionados__item .quantidade{
width: 53px;
}
/** Newsleter v2 **/
.newsletter.news2{
border-bottom: 1px solid #D1D3D4;
background-image: linear-gradient(#EBE2DE, #FFFFFF);
}
.newsletter.news2 h3{
color: #555555;
}
.newsletter.news2 .campo button{
border: 0;
}
.newsletter.news2 .campo input{
border: 1px solid #D1D3D4;
}
/** Fixed buy desktop **/
.buy_fixed_desk_active{
padding-bottom: 100px;
}
.buy_fixed_desk{
display: flex;
align-items: center;
height: 80px;
width: 100%;
background-color: #fff;
position: fixed;
bottom: 0;
z-index: 997;
border-top: 1px solid #DBDBDB;
visibility: hidden;
opacity: 0;
transform: translateY(20px);
transition: 200ms;
}
.buy_fixed_desk.active{
visibility: visible;
opacity: 1;
transform: translateY(0px);
}
.buy_fixed_desk .flex{
display: flex;
justify-content: space-between;
align-items: center;
}
.buy_fixed_desk .flex .info_title .data {
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #555;
text-transform: uppercase;
display: none;
}
.buy_fixed_desk .flex .info_title .wine_title {
font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 24px;
letter-spacing: 0.05em;
color: #E0583F;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-transform: uppercase;
}
.buy_fixed_desk .flex .info_title .wine_subtitle {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 18px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #9A9A9A;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.buy_fixed_desk .flex .info_price_buttons {
display: flex;
justify-content: space-around;
}
.buy_fixed_desk .flex .info_price_buttons .info_price {
margin-right: 30px;
display: flex;
flex-direction: column;
justify-content: center;
}
.buy_fixed_desk .flex .info_price_buttons .info_price .discount {
display: flex;
justify-content: space-between;
align-items: center;
}
.buy_fixed_desk .flex .info_price_buttons .info_price .discount .old_price {
white-space: nowrap;
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
display: flex;
align-items: center;
text-decoration-line: line-through;
color: #A5A5A5;
}
.buy_fixed_desk .flex .info_price_buttons .info_price .discount .percent_off {
background-color: #E0583F;
border-radius: 3px;
color: white;
font-size: 10px;
padding: 2px 5px;
font-weight: bold;
white-space: nowrap;
margin-left: 5px;
display: flex;
height: 16px;
}
.buy_fixed_desk .flex .info_price_buttons .info_price .discount .percent_off .off_title {
font-size: 11px;
font-weight: 500;
}
.buy_fixed_desk .flex .info_price_buttons .info_price .new_price {
white-space: nowrap;
font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 26px;
line-height: 24px;
display: flex;
align-items: center;
color: #302E71;
margin-top: 4px;
}
.buy_fixed_desk .flex .info_price_buttons .info_buttons {
display: flex;
}
.buy_fixed_desk .flex .info_price_buttons .info_buttons .button_amount {
display: flex;
align-items: center;
}
.buy_fixed_desk .flex .info_price_buttons .info_buttons .button_amount .quantidade_oferta {
min-width: 56px;
height: 40px;
padding: 0 14px;
border: 1px solid #cecece;
background-color: white;
border-radius: 2px;
font-family: "Montserrat";
font-size: 14px;
font-weight: bold;
color: #333333;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(../img/site/arrow-down.png);
background-repeat: no-repeat;
background-position: 77% 53%;
outline: none;
}
.buy_fixed_desk .flex .info_price_buttons .info_buttons .button_add {
display: flex;
align-items: center;
}
.buy_fixed_desk .flex .info_price_buttons .info_buttons .button_add .btn-comprar {
height: 40px;
outline: none;
}
/** Oferta cross sell PDP **/
.oferta-semana-body .vinho-semana,
.oferta-body .vinho-semana{
margin-bottom: 50px;
}
.oferta-body .oferta-semana-title-home{
padding-top: 50px;
}
.oferta-semana-body .origem-semana{
padding-bottom: 40px !important;
}
.ficha-tecnica_v2 .flex-between .ficha-tecnica__title {
font-family: Montserrat;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 21px;
display: flex;
align-items: center;
letter-spacing: 0.2em;
color: #555555;
}
.ficha-tecnica_v2 .flex-between .ficha-tecnica__download {
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 18px;
display: flex;
align-items: center;
color: #333333;
}
.ficha-tecnica_v2 .flex-between .ficha-tecnica__download img {
margin-right: 8px;
}
.ficha-tecnica_v2 .informacoes-tecnicas__title {
background-color: #383838;
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
padding: 18px 10px 18px 30px;
letter-spacing: 0.05em;
text-transform: uppercase;
text-align: left;
color: #FFFFFF;
}
.ficha-tecnica_v2 .informacoes-tecnicas__title::before {
content: "";
display: block;
width: 20px;
height: 3px;
background-color: #E0583F;
margin-bottom: 10px;
}
.ficha-tecnica_v2 .ficha-tecnica__tabela {
padding: 0px;
}
.ficha-tecnica_v2 .ficha-tecnica__tabela .informacoes-tecnicas__linha {
border-bottom: 1px solid #ECECEC;
padding: 20px 30px 20px 30px;
display: flex;
align-items: center;
}
.ficha-tecnica_v2 .ficha-tecnica__tabela .informacoes-tecnicas__linha p {
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 16px;
letter-spacing: 0.1em;
color: #686868;
}
.ficha-tecnica_v2 .ficha-tecnica__tabela .informacoes-tecnicas__linha .linha_spec_type {
width: 40%;
display: flex;
align-items: center;
}
.ficha-tecnica_v2 .ficha-tecnica__tabela .informacoes-tecnicas__linha .linha_spec_type .linha_spec_type_img {
width: 50px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.ficha-tecnica_v2 .ficha-tecnica__tabela .informacoes-tecnicas__linha .linha_spec_type p {
font-weight: 600;
}
/** Indicador cadastro **/
.cadastro-indicacao-body .indique.confirm{
margin-bottom: -80px;
}
/** Canais home **/
.canais2{
background: #EBE2DE;
padding: 60px 0 40px 0;
}
.canais2 *{
font-family: "Montserrat";
}
.canais2 h2{
font-size: 32px;
text-transform: uppercase;
text-align: center;
font-weight: 500;
color: #333333;
margin-bottom: 35px;
}
.canais2 h2 b{
font-weight: 600;
}
.canais2 .flex-canais{
display: flex;
justify-content: center;
}
.canais2 .product{
margin: 0 15px;
background: white;
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
border-radius: 5px;
height: 425px;
width: 225px;
position: relative;
}
.canais2 .product .faixa-top{
display: block;
padding: 0px 15px;
box-sizing: border-box;
width: 100%;
height: 30px;
align-items: center;
justify-content: center;
text-align: center;
color: white;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
background-color: #E0583F;
border-radius: 5px 5px 0 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-height: 30px;
vertical-align: middle;
}
.canais2 .product .faixa-top.azul{
background-color: #302E71;
}
.canais2 figure{
height: 160px;
display: flex;
align-items: center;
justify-content: center;
}
.canais2 .img-prod{
max-height: 160px;
max-width: 125px;
width: auto;
height: auto;
transition: 200ms ease;
}
.canais2 .img-prod:hover{
opacity: 0.8;
}
.canais2 .cont{
padding: 22px 15px;
text-align: center;
}
.canais2 .cont h3{
height: 32px;
font-size: 13px;
font-weight: bold;
text-align: left;
color: #333333;
line-height: 1.3em;
margin: 14px 0 14px 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.canais2 .cont h3 a:hover{
color: #302E71;
}
.canais2 .attrs{
display: flex;
}
.canais2 .atr{
display: flex;
align-items: center;
}
.canais2 .atr:not(:last-child){
margin-right: 20px;
}
.canais2 .atr img{
margin-right: 5px;
}
.canais2 .atr span{
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
color: #333333;
}
.canais2 .prices{
text-align: left;
display: flex;
height: 75px;
align-items: center;
padding: 15px 0;
box-sizing: border-box;
flex-direction: column;
align-items: flex-start;
}
.canais2 .product.sem-atributos .prices{
height: 92px;
}
.canais2 .preco-de .old_price{
white-space: nowrap;
font-family: "Montserrat";
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1em;
display: flex;
align-items: center;
text-decoration-line: line-through;
color: #A5A5A5;
}
.canais2 .percent_off {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 40px;
text-align: center;
height: 40px;
background-color: #E0583F;
border-radius: 80%;
margin-left: 10px;
}
.canais2 .percent_off .off_title {
font-family: Montserrat;
font-style: normal;
font-weight: bold;
text-align: center;
line-height: 12px;
color: #fff;
}
.canais2 .percent_off .off_title .big {
font-size: 10px;
}
.canais2 .percent_off .off_title .small {
font-size: 8px;
}
.canais2 .preco-de{
display: flex;
}
.canais2 .new_price{
white-space: nowrap;
font-weight: bold;
color: #302E71;
font-size: 20px;
margin-top: 7px;
}
.canais2 .btn-comprar{
outline: none;
height: 33px;
font-size: 12px;
width: 139px;
margin-left: 7px;
}
.canais2 .quantidade_oferta{
min-width: 44px;
height: 33px;
padding: 0 10px;
border: 1px solid #cecece;
background-color: white;
border-radius: 2px;
font-family: "Montserrat";
font-size: 14px;
font-weight: bold;
color: #333333;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(../img/site/arrow-down.png);
background-repeat: no-repeat;
background-position: 77% 53%;
outline: none;
box-sizing: border-box;
}
.banner-dinamico_v2{
background-image: url("../img/site/Compartilhe/compartilhe_banner.png");
height: 390px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.banner_square{
height: 350px;
width: calc(100% - 40px);
border: 1px solid rgba(255,255,255, 0.3);
background-color: transparent;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.banner-dinamico_v2 .square_content_p1 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.banner-dinamico_v2 .banner-dinamico__background{
height: auto;
}
.banner-dinamico_v2 .banner-dinamico__logo{
position: relative;
}
.banner-dinamico_v2 .banner-dinamico__title{
position: relative;
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 25px;
line-height: 60px;
color: #FFFFFF;
}
.banner-dinamico_v2 .banner-dinamico__title b {
font-family: Manus;
font-style: normal;
font-weight: normal;
font-size: 55px;
line-height: 60px;
color: #E0583F;
}
.banner-dinamico_v2 .square_content_p2 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.banner-dinamico_v2 .square_content_p2 h3 {
text-transform: uppercase;
font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 1em;
letter-spacing: 0.07em;
color: #FFFFFF;
margin-bottom: 20px;
}
.banner-dinamico_v2 .square_content_p2_share {
width: 330px;
height: 50px;
background-color: #fff;
}
.canais2 .premium{
font-family: manus;
color: #E0583F;
font-size: 28px;
text-align: center;
left: 0;
right: 0;
position: absolute;
top: 34px;
}
.canais2 .quantidade_buy{
display: flex;
}
/** Coleção **/
.colecao-body .cabecalho h1.logo{
width: 200px;
height: 20px;
background: url('../img/site/logo-white.png') no-repeat top center;
margin-bottom: 20px;
}
.colecao-body .cabecalho.active{
background-color: #141414;
padding: 20px 0 !important;
}
.colecao-body .cabecalho.active #cart{
margin-top: 0;
}
.colecao-body .cabecalho.active h1.logo{
margin-top: -10px;
}
.colecao-body .cabecalho.active .cabecalho__acesse{
display: none;
}
.colecao-body .cabecalho h1.logo::after{
content: "Premium";
font-family: manus;
font-size: 28px;
color: #E0583F;
z-index: 99;
text-align: center;
display: block;
text-indent: 0;
position: relative;
top: -10px;
}
.colecao-relampago .cabecalho h1.logo::after{
content: "Relâmpago";
font-family: manus;
}
.colecao-body .parallax-mirror{
display: none !important;
}
.colecao-topo *{
font-family: "Montserrat";
}
.colecao-topo{
height: 515px;
padding-top: 170px;
background-image: url("../img/site/fundo-colecao.png");
background-position: center;
background-size: cover;
box-sizing: border-box;
position: relative;
}
.colecao-topo::before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
z-index: 1;
}
.colecao-topo .cont{
position: relative;
z-index: 2;
display: flex;
justify-content: center;
height: 100%;
align-items: flex-end;
}
.colecao-topo .right{
padding-left: 70px;
max-width: 460px;
}
.colecao-topo .img-prod{
height: auto !important;
width: auto !important;
max-width: 482px !important;
max-height: 350px !important;
position: relative;
margin-bottom: 1px;
}
.colecao-topo .img-prod.resolucao-6{
max-height: 350px;
height: 350px;
}
.colecao-topo .subtitulo{
font-size: 20px;
font-weight: 300;
color: white;
text-transform: uppercase;
margin-bottom: 5px;
}
.colecao-topo h1{
font-size: 36px;
font-weight: 600;
text-transform: uppercase;
color: white;
margin-bottom: 20px;
line-height: 1.3em;
}
.colecao-topo .old-price{
font-size: 22px;
font-weight: normal;
color: #D1D3D4;
text-decoration: line-through;
margin-bottom: 5px;
display: block;
}
.colecao-topo .new-price{
font-size: 35px;
color: white;
font-weight: bold;
margin-bottom: 8px;
display: block;
}
.colecao-topo .economia{
color: #D1D3D4;
font-size: 13px;
font-weight: normal;
padding: 5px 10px;
background-color: #E0583F;
display: inline-block;
}
.colecao-topo .economia b{
font-weight: 800;
}
.colecao-topo .buy-quant{
display: flex;
margin-top: 25px;
}
.colecao-topo .btn-comprar{
outline: none;
height: 40px;
width: 176px;
}
.colecao-topo .quantidade_oferta{
min-width: 56px;
height: 40px;
padding: 0 14px;
background-color: white;
border-radius: 2px;
font-family: "Montserrat";
font-size: 14px;
font-weight: bold;
color: #333333;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(../img/site/arrow-down.png);
background-repeat: no-repeat;
background-position: 77% 53%;
outline: none;
border: 0;
}
.desc-colecao{
background-color: #141414;
border-top: 1px solid #333333;
display: flex;
align-items: center;
padding: 22px 0;
padding-left: 48%;
box-sizing: border-box;
}
.desc-colecao p{
font-size: 13px;
line-height: 1.4em;
color: #D1D3D4;
width: 450px;
}
.white-content{
margin-top: 48px;
border-radius: 7px;
background: rgba(255, 255, 255, 0.35);
padding: 50px 110px;
margin-bottom: 50px;
}
.white-content .title{
font-size: 25px;
font-weight: 500;
color: #333333;
text-transform: uppercase;
letter-spacing: 0.2em;
margin-bottom: 30px;
text-align: center;
}
.colecao-topo .descrip{
font-size: 13px;
line-height: 1.4em;
color: #D1D3D4;
width: 450px;
position: absolute;
bottom: -76px;
transform: translateY(-50%);
display: none;
}
.white-content .slider-produtos{
display: flex;
justify-content: center;
align-items: flex-end;
}
.white-content .slider-produtos .prod{
width: 70px;
margin: 0 17px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: flex-end;
opacity: 0.4;
cursor: pointer;
}
.white-content .slider-produtos .prod.active{
opacity: 1;
}
.white-content .slider-produtos figure{
height: 142px;
width: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
}
.white-content .slider-produtos figure img{
height: auto;
width: auto;
max-height: 142px;
max-width: 100%;
}
.white-content .slider-produtos span{
color: #555555;
font-weight: bold;
font-size: 12px;
text-align: center;
letter-spacing: 0.2em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height: 44px;
}
/** ficha tecnica v2 p2 **/
.ficha-tecnica_v2{
margin-top: 80px;
}
.ficha-tecnica_v2 *{
font-family: "Montserrat";
}
.ficha-tecnica_v2 .ficha-tecnica__tabela .informacoes-tecnicas__linha p{
color: #555;
}
.ficha-tecnica_v2 .ficha-tecnica__tabela .informacoes-tecnicas__linha .linha_spec_type{
width: 55%;
}
.ficha-tecnica_v2 .ficha-tecnica__tabela .informacoes-tecnicas__linha{
padding: 16px 25px 16px 25px;
}
.ficha-tecnica_v2 .ficha-tecnica__tabela .informacoes-tecnicas__linha .linha_spec_type .linha_spec_type_img{
margin-right: 8px;
}
.ficha-tecnica_v2 .ficha-bloco{
box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}
.ficha-tecnica_v2 .ficha-tecnica__tabela{
padding-top: 6px;
}
.ficha-tecnica_v2 .ficha-tecnica__item{
display: none;
}
.ficha-tecnica_v2 .ficha-tecnica__item.active{
display: flex;
align-items: center;
flex-direction: row;
justify-content: center;
}
.ficha-tecnica_v2 .ficha-tecnica__item p{
font-size: 26px;
color: #555555;
letter-spacing: 0.1em;
text-transform: capitalize;
margin-left: 5px;
}
.ficha-tecnica_v2 .ficha-tecnica__item.active img{
border: 0;
background: none;
max-width: 65px;
}
.ficha-tecnica_v2 .ficha-tecnica__item{
margin-right: 25px;
}
.ficha-tecnica_v2 .half-bloco{
display: flex;
justify-content: space-between;
}
.ficha-tecnica_v2 .half-bloco .ficha-bloco{
width: calc(50% - 10px);
}
.ficha-tecnica_v2 .informacoes-tecnicas__title{
margin: 0;
}
.ficha-tecnica_v2 .top-baixar{
margin-bottom: 20px;
}
.ficha-tecnica_v2 .tabela-item{
padding: 30px 25px;
border-bottom: 1px solid #ECECEC;
}
.ficha-tecnica_v2 .tabela-item__textarea{
width: 319px;
border: 0;
outline: none;
padding: 0;
margin: 0;
height: auto;
font-size: 13px;
font-weight: 500;
line-height: 1.4em;
letter-spacing: 0.1em;
color: #686868;
box-sizing: border-box;
padding-right: 30px;
}
.ficha-tecnica_v2 .tabela-item__title span{
font-size: 13px;
font-weight: 600;
letter-spacing: 0.1em;
color: #555555;
margin-left: 7px;
text-transform: none;
}
.ficha-tecnica_v2 .tabela-item__title .img{
width: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.ficha-tecnica_v2 .tabela-item__title{
width: 55%;
}
.ficha-tecnica_v2 .tabela-item__subtitle{
font-size: 13px;
font-weight: 500;
color: #333333;
letter-spacing: 0.1em;
position: relative;
max-width: 100px;
}
.ficha-tecnica_v2 .tabela-item{
align-items: flex-start;
}
.ficha-tecnica_v2 .tabela-item:not(.culinaria) .ball{
margin: 0;
height: 10px;
width: 23px;
border-radius: 0;
}
.ficha-tecnica_v2 .tabela-item:not(.culinaria) .tabela-item__linha:not(.desc) .tabela-item__third{
padding-right: 12%;
}
.ficha-tecnica_v2 .tabela-item__linha{
align-items: flex-start;
}
.ficha-tecnica_v2 .tabela-item__linha:not(:last-child){
margin-bottom: 20px;
}
.ficha-tecnica_v2 .tabela-item__linha:not(:first-child).desc{
margin-top: 65px;
}
.ficha-tecnica_v2 .tabela-item__third{
align-items: center;
}
.ficha-tecnica_v2 .tabela-item__classificacao:first-child{
text-transform: none;
margin-right: 19px;
color: #686868;
font-size: 13px;
font-weight: 500;
text-align: right;
}
.ficha-tecnica_v2 .tabela-item__classificacao:last-child{
text-transform: none;
margin-left: 19px;
color: #686868;
font-size: 13px;
font-weight: 500;
text-align: left;
}
.ficha-tecnica_v2 .tabela-item__subtitle img{
position: absolute;
left: -27px;
transform: translateX(-50%);
}
.ficha-tecnica_v2 .tabela-item.culinaria .tabela-item__third{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
max-width: 330px;
}
.ficha-tecnica_v2 .tabela-item.culinaria .third-item{
width: 110px;
margin-bottom: 20px;
}
.ficha-tecnica_v2 .tabela-item.culinaria .ball{
width: 9px;
height: 9px;
}
.ficha-tecnica_v2 .tabela-item.culinaria .tabela-item__classificacao{
margin-left: 2px;
font-size: 12px;
font-weight: 500;
color: #686868;
letter-spacing: 0.1em;
}
.selecionar-combo-colecao{
display: none;
}
/** Listagem premium **/
.listagem-premium-body .banner-interno{
display: none;
}
.listagem-premium-body .parallax-mirror{
display: none !important;
}
.listagem-premium-body .cabecalho h1.logo::after {
content: "Premium";
font-family: manus;
font-size: 28px;
color: #E0583F;
z-index: 99;
text-align: center;
display: block;
text-indent: 0;
position: relative;
top: 37px;
}
.listagem-premium-body .cabecalho.active h1.logo::after{
top: -10px;
}
.listagem-premium-body .cabecalho.active .cabecalho__acesse{
display: none;
}
.listagem-premium-body .cabecalho.active{
background-color: #141414;
padding: 20px 0;
}
.listagem-premium-body .cabecalho.active h1.logo{
width: 200px;
height: 20px;
background: url(../img/site/logo-white.png) no-repeat top center;
margin-bottom: 20px;
}
.listagem-premium-body .topo-listagem{
height: 261px;
background-image: url('../img/site/fundo-colecao.png');
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.listagem-premium-body .topo-listagem::before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);
z-index: 1;
}
.listagem-premium-body .topo-listagem h1{
height: 72px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
max-width: 800px;
color: white;
font-size: 30px;
font-weight: 600;
line-height: 1.4em;
letter-spacing: 0.17em;
margin: auto;
position: absolute;
left: 0;
right: 0;
bottom: 23px;
z-index: 2;
}
.listagem-premium-body .canal__filter-title{
height: 40px;
background-color: #252525;
border-radius: 5px;
display: flex;
align-items: center;
padding: 0 11px;
font-size: 10px;
text-transform: uppercase;
color: white;
letter-spacing: 0.05em;
font-weight: 500;
padding-top: 10px;
box-sizing: border-box;
z-index: 2;
position: relative;
margin-bottom: -4px;
justify-content: space-between;
cursor: pointer;
}
.listagem-premium-body .canal__filter-title.visivel{
border-radius: 5px 5px 0 0;
}
.listagem-premium-body .canal__filter-title::before{
content: "";
display: block;
width: 15px;
height: 3px;
background-color: #E0583F;
margin-bottom: 5px;
position: absolute;
left: 10px;
top: 9px;
}
.listagem-premium-body .subtop-desc{
height: 54px;
border-top: 1px solid #333333;
background-color: #141414;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: #FFFFFF;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.17em;
text-align: center;
}
.listagem-premium-body .parallax-mirror{
display: none;
}
.listagem-premium-body .canal .menu li label,
.listagem-premium-body .canal .menu li{
cursor: pointer;
}
.listagem-premium-body .flex-listagem .canal__listagem-title{
white-space: nowrap;
font-size: 16px;
color: #555555;
font-weight: 600;
text-transform: none;
}
.listagem-premium-body .flex-listagem #form-canal-pesquisa .pesquisa{
width: 208px;
height: 40px;
border-radius: 5px;
border: 1px solid #CBCBCB;
background: rgba(255,255,255,0.45);
padding: 0 15px;
font-size: 14px;
color: #666;
font-weight: 500;
margin: 0;
}
.listagem-premium-body .flex-listagem{
display: flex;
align-items: center;
justify-content: space-between;
}
.listagem-premium-body .flex-listagem .pesquisa::-webkit-input-placeholder {
font-size: 14px;
color: #666;
font-weight: 500;
}
.listagem-premium-body .flex-listagem .pesquisa:-ms-input-placeholder {
font-size: 14px;
color: #666;
font-weight: 500;
}
.listagem-premium-body .flex-listagem .pesquisa::placeholder {
font-size: 14px;
color: #666;
font-weight: 500;
}
.listagem-premium-body .flex-listagem #form-canal-pesquisa .flex-between{
justify-content: initial;
}
.listagem-premium-body #pesquisa-canal form{
margin-bottom: 20px;
}
.listagem-premium-body #pesquisa-canal .btn-pesquisar{
margin-bottom: 0;
border-radius: 5px;
border: 0;
outline: none;
background: #252525;
padding: 0px;
width: 98px;
height: 40px;
font-size: 12px;
font-weight: 600;
}
.listagem-premium-body #pesquisa-canal .btn-pesquisar:hover{
opacity: 0.9;
}
.listagem-premium-body #pesquisa-canal .btn-pesquisar .fa{
display: none;
}
.listagem-premium-body .texto-item{
/* overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; */
font-family: "Montserrat";
font-size: 15px;
color: #555555;
}
.listagem-premium-body .outlet-item__left h2.outlet-item__title{
font-weight: 600;
font-size: 17px;
font-family: "Montserrat";
color: #555555;
text-transform: uppercase;
line-height: 1.4em;
height: auto;
margin-bottom: 10px;
}
.listagem-premium-body .outlet-item__left{
width: 100%;
}
.listagem-premium-body .outlet-item__img{
width: 50%;
}
.listagem-premium-body .outlet-item__acao{
display: flex;
}
.listagem-premium-body .outlet-item.premium .outlet-item__preco{
white-space: nowrap;
color: #302E71;
text-align: left;
font-family: "Montserrat";
letter-spacing: 0;
margin: 0;
}
.listagem-premium-body .quanti-buy{
margin-left: 45px;
display: flex;
align-items: center;
}
.listagem-premium-body .outlet-item.premium .outlet-item__preco-velho{
font-size: 15px;
font-weight: 500;
color: #8D8C8C;
font-family: "Montserrat";
text-align: left;
margin-bottom: 12px;
white-space: nowrap;
}
.listagem-premium-body .flex-preco .tag{
background-color: #E0583F;
border-radius: 3px;
color: white;
font-size: 12px;
padding: 2px 3px;
font-weight: bold;
white-space: nowrap;
margin-left: 5px;
font-family: "Montserrat";
}
.listagem-premium-body .flex-preco{
display: flex;
align-items: center;
}
.listagem-premium-body .quantidade_oferta{
min-width: 56px;
height: 40px;
padding: 0 14px;
border: 1px solid #cecece;
background-color: white;
border-radius: 2px;
font-family: "Montserrat";
font-size: 14px;
font-weight: bold;
color: #333333;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(../img/site/arrow-down.png);
background-repeat: no-repeat;
background-position: 77% 53%;
outline: none;
}
.listagem-premium-body .btn-comprar{
outline: none;
height: 40px;
}
.listagem-premium-body .outlet-item.premium{
height: auto;
border-radius: 5px;
box-shadow: none;
padding: 30px 20px;
margin: 0;
margin-bottom: 20px;
box-sizing: border-box;
}
.listagem-premium-body .outlet-item__img{
min-width: 180px;
}
.listagem-premium-body .outlet-item.premium img.outlet-item__vinho{
height: auto;
width: auto;
/*max-width: 100px;*/
max-height: 190px;
margin: 0 auto;
}
.listagem-premium-body .outlet-item.premium .outlet-item__acao{
width: 100%;
margin-top: 15px;
}
.listagem-premium-body .atributos{
justify-content: flex-start;
margin-top: 15px;
}
.listagem-premium-body .outlet-item.premium .outlet-item__categoria{
width: auto;
margin-right: 30px;
}
.listagem-premium-body #listagem__produtos{
padding: 24px;
box-sizing: border-box;
background: rgba(255,255,255,0.45);
border-radius: 5px;
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
}
.listagem-premium-body .ribbon.oferta-premium span{
background-color: #333333;
}
.listagem-premium-body .btn-comprar-canal{
height: 40px;
}
.video-embed{
margin: auto;
margin-bottom: 80px;
padding: 10px;
box-sizing: border-box;
width: 580px;
}
.video-embed iframe{
width: 560px;
height: 310px;
}
.canal-body .video-embed{
width: 713px;
}
.canal-body .video-embed iframe{
width: 693px;
height: 358px;
}
.video-box .title{
font-size: 25px;
font-weight: 500;
color: #333333;
text-transform: uppercase;
letter-spacing: 0.2em;
margin-bottom: 30px;
text-align: center;
}
.oferta-do-dia-body .video-box, .oferta-body .video-box, .preview-body .video-box,
.oferta-semana-body .video-box,
.home-body .video-box{
margin-top: 60px;
}
.oferta-body .video-box.video-box-premium{
margin-top: 30px;
}
.oferta-semana-body .video-embed, .oferta-do-dia-body .video-embed,
.oferta-body .video-embed, .preview-body .video-embed,
.home-body .video-embed{
background-color: white;
margin-bottom: 30px;
}
.colecao-body .video-embed{
margin-bottom: 60px;
}
/** Vinumwear + acessórios **/
.acessorios-pdp-body .buy_fixed_desk,
.wear-pdp-body .buy_fixed_desk{
visibility: visible;
opacity: 1;
transform: translateY(0px);
}
.wear-listagem-body .banner-interno,
.acessorios-pdp-body .banner-interno,
.wear-pdp-body .banner-interno{
display: none;
}
.wear-listagem-body .parallax-mirror,
.acessorios-pdp-body .parallax-mirror,
.wear-pdp-body .parallax-mirror{
display: none !important;
}
.acessorios-pdp-body .cabecalho:not(.active) .logo::after{
content: "Acess\00f3rios";
font-family: manus;
font-size: 36px;
color: #E0583F;
z-index: 99;
text-align: center;
display: block;
text-indent: 0;
position: relative;
top: 48px;
}
.wear-listagem-body .cabecalho:not(.active) .logo::after,
.wear-pdp-body .cabecalho:not(.active) .logo::after{
content: "Wear";
font-family: manus;
font-size: 36px;
color: #E0583F;
z-index: 99;
text-align: center;
display: block;
text-indent: 0;
position: relative;
top: 48px;
}
.acessorios-pdp-body .buy_fixed_desk .flex .info_title .wine_title,
.wear-pdp-body .buy_fixed_desk .flex .info_title .wine_title{
font-family: "Manus";
line-height: 1.4em;
letter-spacing: 0.1em;
margin-bottom: 5px;
text-transform: none;
font-size: 22px;
font-weight: normal;
}
.acessorios-pdp-body .buy_fixed_desk .flex .info_title .wine_subtitle,
.wear-pdp-body .buy_fixed_desk .flex .info_title .wine_subtitle{
color: #333333;
text-transform: none;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.1em;
}
.acessorios-pdp-body .buy_fixed_desk .container,
.wear-pdp-body .buy_fixed_desk .container{
width: 1050px;
}
.vestuario-topo{
height: 223px;
width: 100%;
background-image: url('../img/site/wear.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.acessorios-pdp-body .vestuario-topo{
background-image: url('../img/site/acessorios.png');
}
.vestuario-topo::before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.85);
z-index: 1;
}
.vestuario-topo p{
position: absolute;
z-index: 2;
bottom: 20px;
left: 0;
right: 0;
text-align: center;
margin: auto;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 0.17em;
font-weight: 500;
color: white;
}
.vestuario-content .white-content{
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
}
.owl-carousel-vertical{
transform: rotate3d(0, 0, 1, 90deg);
}
.owl-carousel-vertical .foto{
transform: rotate3d(0, 0, 1, -90deg);
}
.white-content.wear{
padding: 70px 50px;
display: flex;
flex-wrap: wrap;
}
.galle-vert{
width: 420px;
min-width: 420px;
max-width: 420px;
box-sizing: border-box;
transform-origin: left;
top: -97px;
height: 140px;
left: 63px;
}
.galle-vert .foto{
width: 140px;
height: 140px;
min-width: 140px;
min-height: 140px;
padding: 0 20px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
.galle-vert figure{
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
border: 3px solid #FFFFFF;
background-color: white;
box-sizing: border-box;
display: block;
margin: 0;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
.galle-vert .foto img{
max-width: 120px;
max-height: 120px;
height: auto;
width: auto;
opacity: 0.6;
cursor: pointer;
}
.galle-vert .foto.active img{
opacity: 1;
}
.wear .left{
display: flex;
justify-content: flex-start;
width: 51.5%;
}
.wear .img-main{
margin: 0;
margin-left: -275px;
}
.wear .img-main img{
max-height: 390px;
width: auto;
max-width: 390px;
max-height: 390px;
border: 3px solid #FFFFFF;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
}
.vestuario-content > .container{
width: 1150px;
}
.galle-vert .owl-next,
.galle-vert .owl-prev{
font-size: 60px !important;
color: #686868 !important;
top: 27px !important;
}
.galle-vert .owl-next:hover,
.galle-vert .owl-prev:hover{
opacity: 0.85;
}
.wear *{
font-family: "Montserrat";
}
.wear .right{
padding-left: 35px;
max-width: 45%;
}
.wear .titulo{
font-size: 26px;
font-weight: 500;
color: #333333;
letter-spacing: 0.1em;
line-height: 1.4em;
text-transform: uppercase;
}
.wear .preco{
margin-top: 15px;
margin-bottom: 10px;
}
.wear .old_price{
white-space: nowrap;
font-family: "Montserrat";
font-style: normal;
font-weight: normal;
font-size: 18px;
display: flex;
align-items: center;
text-decoration-line: line-through;
color: #8D8C8C;
}
.wear .new_price{
white-space: nowrap;
font-family: "Montserrat";
font-style: normal;
font-weight: bold;
font-size: 30px;
color: #302E71;
margin-top: 5px;
}
.wear label{
margin-top: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.4em;
letter-spacing: 0.05em;
color: #333;
text-transform: uppercase;
margin-bottom: 10px;
}
.wear .div-tamanho{
margin-top: 30px;
}
.wear .tamanho{
display: flex;
}
.wear .tamanho button{
display: flex;
width: 40px;
height: 40px;
min-width: 40px;
min-height: 40px;
border-radius: 50%;
outline: none;
border: 1px solid #bdbdbd;
background: white;
text-align: center;
align-items: center;
justify-content: center;
line-height: 1em;
margin-right: 15px;
cursor: pointer;
opacity: 0.7;
color: #555;
font-weight: 500;
}
.wear .tamanho button.active{
opacity: 1;
border-color: #e0583f;
color: #e0583f;
font-weight: bold;
}
.wear .div-tamanho{
display: flex;
align-items: center;
margin-bottom: 40px;
}
.wear .guia{
display: flex;
align-items: center;
margin-left: 15px;
padding-top: 35px;
cursor: pointer;
}
.wear .guia b{
margin-left: 5px;
text-decoration: underline;
font-weight: 600;
color: #555555;
font-size: 12px;
}
.wear .guia:hover{
opacity: 0.85;
}
.wear .modelo-sel{
min-width: 145px;
height: 40px;
padding: 0 14px;
border: 1px solid #cecece;
background-color: white;
border-radius: 2px;
font-family: "Montserrat";
font-size: 14px;
font-weight: normal;
color: #333333;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(../img/site/arrow-down.png);
background-repeat: no-repeat;
background-position: 88% 53%;
outline: none;
}
.wear .bottom{
width: 100%;
margin-top: 50px;
}
.wear .bottom-tit{
font-size: 26px;
font-weight: 500;
color: #333333;
letter-spacing: 0.1em;
line-height: 1.4em;
margin-bottom: 18px;
}
.wear .texto{
font-size: 16px;
line-height: 1.5em;
max-width: 590px;
}
.wear .texto strong,
.wear .texto b{
font-weight: 600;
}
.medidas-overlay{
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.7);
position: fixed;
margin: auto;
z-index: 998;
transition: 200ms ease;
visibility: hidden;
opacity: 0;
}
.medidas *{
font-family: "Montserrat";
}
.medidas{
box-sizing: border-box;
width: 529px;
padding: 30px 35px;
border-radius: 10px;
background: white;
position: fixed;
top: 20%;
left: 0;
right: 0;
margin: auto;
z-index: 999;
transition: 200ms ease;
visibility: hidden;
opacity: 0;
}
.medidas-open .medidas-overlay,
.medidas-open .medidas{
visibility: visible;
opacity: 1;
}
.medidas .close-medidas{
display: block;
width: 21px;
height: 21px;
position: absolute;
right: 25px;
top: 25px;
background-image: url('../img/site/close-medidas.png');
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.medidas h4{
font-size: 26px;
line-height: 1.4em;
letter-spacing: 0.1em;
color: #333333;
font-weight: 500;
margin-bottom: 5px;
}
.medidas p{
font-size: 13px;
line-height: 1.4em;
letter-spacing: 0;
color: #9D9D9D;
font-weight: normal;
margin-bottom: 25px;
}
.tabela-medidas{
border: 1px solid #D1D3D4;
display: flex;
border-bottom: 0;
}
.tabela-medidas .group{
display: flex;
flex-direction: column;
width: 100%;
box-sizing: border-box;
border: 1px solid #D1D3D4;
margin: -1px 0;
margin-left: -1px;
}
.tabela-medidas .group.last{
margin-right: -1px;
}
.tabela-medidas .group span{
box-sizing: border-box;
height: 50px;
padding: 10px 20px;
border-bottom: 1px solid #D1D3D4;
display: flex;
align-items: center;
font-weight: 500;
color: #555555;
}
.tabela-medidas .group span.comp{
flex-wrap: wrap;
}
.tabela-medidas .group span b{
display: block;
font-size: 12px;
color: #D1D3D4;
font-weight: 500;
width: 100%;
margin-top: 2px;
}
.tabela-medidas .group:not(.first) span{
justify-content: center;
text-align: center;
}
.tabela-medidas .group span:last-child{
margin-bottom: -1px;
}
.medidas .bottom-text{
margin-top: 25px;
text-align: center;
margin-bottom: 0;
}
.medidas .bottom-text b{
font-weight: normal;
color: #FF002E;
}
.wear .bottom-line{
display: flex;
}
.wear .quantidade_oferta{
min-width: 58px;
height: 40px;
padding: 0 14px;
border: 1px solid #cecece;
background-color: white;
border-radius: 2px;
font-family: "Montserrat";
font-size: 14px;
font-weight: normal;
color: #333333;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(../img/site/arrow-down.png);
background-repeat: no-repeat;
background-position: 77% 53%;
outline: none;
}
.wear .button_amount{
padding-left: 10px;
}
.acessorios-pdp-body .wear .button_amount{
padding-left: 0;
}
.acessorios-pdp-body .wear .bottom-line{
margin-top: 25px;
}
.wear .btn-comprar{
margin-top: 29px;
height: 40px;
outline: none;
}
.wear .oferta-foto{
height: 396px;
}
/** Ficha tecnica v2 normal **/
.ficha-tecnica_v2.normal .informacoes-tecnicas__title{
background-color: #E0583F;
}
.ficha-tecnica_v2.normal .informacoes-tecnicas__title::before{
display: none;
}
/** Premiação banner op1 **/
.banner.op1 .premios{
position: absolute;
z-index: 998;
width: 50px;
left: 50%;
top: 155px;
display: none;
}
.banner.op1 .premios img{
max-width: 100%;
margin-top: -10px;
}
.banner.op1 .premios.quant-1{
top: 160px;
}
.banner.op1 .premios.quant-4{
width: 40px;
}
.banner.op1 .premios.quant-5{
width: 35px;
}
/** Premiação banner op2 **/
.banner.op2 .premios{
position: absolute;
z-index: 998;
width: 50px;
left: 50%;
top: 195px;
display: none;
}
.banner.op2 .premios img{
max-width: 100%;
margin-top: -10px;
}
.banner.op2 .premios.quant-1{
top: 160px;
}
.banner.op2 .premios.quant-4{
width: 40px;
}
.banner.op2 .premios.quant-5{
width: 35px;
}
/** Premiação oferta do dia **/
.oferta-do-dia__img .premios{
position: absolute;
z-index: 998;
width: 50px;
left: 25%;
top: 28px;
display: none;
}
.oferta-do-dia__img .premios img{
max-width: 100%;
margin-top: -10px;
}
.oferta-do-dia__img .premios.quant-1{
top: 160px;
}
.oferta-do-dia__img .premios.quant-4{
width: 40px;
}
.oferta-do-dia__img .premios.quant-5{
width: 35px;
}
/** Premiação oferta semana **/
.banner.oferta-semana .premios{
position: absolute;
z-index: 998;
width: 50px;
left: 50%;
top: 150px;
display: none;
}
.banner.oferta-semana .premios img{
max-width: 100%;
margin-top: -10px;
}
.banner.oferta-semana .premios.quant-1{
top: 160px;
}
.banner.oferta-semana .premios.quant-4{
width: 40px;
}
.banner.oferta-semana .premios.quant-5{
width: 35px;
}
/** Premiação vinho semana home - bloco **/
.vinho-semana .premios{
position: absolute;
z-index: 2;
width: 50px;
left: 0;
bottom: 28px;
right: 0;
margin: auto;
display: flex;
align-items: center;
height: 35px;
justify-content: center;
display: none;
}
.vinho-semana .premios img{
max-width: 100%;
height: 100%;
margin: 0 3px;
}
/** Listagem vinumwear + acessorios **/
.wear-listagem-body .canal__filter-title{
height: 40px;
background-color: #555555;
border-radius: 5px;
display: flex;
align-items: center;
padding: 0 16px;
font-size: 12px;
text-transform: uppercase;
color: white;
letter-spacing: 0.05em;
font-weight: 500;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
z-index: 2;
position: relative;
margin-bottom: -4px;
justify-content: space-between;
cursor: pointer;
font-family: "Montserrat";
}
.wear-listagem-body .canal__filter-title.visivel{
border-radius: 5px 5px 0 0;
}
.wear-listagem-body .topo-listagem{
height: 40px;
display: flex;
width: 100%;
justify-content: space-between;
margin-bottom: 30px;
align-items: center;
}
.wear-listagem-body .topo-listagem *{
font-family: "Montserrat";
}
.wear-listagem-body .topo-listagem .ofertas-wear{
font-size: 16px;
font-weight: 600;
color: #555555;
}
.wear-listagem-body #pesquisa-canal form{
width: 270px;
}
.wear-listagem-body .topo-listagem .right{
display: flex;
align-items: center;
}
.wear-listagem-body #pesquisa-canal .btn-pesquisar{
margin: 0;
margin-left: 10px;
width: 98px;
height: 40px;
border-radius: 5px;
background-color: #E0583F;
color: white;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
border: 0;
outline: none;
}
.wear-listagem-body #pesquisa-canal .pesquisa{
margin: 0;
width: 160px;
height: 40px;
border-radius: 5px;
border: 1px solid #CBCBCB;
background: rgba(255,255,255,0.45);
padding: 0 13px;
font-size: 12px;
font-weight: 500;
color: #777;
outline: none;
transition: 200ms ease;
}
.wear-listagem-body #pesquisa-canal .pesquisa:focus{
border-color: black;
}
.wear-listagem-body #pesquisa-canal .pesquisa::-webkit-input-placeholder {
font-size: 12px;
font-weight: 500;
color: #777;
}
.wear-listagem-body #pesquisa-canal .pesquisa::-moz-placeholder {
font-size: 12px;
font-weight: 500;
color: #777;
}
.wear-listagem-body #pesquisa-canal .pesquisa:-ms-input-placeholder{ /* IE 10+ */
font-size: 12px;
font-weight: 500;
color: #777;
}
.wear-listagem-body #pesquisa-canal .pesquisa:-moz-placeholder { /* Firefox 18- */
font-size: 12px;
font-weight: 500;
color: #777;
}
.wear-listagem-body .topo-listagem select[name="ordenacao"]{
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
background-image: url(../img/site/carrot-down.png);
background-repeat: no-repeat;
background-position: 100% 53%;
outline: none;
border: none;
font-size: 14px;
font-weight: 500;
color: #666666;
width: 105px;
margin-right: 20px;
}
.wear-listagem-body .container-white{
border-radius: 5px;
background: rgba(255,255,255,0.4);
padding: 40px 46.5px;
padding-bottom: 25px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
}
.wear-listagem-body .outlet-item{
margin: 0 13.5px;
width: 185px;
padding: 0;
background: transparent;
box-shadow: none;
height: auto;
margin-bottom: 45px;
position: relative;
}
.wear-listagem-body .canal__right.full-size{
width: 100%;
}
.wear-listagem-body .canal__right.full-size .outlet-item{
margin-left: 20.8px;
margin-right: 20.8px;
}
.wear-listagem-body .outlet-item__vinho{
width: 100%;
margin: 0;
max-width: 100%;
height: auto;
max-height: 100%;
}
.wear-listagem-body .outlet-item figure{
margin: 0;
width: 100%;
height: 185px;
margin-bottom: 10px;
}
.wear-listagem-body .outlet-item__absolute-bottom{
position: relative;
margin-top: 10px;
bottom: 0;
}
.wear-listagem-body .outlet-item__title{
text-align: center;
text-transform: uppercase;
font-family: "Montserrat";
font-weight: 500;
color: #333333;
letter-spacing: 0.2em;
line-height: 1.5em;
font-size: 13px;
height: 35px;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.wear-listagem-body .ribbon span{
background-color: #E0583F;
}
.wear-listagem-body .ribbon span:after{
border-right-color: #E0583F;
border-top-color: #E0583F;
}
.wear-listagem-body .ribbon span:before{
border-left-color: #E0583F;
border-top-color: #E0583F;
}
.wear-listagem-body .outlet-item__absolute-bottom .flex-between{
flex-direction: column;
align-items: center;
}
.wear-listagem-body .outlet-item__preco{
width: auto;
margin: 0;
font-size: 18px;
}
.wear-listagem-body .outlet-item__preco-velho{
margin: 0;
width: auto;
font-size: 12px;
font-weight: 500;
color: #6B6B6B;
text-decoration: line-through;
}
.wear-listagem-body .outlet-item .overlay{
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
height: 185px;
z-index: 1;
background: rgba(0,0,0,0.5);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: 250ms ease;
visibility: hidden;
opacity: 0;
}
.wear-listagem-body .outlet-item:hover .overlay{
visibility: visible;
opacity: 1;
}
.wear-listagem-body .outlet-item .overlay .detalhes{
height: 30px;
display: block;
width: 155px;
border: 1px solid white;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: rgba(119,119,119,0.7);
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
color: white;
margin-bottom: 16px;
font-family: "Montserrat";
transition: 250ms ease;
}
.wear-listagem-body .outlet-item .overlay .detalhes:hover{
background: rgba(119,119,119,0.9);
}
.wear-listagem-body .outlet-item .overlay .comprar-modal{
height: 30px;
display: block;
width: 155px;
border: 0;
outline: none;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: #45AF22;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
color: white;
font-family: "Montserrat";
cursor: pointer;
transition: 250ms ease;
}
.wear-listagem-body .outlet-item .overlay .comprar-modal:hover{
background: #3a8a1f;
}
/** Cross sell vinumwear home **/
.wear-home{
margin-top: 60px;
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.wear-home *{
font-family: "Montserrat";
}
.wear-home .caixa{
width: 95%;
height: 455px;
border: 10px solid white;
padding: 0 85px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: flex-start;
padding-bottom: 10px;
box-sizing: border-box;
}
.wear-home .caixa h3{
font-family: "Manus";
font-size: 68px;
color: #E0583F;
margin-bottom: 15px;
line-height: 1em;
}
.wear-home .caixa p{
max-width: 305px;
font-size: 16px;
color: #333333;
margin-bottom: 35px;
}
.wear-home .caixa .btn-wear{
width: 175px;
height: 40px;
background-color: #E0583F;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: white;
text-decoration: none;
transition: 250ms ease;
}
.wear-home .caixa .btn-wear:hover{
background-color: #BF4933;
}
.wear-home .slider-box{
height: 320px;
padding: 0px;
box-sizing: border-box;
background: #EBE2DE;
position: absolute;
width: 52%;
top: calc(50% - 180px);
right: 0;
}
.wear-home .slide-shirts{
width: 100%;
height: 320px;
margin: 0;
}
.wear-home .slide-shirts .shirt{
height: 320px;
padding: 20px 0;
box-sizing: border-box;
}
.wear-home .slide-shirts .shirt .inner-box{
background: white;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.15);
border-radius: 5px;
box-sizing: border-box;
width: 100%;
height: 280px;
padding: 10px;
position: relative;
}
.wear-home .owl-carousel .owl-stage{
padding-left: 20px !important;
}
.wear-home .owl-carousel .owl-nav .owl-prev{
left: 20px;
bottom: -30px;
top: auto;
width: 35px;
height: 30px;
border-radius: 4px;
background: white;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.15);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0;
}
.wear-home .owl-carousel .owl-nav .owl-next{
top: auto;
right: auto;
left: 65px;
bottom: -30px;
width: 35px;
height: 30px;
border-radius: 4px;
background: white;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.15);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0;
}
.wear-home .owl-carousel .owl-nav .owl-prev span,
.wear-home .owl-carousel .owl-nav .owl-next span{
line-height: 13px;
height: 20px;
font-family: "Lato";
color: #9D9D9D;
}
.wear-home .owl-carousel .owl-nav .owl-prev:hover,
.wear-home .owl-carousel .owl-nav .owl-next:hover{
background: white !important;
}
.wear-home .shirt .inner-box figure{
width: 100%;
height: 149px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
overflow: hidden;
margin: 0;
margin-bottom: 10px;
}
.wear-home .overlay{
width: calc(100% - 20px);
height: 149px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
position: absolute;
left: 10px;
right: 10px;
margin: auto;
top: 10px;
padding: 10px;
background: rgba(0,0,0,0.5);
box-sizing: border-box;
transition: 250ms ease;
visibility: hidden;
opacity: 0;
}
.wear-home .shirt .inner-box:hover .overlay{
visibility: visible;
opacity: 1;
}
.wear-home .overlay .btn-comprar{
height: 30px;
display: flex;
align-items: center;
}
.wear-home .shirt .inner-box figure img{
width: 100%;
max-width: 100%;
height: auto;
}
.wear-home .shirt .inner-box .titulo{
text-align: center;
font-weight: 600;
font-size: 13px;
line-height: 18px;
color: #333333;
margin-bottom: 15px;
display: block;
height: 36px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
padding: 0 5px;
}
.wear-home .shirt .inner-box .prices{
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.wear-home .shirt .inner-box .prices .price-old{
margin: 0;
width: auto;
font-size: 12px;
font-weight: 500;
color: #6B6B6B;
text-decoration: line-through;
margin-bottom: 3px;
}
.wear-home .shirt .inner-box .prices .price-new{
width: auto;
margin: 0;
font-size: 18px;
font-weight: bold;
color: #e0583f;
}
.wear-home .ribbon span{
background-color: #E0583F;
}
.wear-home .ribbon span:after{
border-right-color: #E0583F;
border-top-color: #E0583F;
}
.wear-home .ribbon span:before{
border-left-color: #E0583F;
border-top-color: #E0583F;
}
/** Seletor de medidas masculino/feminino **/
.medidas .selector{
display: flex;
margin-top: 15px;
}
.medidas .selector span{
padding: 0 5px;
padding-bottom: 5px;
margin-bottom: 15px;
margin-right: 10px;
border-bottom: 2px solid #fff;
font-size: 14px;
font-weight: 500;
color: #adadad;
display: block;
cursor: pointer;
}
.medidas .selector span.active{
border-color: #E0583F;
color: #E0583F;
}
.tabela-medidas .group.hidden{
display: none;
}
/** Modal comprar **/
.modal-mask{
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.7);
position: fixed;
margin: auto;
z-index: 998;
transition: 200ms ease;
visibility: hidden;
opacity: 0;
}
.modal-comprar{
box-sizing: border-box;
width: 915px;
padding: 50px 50px;
padding-left: 30px;
border-radius: 10px;
background: white;
position: fixed;
top: 14%;
left: 0;
right: 0;
margin: auto;
z-index: 999;
transition: 200ms ease;
visibility: hidden;
opacity: 0;
}
.modal-comprar-open .modal-comprar{
visibility: visible;
opacity: 1;
}
.modal-comprar-open .modal-mask{
visibility: visible;
opacity: 1;
}
.modal-comprar .close-modal{
display: block;
width: 21px;
height: 21px;
position: absolute;
right: 25px;
top: 25px;
background-image: url(../img/site/close-medidas.png);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.modal-comprar .conteudo.wear .img-main img{
max-width: 290px;
max-height: 290px;
}
.modal-comprar .conteudo.wear .oferta-foto{
height: 290px;
}
.modal-comprar .conteudo.wear .img-main{
margin-left: -176px;
}
.modal-comprar .conteudo.wear .galle-vert{
width: 300px;
min-width: 300px;
max-width: 300px;
height: 100px;
top: -77px;
}
.modal-comprar .conteudo.wear .galle-vert .foto img{
max-width: 80px;
max-height: 80px;
}
.modal-comprar .conteudo.wear .galle-vert .foto{
width: 100px;
height: 100px;
max-width: 100px;
max-height: 100px;
min-width: 100px;
min-height: 100px;
}
.modal-comprar .conteudo{
display: flex;
}
.modal-comprar .conteudo.wear .galle-vert .owl-next,
.modal-comprar .conteudo.wear .galle-vert .owl-prev{
top: 8px !important;
}
.modal-comprar .conteudo.wear .tamanho button{
margin-right: 7px;
}
.modal-comprar .conteudo.wear .guia b{
white-space: nowrap;
}
/** Wear no carrinho **/
.crossell.op3 .produtos-relacionados__item--vestuario img{
width: 95px;
max-width: 95px;
padding-top: 0;
border-radius: 3px;
}
.crossell.op3 .produtos-relacionados__item--vestuario .informacoes .btn-comprar{
width: 100px;
text-align: center;
padding: 0;
}
/** Vinumteca PDP **/
.vinumteca-pdp-body{
background-color: white;
background-image: url('../img/site/bg-vinumteca.png');
background-size: contain;
background-position: center 68px;
padding-top: 70px !important;
}
.vinumteca-pdp-body .container-cabecalho,
.vinumteca-pdp-body .parallax-mirror,
.vinumteca-pdp-body .banner-interno{
display: none !important;
padding: 0 !important;
}
.vinumteca-pdp-body .cabecalho{
padding: 0 !important;
height: 0px !important;
}
.header-vinumteca{
width: 100%;
height: 70px;
background: #302E71;
position: fixed;
top: 0;
z-index: 997;
}
.header-vinumteca .hidden-desktop{
display: none;
}
.header-vinumteca *{
font-family: "Montserrat";
box-sizing: border-box;
}
.header-vinumteca .cont-teca{
display: flex;
align-items: center;
justify-content: space-between;
height: 70px;
}
.header-vinumteca .left{
display: flex;
}
.header-vinumteca .left .menu-hd .fa{
color: #e0583f;
margin-right: 4px;
font-size: 20px;
transition: 250ms ease;
}
.header-vinumteca .left .menu-hd{
color: white;
font-weight: 600;
letter-spacing: .5px;
font-size: 14px;
text-transform: uppercase;
display: flex;
align-items: center;
cursor: pointer;
margin-right: 60px;
transition: 250ms ease;
}
.header-vinumteca .left .menu-hd:hover{
transform: translateX(3px)
}
.header-vinumteca .right{
display: flex;
}
.header-vinumteca .acessar{
font-size: 14px;
color: white;
font-weight: 500;
display: flex;
align-items: center;
transition: 250ms ease;
}
.header-vinumteca .acessar:hover{
transform: translateX(3px);
}
.header-vinumteca .acessar img{
margin-right: 8px;
}
.header-vinumteca form{
position: relative;
margin: 0;
}
.header-vinumteca .search-hd{
height: 40px;
width: 208px;
border-radius: 3px;
border: 1px solid #545383;
padding: 0 15px;
font-size: 13px;
font-weight: normal;
color: #C4C4C4;
outline: none;
background: transparent;
margin: 0;
padding-right: 45px;
transition: 250ms ease;
}
.header-vinumteca .search-hd:focus{
border-color: #d4d4d4;
}
.header-vinumteca .search-hd::-webkit-input-placeholder{
font-size: 13px;
font-weight: normal;
color: #C4C4C4;
}
.header-vinumteca .search-hd::-moz-placeholder{
font-size: 13px;
font-weight: normal;
color: #C4C4C4;
}
.header-vinumteca .search-hd:-ms-input-placeholder{
font-size: 13px;
font-weight: normal;
color: #C4C4C4;
}
.header-vinumteca .search-hd:-moz-placeholder{
font-size: 13px;
font-weight: normal;
color: #C4C4C4;
}
.header-vinumteca .search-hd-icon{
position: absolute;
top: 11px;
height: 17px;
width: 17px;
border: 0;
outline: none;
display: block;
background: url('../img/site/busca-hd.png') no-repeat center center;
right: 16px;
cursor: pointer;
transition: 250ms ease;
}
.header-vinumteca .search-hd-icon:hover{
opacity: 0.7;
}
.vinumteca-pdp-body .blog-noticias{
width: 920px;
margin: 0 auto;
float: none;
}
.vinumteca-pdp-body .blog-noticias .noticia-detalhe{
margin: 0;
}
.vinumteca-pdp-body .noticia-detalhe__titulo{
text-align: center;
}
.vinumteca-pdp-body .noticia-detalhe *{
font-family: "Roboto";
}
.vinumteca-pdp-body .noticia-detalhe__titulo{
padding: 65px 0 40px 0;
box-sizing: border-box;
max-width: 840px;
margin: 0 auto;
text-align: center;
font-size: 45px;
font-weight: 500;
line-height: 1.4em;
}
.vinumteca-pdp-body .item-data{
margin: 0;
text-align: center;
color: #A4A4A4;
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
margin-bottom: 80px;
position: relative;
}
.vinumteca-pdp-body .item-data::after{
content: "";
display: block;
width: 46px;
height: 5px;
background: #E0583F;
margin:auto;
position: absolute;
left: 0;
right: 0;
bottom: -25px;
}
.vinumteca-pdp-body .noticia-detalhe__descricao{
font-size: 17px;
line-height: 1.6em;
color: #333333;
padding: 0px 90px;
}
.vinumteca-pdp-body .noticia-detalhe__descricao p{
font-size: 17px;
line-height: 1.6em;
color: #333333;
margin-bottom: 30px;
box-sizing: border-box;
/* padding: 0 90px; */
font-family: "Montserrat";
}
.vinumteca-pdp-body .noticia-detalhe__descricao img{
max-width: 100%;
margin: auto;
}
.vinumteca-pdp-body .noticia-detalhe__descricao figure{
max-width: 100%;
text-align: center;
width: 100%;
margin-bottom: 50px;
padding: 4px;
border: 0;
}
.vinumteca-pdp-body .noticia-detalhe__descricao figure figcaption{
font-size: 12px;
text-align: center;
text-transform: uppercase;
color: #A4A4A4;
letter-spacing: 0.1em;
}
.vinumteca-pdp-body .noticia-detalhe__descricao h2 strong,
.vinumteca-pdp-body .noticia-detalhe__descricao h3 strong,
.vinumteca-pdp-body .noticia-detalhe__descricao h4 strong{
font-weight: 600;
}
.vinumteca-pdp-body .noticia-detalhe__descricao h2,
.vinumteca-pdp-body .noticia-detalhe__descricao h3,
.vinumteca-pdp-body .noticia-detalhe__descricao h4{
font-size: 25px;
font-weight: 600;
color: #333333;
margin-bottom: 20px;
margin-top: 50px;
padding: 0 90px;
box-sizing: border-box;
line-height: 1.4em;
}
.vinumteca-pdp-body .vinho-flutuante *{
font-family: "Montserrat";
}
.vinumteca-pdp-body .vinho-flutuante{
position: fixed;
bottom: 0;
right: 20px;
width: 250px;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.15);
z-index: 997;
}
.vinumteca-pdp-body .vinho-flutuante .top{
background: #E0583F;
width: 100%;
height: 55px;
border-radius: 5px 5px 0 0;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 12px;
cursor: pointer;
transition: 250ms ease;
box-sizing: border-box;
}
.vinumteca-pdp-body .vinho-flutuante .top:hover{
opacity: 0.95;
}
.vinumteca-pdp-body .vinho-flutuante .text{
font-size: 12px;
font-weight: normal;
color: white;
margin-left: 10px;
}
.vinumteca-pdp-body .vinho-flutuante .text strong{
font-size: 16px;
font-weight: 600;
display: block;
text-transform: uppercase;
margin-top: 2px;
}
.vinumteca-pdp-body .vinho-flutuante .left{
display: flex;
align-items: center;
}
.vinumteca-pdp-body .vinho-flutuante .top-seta{
width: 51px;
height: 100%;
border-radius: 0 5px 0 0;
background: #D34B31;
display: flex;
align-items: center;
justify-content: center;
}
.vinumteca-pdp-body .vinho-flutuante .bottom{
width: 100%;
background: white;
box-sizing: border-box;
padding: 25px 21px;
display: flex;
align-items: center;
justify-content: center;
display: none;
}
.vinumteca-pdp-body .vinho-flutuante.active .bottom{
display: flex !important;
}
.vinumteca-pdp-body .vinho-flutuante .bottom img{
max-width: 44px;
max-height: 158px;
width: auto;
height: auto;
}
.vinumteca-pdp-body .vinho-flutuante .bottom .right{
margin-left: 16px;
}
.vinumteca-pdp-body .vinho-flutuante .bottom .right h3{
font-weight: bold;
font-size: 19px;
color: #555555;
text-transform: uppercase;
line-height: 1.4em;
}
.vinumteca-pdp-body .vinho-flutuante .bottom .right .data-flut{
font-size: 11px;
font-weight: normal;
color: #828282;
text-transform: uppercase;
margin-bottom: 6px;
display: block;
}
.vinumteca-pdp-body .vinho-flutuante .bottom .right p{
text-transform: uppercase;
font-size: 13px;
font-weight: normal;
line-height: 17px;
color: #555555;
margin-bottom: 15px;
margin-top: 5px;
}
.vinumteca-pdp-body .vinho-flutuante .bottom .right .btn{
display: block;
width: 130px;
height: 40px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 14px;
font-weight: bold;
color: white;
border-radius: 2px;
background: #45AF22;
transition: 250ms ease;
}
.vinumteca-pdp-body .vinho-flutuante .bottom .right .btn:hover{
opacity: 0.9;
}
.vinumteca-pdp-body .vinho-flutuante.active .top-seta img{
transform: rotate(180deg);
}
.vinumteca-pdp-body .vinho-semana{
margin-bottom: 0;
padding-bottom: 50px;
}
.vinumteca-pdp-body .compartilhe{
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 80px;
flex-direction: column;
}
.vinumteca-pdp-body .compartilhe > span{
font-family: "Montserrat";
font-size: 18px;
line-height: 1em;
letter-spacing: 0.18em;
color: #333333;
text-transform: uppercase;
margin-bottom: 25px;
font-weight: 600;
}
.vinumteca-pdp-body .relacionados{
margin-bottom: 80px;
}
.vinumteca-pdp-body .relacionados a:hover{
opacity: 0.8;
}
.vinumteca-pdp-body .relacionados *{
font-family: "Montserrat";
}
.vinumteca-pdp-body .relacionados h3{
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
color: #333333;
line-height: 1em;
letter-spacing: 0.1em;
margin-bottom: 30px;
}
.vinumteca-pdp-body .relacionados .posts{
display: flex;
margin: 0 -15px;
}
.vinumteca-pdp-body .relacionados .post{
margin: 0 15px;
max-width: calc(33.33% - 30px);
}
.vinumteca-pdp-body .relacionados .post figure{
width: 362px;
max-width: 100%;
height: 198px;
background: fixed;
border: #D6D6D6;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
margin: 0;
}
.vinumteca-pdp-body .relacionados .container{
width: 1140px;
}
.vinumteca-pdp-body .relacionados .post img{
width: 100%;
height: auto;
}
.vinumteca-pdp-body .relacionados .post h4{
font-size: 20px;
font-weight: 600;
color: #333;
height: 61px;
line-height: 1.4em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-top: 15px;
margin-bottom: 9px;
}
.vinumteca-pdp-body .relacionados .post .descricao{
margin: 0;
line-height: 1.4em;
color: #8D8D8D;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
margin: 0;
font-size: 16px;
line-height: 1.4em;
color: #8D8D8D;
}
.vinumteca-pdp-body .relacionados .post .descricao p{
margin: 0;
font-size: 16px;
line-height: 1.4em;
color: #8D8D8D;
}
.vinumteca-pdp-body .vinho-semana .comprar-semana{
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
}
/** Listagem blog **/
.vinumteca-pdp-body .col-posts{
width: 90%;
padding-top: 50px;
}
.vinumteca-pdp-body .col-posts .post-destaque{
margin-bottom: 65px;
}
.vinumteca-pdp-body .col-posts .post-destaque img{
max-width: 100%;
width: auto;
height: auto;
}
.vinumteca-pdp-body .col-posts .post-destaque h4{
font-size: 45px;
font-weight: 600;
color: #333;
line-height: 1.4em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-top: 15px;
margin-bottom: 20px;
}
.vinumteca-pdp-body .col-posts .post-destaque .descricao{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.vinumteca-pdp-body .col-posts .post-destaque .descricao p{
margin: 0;
font-size: 17px;
line-height: 1.6em;
color: #333333;
}
.vinumteca-pdp-body .col-posts .post-destaque span{
font-size: 12px;
font-weight: 500;
color: #A4A4A4;
letter-spacing: 0.18em;
margin-top: 15px;
text-transform: uppercase;
display: block;
}
.vinumteca-pdp-body .lista-posts{
padding-bottom: 70px;
}
.vinumteca-pdp-body .lista-posts .post-item{
margin-bottom: 40px;
display: flex;
align-items: center;
}
.vinumteca-pdp-body .lista-posts .post-item .img-post{
width: 290px;
height: auto;
margin-left: 20px;
}
.vinumteca-pdp-body .lista-posts .post-item h4{
font-size: 20px;
font-weight: 600;
color: #333;
line-height: 1.4em;
margin-bottom: 15px;
}
.vinumteca-pdp-body .lista-posts .post-item p{
margin: 0;
font-size: 15px;
line-height: 1.4em;
color: #8D8D8D;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
margin-bottom: 15px;
}
.vinumteca-pdp-body .lista-posts .post-item span{
font-size: 12px;
font-weight: 500;
color: #A4A4A4;
letter-spacing: 0.18em;
margin-top: 15px;
text-transform: uppercase;
display: block;
}
.vinumteca-pdp-body .col-posts a{
transition: 250ms ease;
}
.vinumteca-pdp-body .col-posts a:hover{
opacity: 0.9;
}
.vinumteca-pdp-body .last-news{
width: 100%;
padding-bottom: 12px;
border-bottom: 1px solid rgb(224 88 63 / 21%);
text-transform: uppercase;
font-size: 21px;
letter-spacing: 0.1em;
color: #333;
font-family: "Montserrat";
margin-bottom: 40px;
margin-top: 0px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: space-between;
}
.vinumteca-pdp-body .last-news h3{
margin: 0;
font-weight: 600;
padding-left: 2px;
color: #e0583f;
}
.vinumteca-pdp-body .last-news a{
margin: 0;
color: #302e71;
text-decoration: underline;
text-transform: none;
font-size: 13px;
}
.page-load-status p{
display: block;
text-align: center;
font-size: 20px;
color: #333;
font-weight: 600;
font-family: "Montserrat";
margin: 30px 0 80px 0;
}
/** Video na listagem **/
.listagem-premium-body .video-box-premium{
padding-top: 15px;
margin: auto;
}
.listagem-premium-body .video-embed{
margin-bottom: 50px;
}
.gold-body .video-box-premium{
box-shadow: 2px 6px 30px 0px rgba(45, 62, 80, 0.22);
background: white;
border-radius: 3px;
width: 100%;
padding: 20px;
margin-bottom: 30px;
box-sizing: border-box;
max-width: 712px;
}
.gold-body .video-embed{
margin-bottom: 0;
padding: 0;
}
.gold-body .video-box .title{
font-size: 20px;
font-weight: 600;
padding-top: 10px;
margin-bottom: 25px;
}
/** Categorias vinumteca **/
.vinumteca-pdp-body .categoria-lista{
display: flex;
margin: 0 -10px;
margin-top: -15px;
}
.vinumteca-pdp-body .categoria-lista .post{
margin: 0 10px;
max-width: 287px;
transition: 250ms ease;
}
.vinumteca-pdp-body .categoria-lista .post figure{
display: flex;
margin: 0;
align-items: center;
justify-content: center;
overflow: hidden;
height: 156px;
max-width: 287px;
}
.vinumteca-pdp-body .categoria-lista .post img{
max-width: 100%;
}
.vinumteca-pdp-body .categoria-lista .post h4{
font-size: 15px;
font-weight: 500;
color: #333;
line-height: 1.4em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-top: 10px;
}
.vinumteca-pdp-body .bloco-categoria{
margin-bottom: 70px;
}
.vinumteca-pdp-body .categoria-lista .post:hover{
opacity: 0.9;
}
/** Busca grande **/
.busca-grande{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 40px;
position: relative;
}
.busca-grande label{
margin: 0;
margin-bottom: 15px;
text-align: center;
font-size: 18px;
font-weight: 600;
font-family: "Montserrat";
color: #333;
}
.busca-grande input{
height: 40px;
width: 508px;
border-radius: 3px;
border: 1px solid #d8d8d8;
padding: 0 15px;
font-size: 13px;
font-weight: normal;
color: #C4C4C4;
outline: none;
background: transparent;
margin: 0;
padding-right: 45px;
transition: 250ms ease;
}
.busca-grande .search-hd-icon{
height: 17px;
width: 17px;
border: 0;
outline: none;
display: block;
margin-left: -40px;
cursor: pointer;
transition: 250ms ease;
top: 10px;
position: relative;
font-size: 16px;
background: transparent;
color: #e0583f;
}
.busca-grande .input-bloco{
display: flex;
}
.vinumteca-pdp-body .lista-cat{
display: flex;
align-items: center;
margin-left: 50px;
margin-right: 50px;
position: relative;
}
.vinumteca-pdp-body .lista-cat > span{
font-size: 14px;
color: white;
font-weight: 500;
cursor: pointer;
}
.vinumteca-pdp-body .lista-cat > span .fa{
color: white;
font-size: 14px;
margin-left: 4px;
}
.vinumteca-pdp-body .lista-cat .drop-cat{
visibility: hidden;
opacity: 0;
transition: 250ms ease;
position: absolute;
top: 45px;
left: 0;
width: 170px;
background: #fff;
padding: 20px;
margin: 0;
list-style: none;
border-radius: 5px;
z-index: 990;
box-shadow: 4px 3px 11px rgba(0, 0, 0, 0.15);
}
.vinumteca-pdp-body .lista-cat:hover .drop-cat{
top: 35px;
visibility: visible;
opacity: 1;
}
.vinumteca-pdp-body .lista-cat .drop-cat li:not(:last-child){
margin-bottom: 15px;
}
.vinumteca-pdp-body .lista-cat .drop-cat li a{
color: #333;
text-decoration: none;
font-size: 13px;
font-weight: 500;
}
.vinumteca-pdp-body .lista-cat .drop-cat li a:hover{
color: #e0583f;
}
/** Coleção gold **/
.gold-body .banner-interno{
display: block !important;
}
.gold-body .parallax-mirror{
display: block !important;
}
.colecao-body.gold-body .cabecalho h1.logo::after{
display: none;
}
.gold-body .banner-interno__subtitle{
display: none;
}
.gold-body .banner-interno__title{
top: 18px;
position: relative;
}
.gold-body .colecao-topo{
background: transparent;
}
.gold-body .colecao-topo::before{
display: none;
}
.gold-body .desc-colecao{
display: none;
}
.gold-body .colecao-topo .subtitulo,
.gold-body .colecao-topo h1{
color: #333;
}
.gold-body .colecao-topo .new-price{
color: #e0583f;
}
.gold-body .colecao-topo .img-prod{
height: 330px;
/* max-height: 330px; */
}
.gold-body .colecao-topo{
padding-top: 0px !important;
height: auto;
}
.gold-body .colecao-topo .cont{
height: 330px;
}
.gold-body .white-content{
margin-top: 28px;
}
.gold-body .colecao-topo .right{
padding-left: 40px;
}
.gold-body .colecao-topo .quantidade_oferta{
border: 1px solid #d7d7d7;
}
.gold-body .ficha-tecnica_v2 .informacoes-tecnicas__title{
background: #E0583F;
}
.gold-body .ficha-tecnica_v2 .informacoes-tecnicas__title::before{
display: none;
}
.gold-body .colecao-topo .economia{
color: #fff;
}
/** Lista de categorias listagem blog **/
.nuvem-categorias{
margin-top: -15px;
}
.nuvem-categorias a{
display: inline-block;
height: 30px;
border-radius: 30px;
border: 1px solid #e0583f;
padding: 5px 15px;
text-decoration: none;
font-weight: 600;
color: #e0583f;
font-family: "Montserrat";
font-size: 14px;
margin-right: 10px;
margin-bottom: 10px;
box-sizing: border-box;
transition: 250ms ease;
}
.nuvem-categorias a:hover{
background: #e0583f;
color: #fff;
}
/** Listagem Black Friday **/
.listagem-bf-body{
background-position: center 0;
}
.listagem-bf-body .banner-interno{
display: none;
}
.listagem-bf-body .parallax-mirror{
display: none !important;
}
.listagem-bf-body .cabecalho h1.logo::after {
content: "Black Friday";
font-family: manus;
font-size: 28px;
color: #E0583F;
z-index: 99;
text-align: center;
display: block;
text-indent: 0;
position: relative;
top: 37px;
}
.listagem-outlet-body .cabecalho h1.logo::after {
content: "Outlet";
}
.listagem-bf-body .cabecalho.active h1.logo::after{
display: none;
}
.listagem-bf-body .cabecalho.active .vinhos-adega-header,
.listagem-bf-body .cabecalho.active #cart,
.listagem-bf-body .cabecalho.active #abrirMenu{
margin-top: -20px;
}
.listagem-bf-body .cabecalho.active .cabecalho__user{
display: none !important;
}
.listagem-bf-body .cabecalho.active .cabecalho__acesse{
display: none;
}
.listagem-bf-body .cabecalho.active{
background-color: #111;
padding: 0px 0;
}
.listagem-bf-body .cabecalho.active h1.logo{
width: 200px;
height: 20px;
background: url(../img/site/logo-white.png) no-repeat top center;
margin-bottom: 20px;
}
.listagem-bf-body .topo-listagem{
height: 204px;
background-image: url('../img/site/bg-bf.png');
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.listagem-bf-body .topo-listagem::before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.75);
z-index: 1;
}
.listagem-bf-body .topo-listagem h1{
height: 72px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
max-width: 800px;
color: white;
font-size: 30px;
font-weight: 600;
line-height: 1.4em;
letter-spacing: 0.17em;
margin: auto;
position: absolute;
left: 0;
right: 0;
bottom: 23px;
z-index: 2;
}
.listagem-bf-body .canal__filter-title{
height: 40px;
background-color: #111;
border-radius: 5px;
display: flex;
align-items: center;
padding: 0 17px;
font-size: 12px;
text-transform: uppercase;
color: white;
letter-spacing: 0.05em;
font-weight: 500;
padding-top: 00px;
box-sizing: border-box;
z-index: 2;
position: relative;
margin-bottom: -4px;
justify-content: space-between;
cursor: pointer;
}
.listagem-bf-body .canal__filter-title.visivel{
border-radius: 5px 5px 0 0;
}
.listagem-bf-body .subtop-desc{
height: 120px;
background-color: #111;
display: flex;
align-items: center;
justify-content: center;
color: white;
}
.listagem-bf-body .subtop-desc .fire{
margin: 0 30px;
}
.listagem-bf-body .subtop-desc p{
color: white;
max-width: 398px;
line-height: 1.6em;
letter-spacing: 0.08em;
font-size: 14px;
font-family: "Montserrat";
font-weight: normal;
}
.listagem-bf-body .subtop-desc p strong{
font-weight: 600;
background-color: #E0583F;
padding: 1px 6px;
}
.listagem-bf-body .parallax-mirror{
display: none;
}
.listagem-bf-body .canal .menu li label,
.listagem-bf-body .canal .menu li{
cursor: pointer;
}
.listagem-bf-body .flex-listagem .canal__listagem-title{
white-space: nowrap;
font-size: 16px;
color: #555555;
font-weight: 600;
text-transform: none;
}
.listagem-bf-body .flex-listagem #form-canal-pesquisa .pesquisa{
width: 208px;
height: 40px;
border-radius: 5px;
border: 1px solid #CBCBCB;
background: rgba(255,255,255,0.45);
padding: 0 15px;
font-size: 14px;
color: #666;
font-weight: 500;
margin: 0;
}
.listagem-bf-body .flex-listagem{
display: flex;
align-items: center;
justify-content: space-between;
}
.listagem-bf-body .flex-listagem .pesquisa::-webkit-input-placeholder {
font-size: 14px;
color: #666;
font-weight: 500;
}
.listagem-bf-body .flex-listagem .pesquisa:-ms-input-placeholder {
font-size: 14px;
color: #666;
font-weight: 500;
}
.listagem-bf-body .flex-listagem .pesquisa::placeholder {
font-size: 14px;
color: #666;
font-weight: 500;
}
.listagem-bf-body .flex-listagem #form-canal-pesquisa .flex-between{
justify-content: initial;
}
.listagem-bf-body #pesquisa-canal form{
margin-bottom: 0px;
}
.listagem-bf-body #pesquisa-canal .btn-pesquisar{
margin-bottom: 0;
border-radius: 5px;
border: 0;
outline: none;
background: #252525;
padding: 0px;
width: 98px;
height: 40px;
font-size: 12px;
font-weight: 600;
margin-right: 0;
}
.listagem-bf-body #pesquisa-canal .btn-pesquisar:hover{
opacity: 0.9;
}
.listagem-bf-body #pesquisa-canal .btn-pesquisar .fa{
display: none;
}
.listagem-bf-body .texto-item{
font-family: "Montserrat";
font-size: 15px;
color: #555555;
}
.listagem-bf-body .quanti-buy{
margin-left: 45px;
display: flex;
align-items: center;
}
.listagem-bf-body .flex-preco .tag{
background-color: #E0583F;
border-radius: 3px;
color: white;
font-size: 12px;
padding: 2px 3px;
font-weight: bold;
white-space: nowrap;
margin-left: 5px;
font-family: "Montserrat";
}
.listagem-bf-body .flex-preco{
display: flex;
align-items: center;
}
.listagem-bf-body .quantidade_oferta{
min-width: 56px;
height: 40px;
padding: 0 14px;
border: 1px solid #cecece;
background-color: white;
border-radius: 2px;
font-family: "Montserrat";
font-size: 14px;
font-weight: bold;
color: #333333;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(../img/site/arrow-down.png);
background-repeat: no-repeat;
background-position: 77% 53%;
outline: none;
}
.listagem-bf-body .btn-comprar{
outline: none;
height: 40px;
}
.listagem-bf-body #pesquisa-canal form {
margin-bottom: 00px;
}
.listagem-bf-body .flex-listagem #form-canal-pesquisa .flex-between {
justify-content: initial;
}
.listagem-bf-body .flex-listagem #form-canal-pesquisa .pesquisa {
width: 208px;
height: 40px;
border-radius: 5px;
border: 1px solid #CBCBCB;
background: rgba(255,255,255,0.45);
padding: 0 15px;
font-size: 14px;
color: #666;
font-weight: 500;
margin: 0;
}
.listagem-bf-body #pesquisa-canal .btn-pesquisar {
margin-bottom: 0;
border-radius: 5px;
border: 0;
outline: none;
background: #252525;
padding: 0px;
width: 98px;
height: 40px;
font-size: 12px;
font-weight: 600;
}
.listagem-bf-body .cabecalho .menu{
padding-top: 22px;
}
.listagem-bf-body .filter-bf{
display: flex;
padding: 0 17px;
align-items: center;
height: 40px;
border-radius: 5px;
background: #111;
margin-bottom: 15px;
padding-bottom: 1px;
box-sizing: border-box;
}
.listagem-bf-body .canal .menu li img{
display: none;
}
.listagem-bf-body .canal__filters{
top: 60px;
position: relative;
}
.listagem-bf-body .box-list-prod{
padding: 30px;
box-sizing: border-box;
background: rgba(255,255,255,0.45);
border-radius: 5px;
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
padding-right: 15px;
}
.listagem-bf-body #listagem__produtos .outlet-item{
width: calc(33.33% - 15px);
margin-right: 0;
box-shadow: none;
background: transparent;
padding: 0;
height: auto;
margin-bottom: 65px;
margin-right: 15px;
}
.listagem-bf-body .canal{
padding-top: 40px;
}
.listagem-bf-body #listagem__produtos .figure-img{
margin: 0;
width: 100%;
height: 225px;
border-radius: 5px;
background: white;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
padding: 15px;
box-sizing: border-box;
position: relative;
}
.listagem-bf-body .unidades{
width: 100%;
height: 26px;
background-color: #111;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 0px 0px 5px 5px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding-bottom: 2px;
}
.listagem-bf-body .unidades span{
font-size: 12px;
text-transform: uppercase;
color: white;
font-weight: 500;
}
.listagem-bf-body #listagem__produtos .figure-img a{
display: block;
width: 100%;
height: 100%;
transition: 250ms ease;
}
.listagem-bf-body #listagem__produtos .figure-img a:hover{
opacity: 0.9;
}
.listagem-bf-body #listagem__produtos .figure-img img{
max-width: 100%;
max-height: 100%;
}
.listagem-bf-body .outlet-item__desconto{
width: 45px;
height: 45px;
background-color: #E0583F;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
top: 10px;
left: 10px;
letter-spacing: 0;
flex-direction: column;
}
.listagem-bf-body .outlet-item__desconto span{
display: block;
font-size: 10px;
font-weight: 600;
line-height: 10px;
}
.listagem-bf-body .outlet-item__title{
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
line-height: 1.4em;
color: #555555;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-align: center;
height: 38px;
}
.listagem-bf-body .outlet-item__title a{
color: #555555;
transition: 250ms ease;;
}
.listagem-bf-body .outlet-item__title a:hover{
color: #E0583F;
}
.listagem-bf-body .outlet-item__absolute-bottom{
position: relative;
}
.listagem-bf-body #listagem__produtos .precos{
justify-content: center;
flex-direction: column;
text-align: center;
padding-top: 10px;
margin-bottom: 18px;
}
.listagem-bf-body .outlet-item__preco-velho{
margin: 0;
margin-bottom: 5px;
font-size: 14px;
text-transform: uppercase;
color: #555555;
white-space: nowrap;
font-weight: 500;
}
.listagem-bf-body .outlet-item__preco{
margin: 0;
color: #302E71;
font-size: 24px;
white-space: nowrap;
font-weight: bold;
}
.listagem-bf-body .compra-linha{
justify-content: center;
width: 175px;
margin: auto;
}
.listagem-bf-body .compra-linha .add-cart{
width: 100%;
height: 40px;
font-size: 13px;
}
.listagem-bf-body .compra-linha .quantidade_oferta{
min-width: 56px;
height: 40px;
padding: 0 14px;
border: 0;
background-color: white;
border-radius: 2px;
font-family: "Montserrat";
font-size: 14px;
font-weight: bold;
color: #333333;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(../img/site/arrow-down.png);
background-repeat: no-repeat;
background-position: 77% 53%;
outline: none;
border: 1px solid #d7d7d7;
}
.listagem-bf-body .flex-top-bf-list{
margin-bottom: 20px;
}
.listagem-bf-body .page-load-status{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
}
.listagem-bf-body .page-load-status p{
text-align: center;
}
.listagem-bf-body .btn-esgotado-canal{
width: 100%;
outline: none;
cursor: default;
height: 40px;
letter-spacing: 1px;
font-size: 13px;
font-weight: 600;
font-family: "Montserrat";
padding: 0;
}
/** Countdown black friday **/
body.countdown-body{
padding-top: 55px;
}
.countdown-bf{
height: 55px;
display: none;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
background-color: #111;
color: white;
text-align: center;
z-index: 999;
}
body.countdown-body .cabecalho{
padding-top: 80px;
top: 0;
}
.countdown-body .menu-lateral{
z-index: 1000;
}
.countdown-bf p{
margin: 0;
font-size: 15px;
color: white;
}
.countdown-bf p::before{
content: "🔥";
font-size: 15px;
margin-right: 5px;
}
.countdown-bf p strong{
font-weight: 600;
}
.countdown-bf .finalizar{
text-decoration: none;
border-radius: 1px;
background: #E0583F;
padding: 8px 14px;
color: white;
font-weight: 500;
margin-left: 16px;
transition: 250ms ease;
display: none;
}
.countdown-bf .finalizar:hover{
background: #bf4630;
}
.countdown-body .cabecalho.active{
height: 55px;
padding: 0;
}
.countdown-body .cabecalho.active .container-cabecalho{
display: none;
}
/** Black Friday PPD **/
.bf-pdp.colecao-body .cabecalho h1.logo::after{
content: "Black Friday";
}
.outlet-pdp.colecao-body .cabecalho h1.logo::after{
content: "Outlet";
}
.bf-pdp.colecao-body .colecao-topo{
background-image: url("../img/site/bf-pdp.png");
height: 670px;
}
.bf-pdp.colecao-body .colecao-topo::before{
background-color: rgba(0,0,0,0.85);
}
.bf-pdp.colecao-body .colecao-topo .img-prod{
bottom: 40px;
}
.bf-pdp.colecao-body .colecao-topo .right{
bottom: 40px;
position: relative;
}
.bf-pdp.colecao-body .outlet-item__desconto{
width: 61px;
height: 61px;
background-color: #E0583F;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
top: -10px;
left: 140px;
letter-spacing: 0;
flex-direction: column;
}
.bf-pdp.colecao-body .outlet-item__desconto span{
display: block;
font-size: 15px;
font-weight: 600;
line-height: 15px;
}
.bf-pdp.colecao-body .preco-old-div{
margin-bottom: 20px;
position: relative;
margin-top: 25px;
}
.bf-pdp.colecao-body .preco-old-div img{
margin-bottom: 7px;
}
.bf-pdp.colecao-body .colecao-topo .economia{
background: transparent;
margin-top: 25px;
letter-spacing: 0.08em;
line-height: 1.6em;
text-transform: uppercase;
color: white;
font-size: 15px;
max-width: 290px;
padding: 0;
}
.bf-pdp.colecao-body .colecao-topo .economia b{
color: white;
background: #E0583F;
padding: 1px 4px;
white-space: nowrap;
font-weight: 500;
}
.bf-pdp.colecao-body .ultimas-unidades{
display: block;
background: #E0583F;
border-radius: 2px;
width: 173px;
height: 22px;
color: white;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
white-space: nowrap;
position: relative;
padding-left: 18px;
box-sizing: border-box;
margin-bottom: 20px;
left: 13px;
}
.bf-pdp.colecao-body .ultimas-unidades img{
position: absolute;
left: -17px;
top: -9px;
}
.bf-pdp.colecao-body .desc-colecao{
display: none;
}
.bf-pdp.colecao-body .white-content{
padding-top: 70px;
}
.bf-pdp.colecao-body .colecao-body .cabecalho.active{
background: #111;
}
.bf-pdp.colecao-body .ficha-tecnica_v2 .informacoes-tecnicas__title{
background: #111;
font-size: 13px;
color: white;
}
.bf-pdp.colecao-body .ficha-tecnica_v2 .informacoes-tecnicas__title::before{
display: none;
}
.bf-pdp.colecao-body .ball.active{
background: #111;
}
.bf-pdp.colecao-body .urgencia{
width: 361px;
height: 91px;
border-radius: 5px;
background: white;
padding: 20px 25px;
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
position: fixed;
right: 25px;
bottom: 45px;
z-index: 999;
box-sizing: border-box;
display: flex;
align-items: center;
transition: 200ms ease;
opacity: 0;
visibility: hidden;
}
.bf-pdp.colecao-body .urgencia.active{
right: 45px;
opacity: 1;
visibility: visible;
}
.bf-pdp.colecao-body .urgencia .fechar-balao{
position: absolute;
right: 25px;
top: 36px;
cursor: pointer;
}
.bf-pdp.colecao-body .urgencia strong{
display: block;
font-size: 15px;
text-transform: uppercase;
color: #555555;
margin-bottom: 3px;
font-weight: 600;
}
.bf-pdp.colecao-body .urgencia span{
font-size: 15px;
color: #555555;
}
.bf-pdp.colecao-body .urgencia span b{
font-size: 17px;
font-weight: 600;
color: #E0583F;
}
.bf-pdp.colecao-body .urgencia .r-balao{
max-width: 219px;
margin-left: 18px;
}
/** Faixa informativa Black Friday **/
.faixa-black{
position: relative;
height: 70px;
width: 100%;
background: #111;
display: flex;
align-items: center;
justify-content: center;
display: none;
}
body.faixa-body .cabecalho:not(.active){
padding-top: 0px;
top: 100px !important;
}
body.faixa-body .faixa-black{
display: flex;
}
.faixa-black .fechar-faixa{
width: 29px;
height: 29px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #1D1D1D;
transition: 250ms ease;
position: absolute;
top: 20px;
right: 25px;
cursor: pointer;
}
.faixa-black .fechar-faixa:hover{
background: #303030;
}
.faixa-black .vinum{
width: 162px;
}
.faixa-black .fogo{
margin: 0 50px;
}
.faixa-black .l-faixa{
display: flex;
align-items: center;
justify-content: center;
}
.faixa-black span{
color: white;
max-width: 324px;
line-height: 1.4em;
letter-spacing: 0.08em;
font-size: 12px;
font-family: "Montserrat";
font-weight: normal;
}
.faixa-black span strong{
font-weight: 500;
background-color: #E0583F;
padding: 1px 4px;
}
.faixa-black .ofertas{
width: 144px;
height: 35px;
border-radius: 2px;
border: 1px solid white;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
color: white;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
margin-left: 50px;
}
.faixa-black .ofertas:hover{
background: #E0583F;
border-color: #E0583F;
color: white;
}
body.faixa-body .vantagens,
body.faixa-body .countdown-bf{
display: none !important;
}
/** PIX **/
.pix{
justify-content: center;
padding-top: 70px;
}
.pix .box-centro{
width: 500px;
}
.pix .box-centro h2{
display: flex;
align-items: center;
font-size: 16px;
font-weight: 600;
color: #333;
text-transform: uppercase;
margin-bottom: 18px;
}
.pix .box-centro h2 img{
margin-right: 8px;
}
.pix .box-centro p{
font-size: 16px;
line-height: 1.4em;
margin-bottom: 29px;
letter-spacing: -0.02em;
color: #555555;
}
.pix .box-centro p:nth-child(3){
margin-bottom: 0;
}
.pix .box-centro p strong{
font-weight: 600;
}
.pix .box-qr{
display: flex;
align-items: center;
margin-bottom: 49px;
}
.pix .box-qr .qr{
margin-right: 27px;
height: 165px;
width: auto;
}
.pix .mob{
display: none !important;
}
.pix .box-qr .steps{
display: flex;
flex-direction: column;
justify-content: space-between;
height: 165px;
}
.pix .step{
display: flex;
align-items: center;
margin-bottom: 28px;
}
.pix .step .number{
height: 33px;
min-width: 33px;
border-radius: 50%;
margin-right: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: bold;
color: white;
background: #E0583F;
}
.pix .step .text{
font-size: 14px;
font-weight: normal;
line-height: 1.3em;
letter-spacing: -0.02em;
color: #555;
}
.pix .last-step .step{
margin-bottom: 21px;
}
.pix .last-step .upload{
border-radius: 5px;
border: 1px solid #E2E2E2;
padding: 25px;
width: 100%;
display: flex;
align-items: center;
margin-bottom: 33px;
box-sizing: border-box;
}
.pix .last-step .pix-deposito{
display: none;
}
.pix .last-step .btn-upload{
width: 157px;
height: 35px;
border-radius: 4px;
background: #555;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: 250ms ease;
margin: 0;
margin-right: 14px;
font-weight: normal;
font-size: 13px;
color: white;
letter-spacing: -0.02em;
}
.pix .last-step .btn-upload:hover{
background: #444;
}
.pix .last-step .btn-upload img{
margin-right: 9px;
}
.pix .last-step .btn-upload .filename{
font-weight: normal;
font-size: 14px;
color: #555;
letter-spacing: -0.02em;
}
.pix .bottom, .deposito-bancario .bottom{
border-top: 1px solid #DFDFDF;
width: 100%;
padding-top: 30px;
display: flex;
justify-content: space-between;
align-items: center;
}
.pix .bottom span, .deposito-bancario .bottom span{
font-size: 16px;
font-weight: normal;
letter-spacing: -0.02em;
color: #555;
}
.pix .bottom strong, .deposito-bancario .bottom strong{
font-size: 18px;
font-weight: 600;
letter-spacing: -0.02em;
color: #555;
}
.pix .input-codigo{
margin-left: 44px;
margin-top: -25px;
margin-bottom: 28px;
}
.pix .input-codigo input{
width: 300px;
height: 34px;
border-radius: 3px;
border: 1px solid #8F8F8F;
padding-left: 9px;
font-size: 13px;
color: #8F8F8F;
font-weight: bold;
letter-spacing: -0.02em;
}
.pix .copy-pix{
display: block;
text-align: center;
margin-top: 16px;
text-decoration: underline;
color: #E0583F;
cursor: pointer;
font-weight: 600;
font-size: 13px;
}
.pix .view-comprovante-pix a{
display: block;
text-align: center;
text-decoration: underline;
color: #E0583F;
cursor: pointer;
font-weight: 600;
font-size: 13px;
}
.pix .btn-envio-comprovante-pix{
text-transform: uppercase;
background: #e0583f;
font-size: 14px;
font-weight: 700;
color: white;
padding: 10px 0;
letter-spacing: .5px;
border-radius: 3px;
margin-top: 40px;
border: 2px solid transparent;
width: 30%;
text-align: center;
display: block;
}
.pix .btn-envio-comprovante-pix:hover{
background:white;
border-color: #e0583f;
color: #e0583f;
}
.deposito-bancario .bottom span.valor-antigo,
.pix .bottom span.valor-antigo{
display: block;
font-size: 14px;
text-align: right;
text-decoration: line-through;
margin-bottom: 5px;
color: #b9b9b9;
}
.enviar-comprovante{
margin-bottom: 25px;
}
.bottom .valor-total-div span.aplicado{
display: block;
font-size: 14px;
color: #888888;
margin-top: 7px;
}
.hidden{
display: none !important;
}
/** Oferta solidária **/
.oferta-solidaria{
margin-top: 65px;
}
.oferta-solidaria h3{
font-size: 55px;
font-family: "Manus";
font-weight: normal;
color: #E0583F;
letter-spacing: 0.02em;
margin: auto;
margin-bottom: 25px;
text-align: center;
}
.oferta-solidaria h3 img{
margin-left: 5px;
height: 52px;
}
.oferta-solidaria .box{
background: white;
width: calc(100% + 50px);
max-width: 200%;
position: relative;
left: -25px;
box-sizing: border-box;
padding: 50px 48px 62px 48px;
border-radius: 8px;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.15);
}
.topo-solidaria{
display: flex;
align-items: center;
padding: 0 44px;
margin-bottom: 60px;
}
.topo-solidaria img{
margin-right: 35px;
}
.topo-solidaria p{
font-size: 14px;
letter-spacing: 0.05em;
color: #555555;
line-height: 1.7em;
font-weight: 500;
}
.cont-solidaria{
display: flex;
align-items: stretch;
height: 340px;
}
.cont-solidaria .l-sol{
width: 48%;
box-sizing: border-box;
padding-right: 48px;
border-right: 1px solid #D1D3D4;
}
.cont-solidaria .r-sol{
width: 52%;
box-sizing: border-box;
padding-left: 48px;
display: flex;
align-items: center;
}
.cont-solidaria .l-sol figure{
width: 120px;
height: 120px;
border-radius: 5px;
border: 1px solid #DCDCDC;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 20px;
margin: auto;
margin-bottom: 14px;
}
.cont-solidaria .l-sol figure img{
max-width: 100%;
max-height: 100%;
border-radius: 5px;
}
.cont-solidaria .l-sol .inst-title{
font-size: 18px;
font-weight: 600;
color: #333333;
display: block;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-bottom: 12px;
}
.cont-solidaria .l-sol p{
font-size: 14px;
font-weight: normal;
letter-spacing: 0.05em;
color: #333333;
display: block;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
margin: auto;
}
.cont-solidaria .r-sol img{
margin-right: 57px;
max-height: 100%;
max-width: 75px;
}
.cont-solidaria .r-sol .tit1{
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
color: #E0583F;
margin-bottom: 20px;
display: block;
}
.cont-solidaria .r-sol .tit2{
margin-bottom: 15px;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #555555;
display: block;
font-size: 16px;
font-weight: 600;
}
.cont-solidaria .r-sol .resumo-texto{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical;
font-size: 14px;
font-weight: normal;
line-height: 1.7em;
color: #555555;
letter-spacing: 0.05em;
}
.cont-solidaria .r-sol .resumo-texto strong{
font-weight: 600;
}
.cont-solidaria .r-sol .leia-mais {
font-family: "Montserrat";
font-size: 14px;
line-height: 1.7em;
letter-spacing: 0.05em;
color: #E0583F;
font-weight: bold;
cursor: pointer;
margin-bottom: 40px;
}
.cont-solidaria .r-sol .prices-box{
display: flex;
align-items: center;
margin-right: 25px;
width: 100%;
justify-content: space-between;
}
.cont-solidaria .r-sol .texts .apenas{
font-size: 14px;
color: #8E8E8E;
margin-bottom: 3px;
display: block;
font-weight: 500;
}
.cont-solidaria .r-sol .texts .psol{
font-size: 18px;
font-weight: bold;
color: #302E71;
display: block;
white-space: nowrap;
font-weight: 600;
}
.cont-solidaria .r-sol .texts .psol strong{
font-size: 24px;
font-weight: 600;
}
.cont-solidaria .r-sol .btn-comprar{
height: 40px;
white-space: nowrap;
display: flex;
align-items: center;
}
.op3 .somente{
margin-bottom: 20px;
}
.solidaria-check .top-faixa{
background-color: #302E71 !important;
}
.saiba-mais-solid{
font-size: 12px;
font-weight: 600;
text-decoration: underline;
color: #E0583F;
display: flex;
align-items: center;
cursor: pointer;
transition: 250ms ease;
}
.saiba-mais-solid:hover{
color: #a23b28;
}
.crossell.op3 .produtos-relacionados__item .saiba-mais-solid img.solid-img{
max-width: 17px;
margin: 0;
margin-left: 5px;
}
.mask-solidaria{
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.7);
position: fixed;
margin: auto;
z-index: 998;
transition: 200ms ease;
visibility: hidden;
opacity: 0;
}
.modal-solidaria-active .mask-solidaria{
visibility: visible;
opacity: 1;
}
.modal-solidaria{
width: 1000px;
padding: 55px 50px;
box-sizing: border-box;
background-color: white;
border-radius: 8px;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.15);
position: absolute;
z-index: 999;
left: 0;
right: 0;
top: 200px;
margin: auto;
visibility: hidden;
opacity: 0;
transition: 250ms ease;
}
.modal-solidaria-active .modal-solidaria{
visibility: visible;
opacity: 1;
top: 100px;
}
.modal-solidaria .fechar-solidaria{
position: absolute;
top: 18px;
right: 25px;
cursor: pointer;
}
.modal-solidaria .topo-solidaria{
margin-bottom: 35px;
}
.modal-solidaria .cont-solidaria{
display: block;
height: auto;
}
.modal-solidaria .cont-solidaria .l-sol{
width: 100%;
max-width: 700px;
margin: auto;
display: flex;
align-items: center;
border-right: 0;
border-top: 1px solid #D1D3D4;
padding: 0 10px;
padding-top: 45px;
box-sizing: border-box;
}
.modal-solidaria .cont-solidaria .l-sol figure{
min-width: 160px;
min-height: 160px;
margin-right: 37px;
margin-bottom: 0;
}
.modal-solidaria .cont-solidaria .l-sol .inst-title{
text-align: left;
}
.modal-solidaria .cont-solidaria .l-sol p{
text-align: left;
font-size: 12px;
}
.modal-solidaria .cont-solidaria .r-sol{
width: 100%;
max-width: 700px;
margin: 0 auto;
margin-top: 70px;
}
.modal-solidaria .cont-solidaria .r-sol img{
max-width: 75px;
margin-right: 83px;
}
.modal-solidaria .cont-solidaria .r-sol .tit2{
font-size: 12px;
}
.modal-solidaria .cont-solidaria .r-sol .resumo-texto{
font-size: 12px;
}
.modal-solidaria .cont-solidaria .r-sol .prices-box{
justify-content: flex-end;
}
.modal-solidaria .cont-solidaria .r-sol .btn-comprar{
height: 52px;
margin-left: 20px;
}
/** PDP OFERTA SOLIDARIA **/
.solid-pdp .colecao-topo{
background-image: url("../img/site/solidaria-banner.png");
height: 760px;
}
.solid-pdp .colecao-topo::before{
background-color: rgba(0,0,0,0.45);
}
.solid-pdp .colecao-topo .img-prod{
bottom: 40px;
}
.solid-pdp .colecao-topo .right{
bottom: 40px;
position: relative;
}
.solid-pdp .colecao-topo .economia{
background: transparent;
margin-top: 25px;
letter-spacing: 0.08em;
line-height: 1.6em;
text-transform: uppercase;
color: white;
font-size: 15px;
max-width: 290px;
padding: 0;
}
.solid-pdp .colecao-topo .economia b{
color: white;
background: #E0583F;
padding: 1px 4px;
white-space: nowrap;
font-weight: 500;
}
.solid-pdp .tag-solid{
display: block;
background: #302E71;
border-radius: 2px;
width: 176px;
height: 32px;
color: white;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
display: flex;
align-items: center;
white-space: nowrap;
position: relative;
padding-left: 8px;
box-sizing: border-box;
margin-bottom: 25px;
left: 0;
}
.solid-pdp .tag-solid img{
max-width: 23px;
margin-right: 9px;
top: -1px;
position: relative;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.solid-pdp .desc-colecao{
display: none;
}
.solid-pdp .white-content{
padding-top: 0px;
margin-top: 0;
}
.solid-pdp .colecao-body .cabecalho.active{
background: #E0583F;
}
.solid-pdp .ficha-tecnica_v2 .informacoes-tecnicas__title{
background: #E0583F;
font-size: 13px;
color: white;
}
.solid-pdp .ficha-tecnica_v2 .informacoes-tecnicas__title::before{
display: none;
}
.solid-pdp .ball.active{
background: #E0583F;
}
.solid-pdp .urgencia{
width: 361px;
height: 91px;
border-radius: 5px;
background: white;
padding: 20px 25px;
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
position: fixed;
right: 25px;
bottom: 45px;
z-index: 999;
box-sizing: border-box;
display: flex;
align-items: center;
transition: 200ms ease;
opacity: 0;
visibility: hidden;
}
.solid-pdp .urgencia.active{
right: 45px;
opacity: 1;
visibility: visible;
}
.solid-pdp .urgencia .fechar-balao{
position: absolute;
right: 25px;
top: 36px;
cursor: pointer;
}
.solid-pdp .urgencia strong{
display: block;
font-size: 15px;
text-transform: uppercase;
color: #555555;
margin-bottom: 3px;
font-weight: 600;
}
.solid-pdp .urgencia span{
font-size: 15px;
color: #555555;
}
.solid-pdp .urgencia span b{
font-size: 17px;
font-weight: 600;
color: #E0583F;
}
.solid-pdp .urgencia .r-balao{
max-width: 219px;
margin-left: 18px;
}
.solid-pdp .colecao-topo .cont{
padding-bottom: 100px;
box-sizing: border-box;
align-items: center;
}
.solid-pdp .colecao-topo .right{
padding-left: 55px;
}
.solid-pdp .colecao-topo h1{
font-size: 25px;
}
.solid-pdp .colecao-topo .new-price{
font-size: 28px;
}
.solid-pdp .colecao-topo .btn-comprar{
font-size: 14px;
width: 200px;
padding: 0;
}
.solid-pdp .white-content{
background: transparent;
}
body.oferta-solidaria-body{
background-position: center 580px;
}
.box-solid{
background: white;
width: 780px;
border-radius: 8px;
box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.1);
padding: 48px;
margin: auto;
margin-top: -130px;
position: relative;
z-index: 1;
box-sizing: border-box;
}
.solid-pdp .colecao-topo .img-prod{
max-height: 460px;
height: 460px;
max-width: 460px;
}
.lucros-revertidos{
display: flex;
margin-top: 24px;
align-items: center;
}
.lucros-revertidos figure{
width: 47px;
height: 47px;
min-width: 47px;
min-height: 47px;
border-radius: 2px;
border: 1px solid #D1D3D4;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 7px;
background: white;
margin: 0;
margin-right: 12px;
}
.lucros-revertidos figure img {
max-width: 100%;
max-height: 100%;
border-radius: 2px;
}
.lucros-revertidos p{
font-size: 14px;
color: white;
line-height: 1.5em;
font-weight: normal;
letter-spacing: 0.02em;
}
.lucros-revertidos p strong{
display: block;
font-weight: 600;
}
.solid-pdp .topo-solidaria{
padding: 0;
}
.solid-pdp .topo-solidaria p{
font-size: 14px;
font-weight: normal;
line-height: 1.7em;
letter-spacing: 0.05em;
}
.solid-pdp .topo-solidaria img{
min-width: 100px;
margin-right: 45px;
}
.solid-pdp .topo-solidaria h3{
font-size: 20px;
font-weight: 600;
color: #E0583F;
line-height: 1.7em;
letter-spacing: 0.05em;
margin: 0;
margin-bottom: 20px;
}
.solid-pdp .topo-solidaria{
padding-bottom: 52px;
margin-bottom: 52px;
border-bottom: 1px solid #DCDCDC;
position: relative;
}
.solid-pdp .topo-solidaria .tag-mes{
font-size: 14px;
font-weight: bold;
color: white;
box-sizing: border-box;
padding: 6px 15px;
line-height: 1.5em;
letter-spacing: 0.02em;
border-radius: 5px;
background: #E0583F;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.15);
text-align: center;
position: absolute;
bottom: -17px;
left: 0;
}
.solid-pdp .l-sol{
display: flex;
align-items: center;
margin-bottom: 36px;
}
.solid-pdp .l-sol figure{
width: 100px;
height: 100px;
min-width: 100px;
min-height: 100px;
border-radius: 5px;
border: 1px solid #DCDCDC;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 16px;
margin: 0;
margin-bottom: 0px;
margin-right: 45px;
}
.solid-pdp .l-sol figure img{
max-width: 100%;
max-height: 100%;
border-radius: 2px;
}
.solid-pdp .l-sol .inst-title{
font-size: 18px;
font-weight: 600;
color: #333333;
line-height: 1.5em;
letter-spacing: 0;
margin: 0;
margin-bottom: 20px;
}
.solid-pdp .l-sol p{
font-size: 14px;
font-weight: normal;
line-height: 1.7em;
letter-spacing: 0.05em;
}
.solid-pdp .r-sol{
margin: 0;
width: 100%;
border: 0;
display: flex;
align-items: flex-start;
}
.solid-pdp .r-sol img {
margin-right: 51px;
margin-left: 10px;
max-height: 100%;
max-width: 86px;
}
.solid-pdp .r-sol .tit1{
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
color: #E0583F;
margin-bottom: 4px;
display: block;
line-height: 1.3em;
}
.solid-pdp .r-sol .tit2{
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #555555;
display: block;
font-size: 16px;
font-weight: normal;
}
.solid-pdp .r-sol .desc-vinho-solid{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
font-size: 14px;
font-weight: normal;
line-height: 1.7em;
letter-spacing: 0.05em;
margin-bottom: 20px;
}
.solid-pdp .r-sol .desc-vinho-solid strong{
font-weight: 600;
}
.origens-solid{
display: flex;
align-items: center;
margin: 30px 0;
}
.origens-solid .origem__item{
margin-right: 24px;
}
.origens-solid .origem__item img{
margin-right: 8px;
width: 33px;
margin-left: 0;
}
.solid-pdp .origens-solid .origem__item .title {
color: #333;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.1em;
font-size: 10px;
line-height: 16px;
text-align: left;
margin-bottom: 0px;
}
.solid-pdp .origens-solid p.subtitle {
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.05em;
font-size: 13px;
line-height: 12px;
margin-bottom: 0;
}
.solid-pdp .prices-box{
display: flex;
align-items: center;
justify-content: space-between;
}
.solid-pdp .r-sol .texts .psol{
font-size: 28px;
color: #302E71;
display: block;
white-space: nowrap;
font-weight: 600;
}
.solid-pdp .r-sol .texts .psol strong{
font-weight: 600;
}
.solid-pdp .r-sol .btn-comprar{
height: 43px;
display: flex;
align-items: center;
width: 190px;
justify-content: center;
}
.video-sol{
display: flex;
align-items: center;
justify-content: center;
margin-top: 70px;
flex-direction: column;
}
.video-sol h3{
font-size: 20px;
font-weight: 600;
color: #E0583F;
text-transform: uppercase;
margin-bottom: 20px;
text-align: center;
}
.video-sol iframe{
max-width: 100%;
border: 7px solid #D1D3D4;
}
.readmore-solid{
display: block;
margin-top: 5px;
font-weight: 600;
cursor: pointer;
color: #e0583f;
font-size: 14px;
transition: 250ms ease;
}
.readmore-solid:hover{
text-decoration: underline;
}
.solid-pdp .r-sol .desc-vinho-solid.aberto{
display: block;
overflow: auto;
}
/** Combo oferta **/
.combo-oferta{
margin-bottom: 25px;
margin-top: 2px;
}
.combo-box{
height: 222px;
padding: 0 84px;
box-shadow: 2px 6px 30px 0px rgb(45 62 80 / 22%);
border-radius: 5px;
background-color: white;
background-image: url('../img/site/combo-desk.png');
background-position: center;
background-repeat: no-repeat;
display: flex;
justify-content: space-between;
box-sizing: border-box;
align-items: center;
}
.combo-box h3{
font-size: 22px;
margin: 0;
margin-bottom: 16px;
padding-bottom: 16px;
line-height: auto;
font-weight: bold;
position: relative;
text-transform: uppercase;
color: #555;
}
.combo-box h3 strong{
color: #E0583F;
display: block;
font-weight: bold;
}
.combo-box h3 strong::after{
content: "";
display: block;
width: 40px;
height: 5px;
background: #E0583F;
position: absolute;
left: 0;
bottom: 0;
}
.vinhos-lista span{
font-size: 14px;
color: #555;
line-height: 20px;
display: block;
font-weight: 500;
}
.combo-box .right{
display: flex;
align-items: center;
}
.combo-box .right figure{
height: 200px;
display: flex;
justify-content: center;
margin: 0;
margin-right: 64px;
}
.combo-box .right figure img{
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.combo-box .buy-box{
width: 210px;
}
.combo-box .buy-box .line{
display: flex;
align-items: center;
}
.combo-box .buy-box .old{
font-size: 18px;
font-weight: 500;
color: #333;
padding-right: 13px;
text-decoration: line-through;
white-space: nowrap;
}
.combo-box .buy-box .promo{
font-size: 12px;
color: white;
padding: 3px 16px;
border-radius: 3px;
background: #e0583f;
font-weight: bold;
white-space: nowrap;
}
.combo-box .buy-box strong{
font-size: 30px;
font-weight: bold;
color: #302E71;
margin: 20px 0;
display: block;
}
.combo-box .buy-box .btn-comprar{
width: 100%;
margin: 0;
}
/** Landing fornecedores **/
.fornecedores-body .colecao-topo{
background-image: url("../img/site/banner-fornecedores.png");
height: 354px;
}
.fornecedores-body .colecao-topo::before{
background-color: rgba(0,0,0,0);
}
.box-forn{
background: white;
width: 100%;
border-radius: 8px;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.15);
padding: 46px 85px;
margin: auto;
position: relative;
z-index: 1;
box-sizing: border-box;
margin-top: 50px;
margin-bottom: 100px;
display: flex;
align-items: center;
justify-content: space-between;
}
.forn-topo .textos{
position: relative;
z-index: 2;
top: -30px;
}
.forn-topo span{
display: block;
text-align: center;
font-size: 30px;
font-weight: 800;
letter-spacing: 0.17em;
margin-bottom: -10px;
text-transform: uppercase;
color: #E0583F;
}
.forn-topo strong{
display: block;
text-align: center;
font-size: 52px;
letter-spacing: 0.17em;
font-weight: normal;
margin-bottom: 30px;
color: #fff;
font-family: "Manus";
}
.forn-topo p{
display: block;
text-align: center;
font-size: 16px;
font-weight: 800;
letter-spacing: 0.17em;
margin-bottom: 24px;
text-transform: uppercase;
color: #fff;
margin: 0;
}
.box-forn .l-forn{
max-width: 515px;
}
.box-forn .l-forn strong{
font-size: 26px;
color: #E0583F;
font-weight: 600;
margin-bottom: 24px;
display: block;
}
.box-forn .l-forn p{
font-size: 18px;
color: #555555;
font-weight: 300;
line-height: 30px;
margin-bottom: 40px;
display: block;
}
.box-forn .btn-action{
width: 250px;
height: 40px;
font-size: 12px;
color: white;
background: #E0583F;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
transition: 250ms ease;
font-size: 12px;
font-weight: bold;
outline: none;
border: 0;
}
.box-forn .btn-action:hover{
background: #C74D37;
}
.fornecedores-body .como-funciona{
height: 760px;
background-image: url('../../img/site/bg-forn.png');
background-color: #EBE2DE;
background-position: center top;
background-repeat: no-repeat;
border-top: 8px solid white;
border-bottom: 3px solid rgba(250,250,250,0.4);
margin-bottom: 0px;
position: relative;
}
.fornecedores-body .como-funciona h3{
font-size: 64px;
color: #E0583F;
width: 350px;
display: block;
position: absolute;
left: 0;
right: 0;
top: -55px;
background: #EBE2DE;
font-family: "Manus";
text-align: center;
margin: auto;
height: 55px;
}
.fornecedores-body .como-funciona .list-blocks{
width: 720px;
padding: 0 50px;
box-sizing: border-box;
margin: auto;
margin-top: 35px;
background-image: url('../../img/site/lines-como-funciona.png');
background-position: center;
background-repeat: no-repeat;
}
.fornecedores-body .como-funciona .list-blocks .block{
width: 100%;
border-radius: 8px;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.15);
background: white;
margin-bottom: 30px;
display: flex;
padding: 50px;
box-sizing: border-box;
height: 220px;
}
.fornecedores-body .como-funciona .list-blocks .block img{
margin-right: 24px;
min-width: 120px;
}
.fornecedores-body .como-funciona .list-blocks .block .textos h4{
font-size: 18px;
font-weight: bold;
margin-bottom: 16px;
color: #555555;
letter-spacing: 0.05em;
}
.fornecedores-body .como-funciona .list-blocks .block .textos p{
font-size: 14px;
font-weight: normal;
margin-bottom: 0;
color: #555555;
line-height: 30px;
letter-spacing: 0.05em;
}
.fornecedores-body .junte-se h3{
font-size: 64px;
color: #E0583F;
width: 350px;
display: block;
position: absolute;
left: 0;
right: 0;
top: 80px;
background: #EBE2DE;
font-family: "Manus";
text-align: center;
margin: auto;
height: 55px;
}
.fornecedores-body .junte-se{
padding-top: 55px;
background-image: url('../../img/site/fundo-junte-se.png');
background-repeat: no-repeat;
background-position: center 127px;
position: relative;
padding-bottom: 60px;
padding-top: 190px;
}
.fornecedores-body .junte-se .list-blocks{
display: flex;
justify-content: center;
}
.fornecedores-body .junte-se .list-blocks .block{
width: 313px;
height: 235px;
padding: 32px;
box-sizing: border-box;
margin: 0 15px;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.15);
background: white;
border-radius: 8px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
justify-content: center;
}
.fornecedores-body .junte-se .list-blocks .block img{
margin-bottom: 22px;
}
.fornecedores-body .junte-se .list-blocks .block strong{
font-size: 20px;
color: #E0583F;
font-weight: bold;
margin-bottom: 16px;
}
.fornecedores-body .junte-se .list-blocks .block p{
font-size: 16px;
color: #555;
font-weight: normal;
margin-bottom: 0;
}
.fornecedores-body .junte-se .btn-action{
width: 300px;
height: 47px;
color: white;
background: #E0583F;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
transition: 250ms ease;
font-size: 14px;
font-weight: bold;
margin: auto;
margin-top: 60px;
}
.fornecedores-body .junte-se .btn-action:hover{
background: #C74D37;
}
.fornecedores-body .bloco-logos{
border-radius: 8px;
background: white;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.15);
width: 100%;
padding: 60px;
padding-bottom: 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
box-sizing: border-box;
margin-bottom: 100px;
}
.fornecedores-body .bloco-logos img{
margin: 0 35px;
margin-bottom: 30px;
}
.fornecedores-body .parceiros h3{
font-size: 64px;
color: #E0583F;
display: block;
font-family: "Manus";
text-align: center;
margin: auto;
display: block;
margin-bottom: 8px;
}
/** Modal aniversario **/
.modal-aniver{
width: 712px;
height: 424px;
margin: auto;
position: fixed;
left: 0;
right: 0;
top: 50%;
transform: translateY(-48%);
z-index: 1191;
background-color: #303968;
border-radius: 5px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2);
text-align: center;
font-family: "Montserrat";
opacity: 0;
visibility: hidden;
transition: 400ms ease;
}
.patt-aniv{
width: 712px;
height: 424px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background-image: url('../img/aniver/bg.svg');
background-size: 180% auto;
background-position: center;
z-index: -1;
position: absolute;
}
.modal-aniver.active{
opacity: 1;
visibility: visible;
transform: translateY(-50%);
}
.modal-aniver.active + .aniv-mask{
opacity: 1;
visibility: visible;
}
.modal-aniver *{
font-family: "Montserrat";
}
.aniv-mask{
opacity: 0;
visibility: hidden;
width: 100%;
height: 100%;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
z-index: 1190;
transition: 400ms ease;
}
.close-aniv{
position: absolute;
right: 28px;
top: 25px;
cursor: pointer;
z-index: 3;
}
.modal-aniver .logo-aniv{
margin-bottom: 0px;
}
.modal-aniver .content.pt1{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.modal-aniver h2{
font-size: 30px;
color: #fff;
text-transform: uppercase;
font-weight: 500;
margin-top: 0;
margin-bottom: 25px;
}
.modal-aniver p{
font-size: 16px;
font-weight: normal;
margin-bottom: 3px;
color: #fff;
max-width: 503px;
margin: auto;
}
.modal-aniver .aniv-baloes{
max-width: 68px;
margin-bottom: 14px;
margin-top: 29px;
}
.modal-aniver .action{
border: 0;
outline: none;
cursor: pointer;
height: 40px;
padding: 0 30px;
border-radius: 5px;
background-color: #E2583F;
text-transform: uppercase;
color: #fff;
font-weight: bold;
font-size: 13px;
margin-top: 30px;
letter-spacing: 0.05em;
transition: 200ms ease;
}
.modal-aniver .action:hover{
background-color: #C04932;
}
.modal-aniver .campos button:disabled:hover,
.modal-aniver .campos button:disabled{
background-color: #a0a0a0;
}
.modal-aniver::before{
content: "";
width: 125px;
height: 150px;
display: block;
position: absolute;
left: 0px;
bottom: -1px;
background-image: url('../img/aniver/gosma-1.svg');
background-position: 76% 23%;
z-index: -2;
border-radius: 0 0 0 5px;
}
.modal-aniver::after{
content: "";
width: 145px;
height: 180px;
display: block;
position: absolute;
right: 0;
top: 0;
background-image: url('../img/aniver/gosma-2.svg');
background-position: 20% 76%;
z-index: -2;
border-radius: 0 5px 0 0;
}
/** Novos canais **/
.canais{
display: none;
}
.canais-new{
display: flex;
align-content: center;
justify-content: center;
flex-direction: column;
margin-bottom: 110px;
}
.canais-new h2{
display: block;
margin: auto;
font-family: "Montserrat";
font-size: 35px;
line-height: 1.5em;
color: #333333;
padding-top: 80px;
margin-bottom: 65px;
text-transform: uppercase;
text-align: center;
background-color: #EBE2DE;
}
.canais-new h2 strong{
font-weight: 900;
font-family: 'Montserrat',sans-serif;
}
.canal-item-new{
width: 211px;
height: 298px;
border-radius: 5px;
background-color: white;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.15);
margin: 0 10px;
}
.canal-item-new figure{
width: 211px;
height: 125px;
border-radius: 5px 5px 0 0;
overflow: hidden;
margin: 0;
display: flex;
align-content: center;
justify-content: center;
}
.canal-item-new figure img{
margin: 0;
height: 100%;
width: 100%;
display: block;
object-fit: cover;
transition: 250ms ease;
}
.canal-item-new figure img:hover{
opacity: 0.9;
}
.content-canais-new{
display: flex;
align-content: center;
justify-content: center;
padding: 11px;
background-color: #EBE2DE;
}
.canais-new .box-new{
display: flex;
align-content: center;
justify-content: center;
position: relative;
}
.canais-new .box-new::before{
content: "";
display: block;
width: 303px;
height: 364px;
border: 10px solid white;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: -1;
}
.canal-item-new .content-new{
padding: 15px 20px;
}
.canal-item-new .content-new h3{
font-size: 16px;
color: #E0583F;
font-weight: bold;
line-height: 1.5em;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.canal-item-new .content-new p{
font-size: 13px;
font-weight: normal;
margin-bottom: 16px;
line-height: 1.2em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.canal-item-new .content-new .texts-new{
height: 98px;
}
.canal-item-new .content-new .action{
width: 100%;
height: 40px;
background-color: #E0583F;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: white;
text-decoration: none;
transition: 250ms ease;
}
.canal-item-new .content-new .action:hover{
background-color: #BF4933;
}
/** Canal cru classe **/
.listagem-premium-body.cru-classe .topo-listagem{
background-image: url('../img/site/capa-cru-classe.png');
height: 287px;
}
.listagem-premium-body.cru-classe .topo-listagem::before{
display: none;
}
.cru-classe #abrirMenu .fa{
background: -webkit-linear-gradient(#DAA426 0%, #A77808 76.04%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.cru-classe .cabecalho__acesse .bullet{
border: double 2px transparent;
border-radius: 30px;
background-image: linear-gradient(black, black),
linear-gradient(to right, #DAA426 0%, #A77808 76.04%);
background-origin: border-box;
background-clip: content-box, border-box;
}
.cru-classe .cabecalho__acesse .bullet img{
display: none;
}
.cru-classe .cabecalho__acesse .bullet::after{
content: "";
display: block;
width: 17px;
height: 17px;
background-image: url('../img/site/cru-classe-profile.png');
}
.cru-classe .vinhos-adega-header__numero,
.cru-classe .vinhos-carrinho__numero{
background: -webkit-linear-gradient(#DAA426 0%, #A77808 76.04%);
}
.cru-classe .cabecalho h1.logo{
background-image: url('../img/site/cru-classe-logo.png');
width: 237px;
height: 80px;
top: 28px;
position: relative;
}
.cru-classe.listagem-premium-body .cabecalho h1.logo::after{
content: "";
width: 204px;
height: 50px;
background: url('../img/site/cru-classe-chamada.png');
background-repeat: no-repeat;
background-position: center;
margin: auto;
top: 90px;
pointer-events: none;
}
.cru-classe.listagem-premium-body .topo-listagem h1{
display: none;
}
.cru-classe.listagem-premium-body .subtop-desc{
border: 0;
background: #060606;
}
.cru-classe.listagem-premium-body{
background: #1A1A1A;
}
.cru-classe .canal{
position: relative;
padding-top: 45px;
}
.cru-classe .canal::before{
content: "";
display: block;
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 517px;
height: 585px;
background-image: url('../img/site/cru-classe-bg1.png');
}
.cru-classe .canal::after{
content: "";
display: block;
z-index: -1;
position: absolute;
top: 0;
right: 0;
width: 395px;
height: 628px;
background-image: url('../img/site/cru-classe-bg2.png');
}
.cru-classe.listagem-premium-body .cabecalho.active h1.logo::after{
display: none;
}
.cru-classe.listagem-premium-body .cabecalho.active h1.logo{
top: 10px;
}
.cru-pais > p{
max-width: 688px;
margin: auto;
display: block;
margin-bottom: 65px;
color: white;
font-size: 18px;
font-weight: 300;
text-align: center;
}
.cru-pais h3{
text-align: center;
margin-bottom: 26px;
color: #F9E0C5;
font-size: 18px;
text-transform: uppercase;
display: block;
margin-top: 0;
font-weight: 500;
}
.cru-classe .lista-paises{
display: flex;
justify-content: center;
}
.cru-pais-container{
width: 1120px;
}
.cru-classe .lista-paises *{
box-sizing: border-box;
}
.cru-classe .lista-paises .pais-item{
width: 150px;
height: 150px;
border-radius: 8px;
background: #0F0F0F;
border: 1px solid #1B1B1B;
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.3);
margin: 0 5px;
cursor: pointer;
transition: 250ms ease;
}
.cru-classe .lista-paises .pais-item a{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 20px 10px;
text-align: center;
text-decoration: none;
}
.cru-classe .lista-paises .pais-item img{
width: 34px;
height: 34px;
margin-bottom: 10px;
}
.cru-classe .lista-paises .pais-item strong{
font-weight: 600;
font-size: 14px;
color: #F9E0C5;
text-transform: uppercase;
margin: 0;
margin-bottom: 9px;
}
.cru-classe .lista-paises .pais-item div{
font-size: 14px;
color: #797979;
}
.cru-classe .lista-paises .pais-item div span{
font-weight: 600;
background: -webkit-linear-gradient(#DAA426 0%, #A77808 76.04%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.cru-classe .lista-paises .pais-item:hover{
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.9);
border-color: #060606;
}
.cru-ou{
display: block;
margin: 40px 0;
text-align: center;
font-size: 18px;
color: #A8A8A8;
}
.cru-all{
background: linear-gradient(180deg, #DAA426 0%, #A77808 76.04%);
border-radius: 3px;
width: 237px;
height: 41px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 15px;
font-weight: bold;
color: #fff;
transition: 250ms ease;
}
.cru-all:hover{
opacity: 0.8;
}
.cru-classe .newsletter::before{
content: "";
left: 0;
top: 0;
width: 100%;
height: 3px;
position: absolute;
background: linear-gradient(180deg, #DAA426 100%, #A77808 125.35%);
}
.cru-classe .newsletter{
position: relative;
border-bottom: 1px solid #282828;
background: #0F0F0F;
}
.cru-classe .newsletter .campo button{
border: 0;
}
.cru-classe .footer{
background: #060606;
}
.cru-classe .footer__logo{
display: none;
}
.cru-classe .footer::before{
content: "";
background-image: url(../img/site/cru-classe-logo.png);
width: 237px;
height: 80px;
top: 28px;
position: relative;
display: block;
margin: auto;
margin-bottom: 60px;
}
.cru-classe .footer__links a{
color: #A8A8A8;
}
.cru-classe .footer__links-grey--small a{
color: #4B4B4B;
}
.cru-classe .footer__redes p{
color: #F9E0C5;
}
.cru-classe .footer__redes .fa:hover,
.cru-classe .footer__redes .fa{
background: #0C0C0C;
color: #A8A8A8;
}
.cru-classe .footer__informacoes-contato p{
color: #A8A8A8;
}
.cru-classe .cru-selected{
background: #0F0F0F;
border-radius: 8px;
margin: auto;
width: auto;
margin-top: 15px;
margin-bottom: 64px;
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
height: 74px;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
}
.cru-classe .cru-selected::after{
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
height: 2px;
background: linear-gradient(180deg, #DAA426 0%, #A77808 76.04%);
}
.cru-classe .cru-selected .item{
display: flex;
align-items: center;
padding: 0 40px;
}
.cru-classe .cru-selected .item:nth-child(2){
border-left: 1px solid #262626;
}
.cru-classe .cru-selected .item figure{
width: 34px;
height: 34px;
border-radius: 50%;
overflow: hidden;
margin: 0;
margin-right: 10px;
}
.cru-classe .cru-selected .item figure img{
width: auto;
height: 100%;
display: block;
margin: 0;
}
.cru-classe .cru-selected .item span{
color: white;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
}
.cru-classe .cru-selected .item a{
background: -webkit-linear-gradient(#DAA426 0%, #A77808 76.04%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 14px;
text-decoration: underline;
margin-left: 36px;
position: relative;
}
.cru-classe .cru-selected .item a::after{
content: "";
display: block;
width: 100%;
height: 1px;
bottom: -2px;
left: 0;
background: -webkit-linear-gradient(#DAA426 0%, #A77808 76.04%);
}
.cru-classe .cru-selected-box{
display: flex;
justify-content: center;
}
.cru-regiao *{
box-sizing: border-box;
}
.cru-regiao h3 {
text-align: center;
margin-bottom: 26px;
color: #F9E0C5;
font-size: 18px;
text-transform: uppercase;
display: block;
margin-top: 0;
font-weight: 500;
}
.cru-regiao-container{
width: 700px;
}
.cru-classe .cru-regiao-item{
width: 100%;
padding: 20px;
border-radius: 8px;
background: #0F0F0F;
border: 1px solid #1B1B1B;
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
display: flex;
}
.cru-classe .cru-regiao-item figure{
width: 218px;
min-width: 218px;
height: 145px;
margin: 0;
margin-right: 20px;
border-radius: 5px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.cru-classe .cru-regiao-item figure img{
width: 100%;
height: auto;
display: block;
transition: 250ms ease;
}
.cru-classe .cru-regiao-item figure img:hover{
opacity: 0.8;
}
.cru-classe .cru-regiao-item .text-cru{
text-align: left;
display: flex;
flex-direction: column;
justify-content: center;
}
.cru-classe .cru-regiao-item .text-cru h3{
color: white;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 10px;
font-weight: 500;
text-align: left;
}
.cru-classe .cru-regiao-item .text-cru p{
font-size: 13px;
color: #A8A8A8;
margin: 0;
margin-bottom: 15px;
line-height: 1.4em;
}
.cru-classe .cru-regiao-item .text-cru .cru-action{
display: flex;
align-items: center;
justify-content: flex-start;
}
.cru-classe .cru-regiao-item .text-cru .cru-action a{
background: linear-gradient(180deg, #DAA426 0%, #A77808 76.04%);
border-radius: 3px;
width: 178px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 15px;
font-weight: bold;
color: #fff;
transition: 250ms ease;
margin-right: 20px;
}
.cru-classe .cru-regiao-item .text-cru .cru-action a:hover{
opacity: 0.8;
}
.cru-classe .cru-regiao-item .text-cru .cru-action span{
font-size: 14px;
color: #797979;
}
.cru-classe .cru-regiao-item .text-cru .cru-action span strong{
font-weight: 500;
color: #e0583f;
}
.cru-classe .cru-selected .l-selected{
display: flex;
align-items: center;
}
.cru-classe.listagem-premium-body .canal__filter-title.visivel{
background: #090909;
}
.cru-classe.listagem-premium-body .canal__filter-title::before{
background: linear-gradient(180deg, #DAA426 0%, #A77808 76.04%);
}
.cru-classe.listagem-premium-body .canal .menu li label,
.cru-classe.listagem-premium-body .canal .menu li{
color: #A8A8A8;
}
.cru-classe .canal__filters .box{
background: #101010;
}
.cru-classe.listagem-premium-body .flex-listagem .canal__listagem-title{
color: #fff;
}
.cru-classe.listagem-premium-body .flex-listagem #form-canal-pesquisa .pesquisa{
background: rgba(0, 0, 0, 0.45);
border-color: #202020;
color: #666666;
}
.cru-classe.listagem-premium-body #pesquisa-canal .btn-pesquisar{
background: #252525;
margin-right: 0;
}
.cru-classe.listagem-premium-body #listagem__produtos{
background: rgba(0,0,0,0.45);
}
.cru-classe.listagem-premium-body .outlet-item.premium{
background: #141414;
}
.cru-classe.listagem-premium-body .outlet-item__left h2.outlet-item__title a{
color: white;
}
.cru-classe.listagem-premium-body .texto-item{
color: #A8A8A8;
}
.cru-classe .outlet-item.premium .outlet-item__categoria,
.cru-classe .outlet-item.premium .outlet-item__pais{
color: #A8A8A8;
}
.cru-classe.listagem-premium-body .outlet-item.premium .outlet-item__preco{
color: white;
}
.cru-classe.listagem-premium-body .outlet-item.premium .outlet-item__preco-velho{
color: #8D8C8C;
}
.cru-classe.listagem-premium-body .btn-comprar-canal{
background: linear-gradient(180deg, #DAA426 0%, #A77808 76.04%);
border: 0;
}
.cru-classe.listagem-premium-body .ribbon.oferta-premium span{
background: linear-gradient(180deg, #DAA426 0%, #A77808 76.04%);
}
.cru-classe .ribbon span:before{
border-left-color: #7d5902;
border-top-color: #7d5902;
}
.cru-classe .ribbon span:after{
border-right-color: #7d5902;
border-top-color: #7d5902;
}
.filtros-ativos .filtro-delete{
width: 14px;
height: 14px;
margin-left: 4px;
}
.filtros-ativos label{
display: flex;
align-items: center;
}
.filtros-ativos li{
margin-bottom: 5px;
}
.cru-limpar{
background: -webkit-linear-gradient(#DAA426 0%, #A77808 76.04%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 12px;
text-decoration: underline;
margin: 0;
position: relative;
text-transform: none;
margin-top: 8px;
display: block;
cursor: pointer;
font-weight: 500;
}
.cru-limpar::after{
content: "";
display: block;
width: 100%;
height: 1px;
bottom: -2px;
left: 0;
background: -webkit-linear-gradient(#DAA426 0%, #A77808 76.04%);
}
.cru-classe .colecao-topo .right{
margin-bottom: 30px;
}
.cru-classe.colecao-body{
background: #1A1A1A;
}
.cru-classe .canal{
position: relative;
padding-top: 45px;
}
.cru-classe .canal::before{
content: "";
display: block;
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 517px;
height: 585px;
background-image: url('../img/site/cru-classe-bg1.png');
}
.cru-classe .canal::after{
content: "";
display: block;
z-index: -1;
position: absolute;
top: 0;
right: 0;
width: 395px;
height: 628px;
background-image: url('../img/site/cru-classe-bg2.png');
}
.cru-classe.colecao-body .desc-colecao{
background: #060606;
border: 0;
}
.cru-classe.colecao-body .colecao-topo{
background-image: url('../img/site/capa-cru-classe.png');
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.cru-classe.colecao-body .colecao-topo::before{
display: none;
}
.cru-classe.colecao-body .white-content p.premium-desc{
color: #A8A8A8;
}
.cru-classe.colecao-body .white-content .title{
color: #F9E0C5;
}
.cru-classe.colecao-body .white-content{
background: rgba(0,0,0,0.35);
}
.cru-classe.colecao-body .ficha-tecnica_v2 .flex-between .ficha-tecnica__title{
color: white;
}
.cru-classe.colecao-body .ficha-tecnica_v2 .flex-between .ficha-tecnica__download{
color: #A8A8A8;
}
.cru-classe.colecao-body .ficha-tecnica_v2 .informacoes-tecnicas__title{
background: #060606;
}
.cru-classe.colecao-body .ficha-tecnica_v2 .informacoes-tecnicas__title::before{
background: linear-gradient(180deg, #DAA426 0%, #A77808 76.04%);
}
.cru-classe.colecao-body .ficha-tecnica_v2 .ficha-tecnica__item p{
color: #555;
}
.cru-classe.colecao-body .buy_fixed_desk .flex .info_price_buttons .info_buttons .button_add .btn-comprar,
.cru-classe.colecao-body .colecao-topo .btn-comprar,
.cru-classe.colecao-body .ball.active{
background: linear-gradient(180deg, #DAA426 0%, #A77808 76.04%);
border: 0;
}
.cru-classe.colecao-body.buy_fixed_desk_active{
padding-bottom: 80px;
}
.cru-classe.colecao-body .ficha-tecnica_v2 .tabela-item{
box-sizing: border-box;
}
.cru-classe.colecao-body .cabecalho h1.logo::after {
content: "";
width: 110px;
height: 26px;
background: url(../img/site/cru-classe-chamada.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin: auto;
top: 70px;
pointer-events: none;
}
.cru-classe.colecao-body .cabecalho.active h1.logo::after{
display: none;
}
.cru-classe.colecao-body .cabecalho.active h1.logo{
max-width: 160px;
background-size: contain;
}
.cru-classe.colecao-body .cabecalho.active{
padding: 0;
}
.cru-classe.colecao-body .colecao-topo .img-prod{
height: 420px;
}
.cru-classe.colecao-body .colecao-topo{
height: 565px;
}
.cru-classe.colecao-body .video-box .title{
color: white;
margin-bottom: 0;
}
/** Como comprar */
body.como-comprar-body{
background-color: #EFEEF0;
background-image: none;
}
body.como-comprar-body .banner-interno{
height: 354px;
background-image: url("../img/site/como-comprar.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-bottom: 5px solid #E0583F;
}
body.como-comprar-body .banner-interno__subtitle{
text-transform: capitalize;
top: 25px;
position: relative;
}
body.como-comprar-body .banner-interno::after{
content: "Comprar na vinumday é muito fácil!";
text-transform: uppercase;
font-weight: 800;
color: white;
display: block;
text-align: center;
font-size: 16px;
letter-spacing: 0.17em;
position: relative;
top: 65px;
}
body.como-comprar-body .banner-interno__title{
font-weight: 800;
font-size: 30px;
position: relative;
padding-top: 145px;
}
.como-funciona-etapa{
position: relative;
}
.como-funciona-etapa.et-1{
height: 628px;
display: flex;
align-items: center;
}
.como-funciona-etapa.et-1{
background-image: url('../img/site/como-funciona-effect-0.png');
background-repeat: no-repeat;
background-position: top center;
}
.como-funciona-etapa.et-1::before{
content: "";
display: block;
width: 400px;
height: 467px;
position: absolute;
left: 0;
top: 0;
z-index: -1;
background-image: url('../img/site/como-funciona-effect-1.png');
background-repeat: no-repeat;
background-position: center;
}
.como-funciona-etapa.et-1::after{
content: "";
display: block;
width: 379px;
height: 515px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
background-image: url('../img/site/como-funciona-effect-2.png');
background-repeat: no-repeat;
background-position: center;
}
body.como-comprar-body .flex-funciona{
display: flex;
}
body.como-comprar-body .como-funciona-etapa.et-1 .flex-funciona .l-func{
min-width: 417px;
margin-right: 18px;
display: flex;
align-items: center;
padding-top: 30px;
justify-content: center;
}
body.como-comprar-body .como-funciona-etapa .flex-funciona .r-func h2{
font-size: 40px;
margin-top: 17px;
margin-bottom: 12px;
font-weight: 600;
color: #333;
}
body.como-comprar-body .como-funciona-etapa .flex-funciona .r-func h2 strong{
color: #E0583F;
font-weight: 600;
}
body.como-comprar-body .como-funciona-etapa .flex-funciona .r-func p{
font-size: 17px;
color: #555;
line-height: 1.5em;
}
body.como-comprar-body .como-funciona-etapa .flex-funciona .r-func p strong{
font-weight: 600;
}
body.como-comprar-body .como-funciona-etapa.et-1 .flex-funciona .r-func p{
max-width: 464px;
}
.como-funciona-etapa.et-2{
height: 728px;
background: white;
display: flex;
align-items: center;
}
body.como-comprar-body .et-2 .flex-funciona{
flex-direction: row-reverse;
}
body.como-comprar-body .como-funciona-etapa.et-2 .flex-funciona .r-func{
width: 532px;
margin-right: 83px;
}
body.como-comprar-body .como-funciona-etapa.et-2 .flex-funciona .r-func h2{
max-width: 315px;
}
body.como-comprar-body .como-funciona-etapa.et-2 .flex-funciona .r-func p:not(:last-child){
margin-bottom: 30px;
}
body.como-comprar-body .como-funciona-etapa.et-2 .flex-funciona .r-func p span{
cursor: pointer;
text-decoration: underline;
color: #e0583f;
transition: 250ms ease;
position: relative;
top: 0;
}
body.como-comprar-body .como-funciona-etapa.et-2 .flex-funciona .r-func p span:hover{
color: #BE422B;
}
body.como-comprar-body .como-funciona-etapa.et-2 .flex-funciona .l-func{
padding-top: 50px;
}
.como-funciona-etapa.et-3{
height: 500px;
display: flex;
align-items: center;
}
body.como-comprar-body .como-funciona-etapa.et-3 .flex-funciona .l-func{
min-width: 417px;
margin-right: 18px;
display: flex;
align-items: center;
padding-top: 0px;
justify-content: center;
}
body.como-comprar-body .como-funciona-etapa.et-3 .flex-funciona .r-func p{
max-width: 446px;
}
body.como-comprar-body .como-funciona-etapa.et-3 .flex-funciona .r-func{
padding-top: 20px;
}
.como-funciona-etapa.et-4{
height: 463px;
background: white;
display: flex;
align-items: center;
}
.como-funciona-etapa.et-4::before{
content: "";
display: block;
width: 400px;
height: 512px;
position: absolute;
left: 0;
top: 0;
z-index: 0;
background-image: url('../img/site/como-funciona-effect-3.png');
background-repeat: no-repeat;
background-position: center;
}
.como-funciona-etapa.et-4::after{
content: "";
display: block;
width: 379px;
height: 435px;
position: absolute;
right: 0;
bottom: 0;
z-index: 0;
background-image: url('../img/site/como-funciona-effect-4.png');
background-repeat: no-repeat;
background-position: center;
}
body.como-comprar-body .center-funciona{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
body.como-comprar-body .center-funciona h2{
font-size: 40px;
margin-top: 18px;
margin-bottom: 30px;
font-weight: 600;
color: #333;
text-align: center;
}
body.como-comprar-body .center-funciona h2 strong{
font-weight: 600;
color: #e0583f;
}
.btn-action{
padding: 11px 17px;
border-radius: 3px;
background: #e0583f;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
cursor: pointer;
transition: 350ms ease;
color: white;
font-size: 15px;
font-weight: 600;
white-space: nowrap;
position: relative;
top: 0;
outline: none;
border: 0;
}
.btn-action:hover{
background: #BE422B;
top: -5px;
}
body.como-comprar-body .center-funciona p{
max-width: 601px;
font-size: 17px;
color: #555;
line-height: 1.5em;
margin: 0 auto;
margin-top: 43px;
text-align: center;
display: block;
}
body.como-comprar-body .center-funciona p a{
text-decoration: underline;
color: #e0583f;
transition: 350ms ease;
}
body.como-comprar-body .center-funciona p a:hover{
color: #BE422B;
}
.default-modal-overlay{
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.7);
position: fixed;
margin: auto;
z-index: 998;
transition: 200ms ease;
visibility: hidden;
opacity: 0;
}
.default-modal *{
font-family: "Montserrat";
}
.default-modal{
box-sizing: border-box;
width: 529px;
padding: 30px 35px;
border-radius: 10px;
background: white;
position: fixed;
top: 20%;
left: 0;
right: 0;
margin: auto;
z-index: 999;
transition: 200ms ease;
visibility: hidden;
opacity: 0;
}
.default-modal-open .default-modal-overlay,
.default-modal-open .default-modal{
visibility: visible;
opacity: 1;
}
.default-modal .close-default-modal{
display: block;
width: 21px;
height: 21px;
position: absolute;
right: 25px;
top: 25px;
background-image: url('../img/site/close-medidas.png');
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.default-modal h4{
font-size: 26px;
line-height: 1.4em;
letter-spacing: 0.1em;
color: #333333;
font-weight: 500;
margin-bottom: 5px;
}
.default-modal p{
font-size: 14px;
line-height: 1.4em;
letter-spacing: 0;
color: #606060;
font-weight: normal;
margin-bottom: 25px;
}
body.contato-modal-open .default-modal-overlay,
body.contato-modal-open .default-modal#contato-modal{
visibility: visible;
opacity: 1;
}
body.frete-modal-open .default-modal-overlay,
body.frete-modal-open .default-modal#frete-modal{
visibility: visible;
opacity: 1;
}
body.prazo-modal-open .default-modal-overlay,
body.prazo-modal-open .default-modal#prazo-modal{
visibility: visible;
opacity: 1;
}
body.pagamento-modal-open .default-modal-overlay,
body.pagamento-modal-open .default-modal#pagamento-modal{
visibility: visible;
opacity: 1;
}
body.info-pagamento-modal-open .default-modal-overlay,
body.info-pagamento-modal-open .default-modal#modal-info-pagamento{
visibility: visible;
opacity: 1;
}
body.info-pagamento-modal-open .default-modal-overlay,
body.info-pagamento-modal-open .default-modal#modal-info-pagamento{
visibility: visible;
opacity: 1;
}
.prazo-modal-open .col-title-prazo span{
color: #e0583f !important;
font-weight: bold !important;
}
.default-modal#contato-modal{
width: 469px;
max-height: 95%;
overflow: auto;
top: 12%;
}
.default-modal#frete-modal{
width: 769px;
max-height: 95%;
overflow: auto;
top: 5%;
}
.default-modal#prazo-modal{
width: 769px;
max-height: 95%;
overflow: auto;
top: 5%;
}
.default-modal#pagamento-modal{
width: 769px;
max-height: 95%;
overflow: auto;
top: 20%;
}
.default-modal#modal-info-pagamento{
width: 800px;
max-height: 95%;
overflow: auto;
top: 5%;
}
.default-modal#modal-info-pagamento{
width: 800px;
max-height: 95%;
overflow: auto;
top: 5%;
}
.table-frete-modal{
width: 693px;
border: 1px solid #D1D3D4;
}
.table-frete-modal .regiao{
width: 100%;
height: 93px;
display: flex;
}
.table-frete-modal .regiao:not(:last-child){
border-bottom: 1px solid #D1D3D4;
}
.table-frete-modal .regiao:nth-child(2n){
background-color: #F9F9F9;
}
.table-frete-modal .regiao .col-regiao{
height: 93px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #e0583f;
width: 139px;
}
.table-frete-modal .regiao .col{
width: 300px;
height: 93px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-left: 1px solid #D1D3D4;
display: flex;
flex-direction: column;
}
.table-frete-modal .regiao .col span{
height: 48px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.table-frete-modal .regiao .col span:not(:last-child){
border-bottom: 1px solid #D1D3D4;
}
.table-frete-modal .regiao .col span{
font-size: 14px;
font-weight: 500;
color: #555555;
}
.table-frete-modal .regiao .col.first{
width: 104px;
}
.default-modal .btn-box{
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
}
body.como-comprar-body .default-modal{
top: 5%;
}
.formas-pagamento-modal{
display: flex;
align-items: center;
justify-content: space-between;
}
.formas-pagamento-modal .item{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
border-radius: 8px;
border: 1px solid #DDDDDD;
height: 130px;
max-width: 31%;
width: 100%;
}
.formas-pagamento-modal .item img{
margin-bottom: 11px;
}
.formas-pagamento-modal .item strong{
font-size: 13px;
color: #333333;
font-weight: 600;
}
body.como-comprar-body .como-funciona-etapa .flex-funciona .r-func .mob-img{
display: none;
}
#frete-modal .grupo-novo{
display: none;
}
#prazo-modal .grupo-novo{
display: none;
}
/** Sobre nós / Quem somos */
body.quem-somos-body{
background-color: #EFEEF0;
background-image: none;
}
body.quem-somos-body .banner-interno{
height: 174px;
background-image: url("../img/site/sobre-nos-capa.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-bottom: 5px solid #E0583F;
}
body.quem-somos-body .banner-interno__subtitle{
display: none;
}
body.quem-somos-body .banner-interno::after{
display: none;
}
body.quem-somos-body .banner-interno__title{
display: none;
}
.sobre-nos-1{
background-color: white;
padding-top: 50px;
position: relative;
}
.sobre-nos-1::before{
content: "";
display: block;
width: 422px;
height: 350px;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background-image: url('../img/site/sobre-nos-effect-1.png');
background-repeat: no-repeat;
background-position: center;
}
.sobre-nos-1::after{
content: "";
display: block;
width: 331px;
height: 385px;
position: absolute;
right: 0;
top: 0;
z-index: 1;
background-image: url('../img/site/sobre-nos-effect-2.png');
background-repeat: no-repeat;
background-position: center;
}
.flex-sobre{
display: flex;
justify-content: center;
margin-bottom: 64px;
}
.flex-sobre .l-sob span{
font-size: 16px;
color: #555;
font-weight: normal;
line-height: 1em;
text-transform: uppercase;
margin: 0;
}
.flex-sobre .l-sob h1{
font-size: 46px;
font-weight: bold;
text-transform: uppercase;
color: #555555;
line-height: 1.6em;
white-space: nowrap;
margin-right: 100px;
}
.flex-sobre .l-sob h1 strong{
color: #e0583f;
}
.flex-sobre .r-sob{
max-width: 541px;
min-width: 541px;
}
.flex-sobre .r-sob p:not(:last-child){
margin-bottom: 15px;
}
.flex-sobre .r-sob p{
font-size: 16px;
color: #555;
}
.flex-sobre .r-sob p strong{
font-weight: 600;
}
.quem-somos-body .cont-wrap .container{
width: 916px;
}
.sobre-video{
position: relative;
height: 390px;
}
.sobre-video::before{
content: "";
display: block;
left: 39px;
top: -159px;
width: 467px;
height: 159px;
z-index: 1;
background-image: url('../img/site/sobre-nos-effect-3.png');
background-repeat: no-repeat;
background-position: center;
position: absolute;
}
.depoimento-sobre{
display: flex;
align-items: center;
position: relative;
max-width: 600px;
margin: auto;
margin-bottom: 15px;
padding-top: 72px;
}
.depoimento-slider{
margin-bottom: 60px;
}
.depoimento-slider .owl-dots{
display: block !important;
}
.depoimento-sobre::before{
content: "";
display: block;
width: 113px;
height: 51px;
background-image: url('../img/site/sobre-depo.png');
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 0;
}
.depoimento-sobre img{
margin-right: 20px;
width: 150px;
height: 150px;
max-width: 150px;
max-height: 150px;
border-radius: 50%;
}
.depoimento-sobre .texts p{
font-size: 20px;
font-weight: 600;
line-height: 1.6em;
color: #555555;
margin-bottom: 10px;
}
.depoimento-sobre .texts span{
font-size: 15px;
color: #8D8D8D;
}
.sobre-kpis{
display: flex;
justify-content: center;
align-items: center;
}
.sobre-kpis .kpi{
margin: 0 32px;
}
.sobre-kpis .kpi .big{
font-size: 25px;
font-weight: bold;
color: #E0583F;
margin-bottom: 2px;
line-height: 1.6em;
display: block;
}
.sobre-kpis .kpi .small{
font-size: 16px;
font-weight: normal;
color: #555555;
margin-bottom: 0px;
line-height: 1.6em;
}
.sobre-nos-2{
padding-bottom: 80px;
}
.sobre-nos-3{
background: white;
padding-top: 65px;
padding-bottom: 100px;
}
.sobre-nos-3 h2{
font-size: 34px;
font-weight: bold;
line-height: 1.6em;
color: #555;
margin-bottom: 25px;
}
.sobre-nos-3 h2 strong{
color: #e0583f;
}
.sobre-nos-3 p{
font-size: 16px;
line-height: 1.6em;
color: #555;
margin-bottom: 18px;
}
.sobre-nos-3 p strong{
font-weight: 600;
}
.sobre-nos-4{
position: relative;
height: 463px;
display: flex;
align-items: center;
}
.sobre-nos-4::before {
content: "";
display: block;
width: 400px;
height: 512px;
position: absolute;
left: 0;
top: 0;
z-index: 0;
background-image: url(../img/site/como-funciona-effect-3.png);
background-repeat: no-repeat;
background-position: center;
}
.sobre-nos-4::after {
content: "";
display: block;
width: 379px;
height: 435px;
position: absolute;
right: 0;
bottom: 0;
z-index: 0;
background-image: url(../img/site/como-funciona-effect-4.png);
background-repeat: no-repeat;
background-position: center;
}
.sobre-nos-4 .center-funciona {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.sobre-nos-4 .center-funciona h2 {
font-size: 40px;
margin-top: 18px;
margin-bottom: 30px;
font-weight: 600;
color: #333;
text-align: center;
}
.sobre-nos-4 .center-funciona h2 strong {
font-weight: 600;
color: #e0583f;
}
.sobre-nos-4 .center-funciona p {
max-width: 601px;
font-size: 17px;
color: #555;
line-height: 1.5em;
margin: 0 auto;
margin-top: 43px;
text-align: center;
display: block;
}
.sobre-nos-4 .center-funciona p a {
text-decoration: underline;
color: #e0583f;
transition: 350ms ease;
}
.slider-fotos{
margin-top: 50px;
}
.slider-fotos .slide{
height: 300px;
display: flex;
justify-content: center;
overflow: hidden;
}
.slider-fotos .slide.hori img{
height: 100%;
width: auto;
}
.slider-fotos .owl-nav{
position: relative;
width: 100%;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
.slider-fotos button{
position: relative;
width: 35px;
height: 35px;
border-radius: 5px;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.15);
color: #9D9D9D;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
left: 0;
transition: 250ms ease;
background-color: white;
}
.slider-fotos button:hover{
background-color: #f2f2f2 !important;
}
.slider-fotos button span{
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
position: relative;
color: #9D9D9D;
top: -3px;
font-size: 33px;
font-weight: 500;
}
.pix.confirmation{
flex-direction: column;
padding-left: 66px;
padding-top: 50px;
padding-bottom: 30px;
}
.pix.confirmation .steps{
display: flex;
align-items: center;
margin-bottom: 30px;
}
.pix.confirmation .input-codigo{
display: flex;
align-items: center;
margin-bottom: 0;
margin-top: 0;
margin-left: 15px;
}
.pix.confirmation .step{
margin-bottom: 0;
}
.pix.confirmation .copy-pix{
margin-top: 0;
margin-left: 15px;
}
.pix.confirmation .last-step .upload{
border: 0;
padding: 0;
margin-bottom: 0;
margin-left: 15px;
}
.pix.confirmation .last-step{
display: flex;
align-items: center;
}
.pix.confirmation .step .text{
white-space: nowrap;
}
/** Padrão institucionais **/
.body-new-inst{
background: #EFEEF0;
}
.body-new-inst .container-1000{
margin: auto;
width: 1000px;
max-width: 95%;
}
.body-new-inst .container-800{
margin: auto;
width: 800px;
max-width: 95%;
}
.body-new-inst .container-805{
margin: auto;
width: 805px;
max-width: 95%;
}
.body-new-inst .container-812{
margin: auto;
width: 812px;
max-width: 95%;
}
.new-inst-wrap{
min-height: 100vh;
position: relative;
padding-top: 36px;
padding-bottom: 0px;
overflow: hidden;
}
.new-inst-wrap::before {
content: "";
display: block;
width: 422px;
height: 350px;
position: absolute;
left: 0;
top: 0;
z-index: -1;
background-image: url(../img/site/sobre-nos-effect-1.png);
background-repeat: no-repeat;
background-position: center;
}
.new-inst-wrap::after {
content: "";
display: block;
width: 331px;
height: 385px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
background-image: url(../img/site/sobre-nos-effect-2.png);
background-repeat: no-repeat;
background-position: center;
}
/** faq **/
.new-faq{
width: 800px;
}
.new-faq-item{
width: 100%;
margin-bottom: 16px;
background-color: white;
border-radius: 10px;
box-shadow: 0px 2px 30px 5px rgba(0, 0, 0, 0.07);
}
.new-faq-title{
padding: 0 32px;
height: 80px;
border-bottom: 0;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.new-faq-title .arrow{
transition: 250ms ease;
transform: rotate(180deg);
}
.new-faq-item.active .new-faq-title{
border-bottom: 1px solid #F3F3F3;
}
.new-faq-item.active .new-faq-title .arrow{
transform: rotate(0deg);
}
.new-faq-title h2{
font-size: 15px;
font-weight: 600;
color: #555555;
}
.new-faq-content{
padding: 28px 32px 40px 32px;
display: none;
}
.special-faq-content{
display: flex;
}
.new-faq-content p{
margin-bottom: 23px;
font-size: 15px;
font-weight: normal;
line-height: 1.5em;
color: #666;
}
.new-faq-content p a{
text-decoration: underline;
color: #E0583F;
}
.new-faq-content ul{
padding-left: 20px;
margin-top: -15px;
}
.new-faq-content li{
margin-bottom: 5px;
font-size: 15px;
font-weight: normal;
line-height: 1.5em;
color: #666;
}
.new-faq-content li strong{
display: block;
font-weight: 600;
}
.new-faq-content li a{
text-decoration: underline;
color: #E0583F;
}
.new-faq-content p:last-child{
margin-bottom: 0;
}
.new-faq-content p strong{
font-weight: 600;
}
.new-faq-content p.weak{
font-weight: 300;
}
.privacidade .special-faq-content .l-faq{
margin-right: 37px;
padding-top: 50px;
}
/** vamos comecar **/
.vamos-comecar{
position: relative;
height: 463px;
display: flex;
align-items: center;
background-color: white;
margin-top: 70px;
border-top: 2px solid #DEDEDE;
}
.vamos-comecar::before {
content: "";
display: block;
width: 400px;
height: 512px;
position: absolute;
left: 0;
top: 0;
z-index: 0;
background-image: url(../img/site/como-funciona-effect-3.png);
background-repeat: no-repeat;
background-position: center;
}
.vamos-comecar::after {
content: "";
display: block;
width: 379px;
height: 435px;
position: absolute;
right: 0;
bottom: 0;
z-index: 0;
background-image: url(../img/site/como-funciona-effect-4.png);
background-repeat: no-repeat;
background-position: center;
}
.vamos-comecar .center-funciona {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.vamos-comecar .center-funciona h2 {
font-size: 40px;
margin-top: 18px;
margin-bottom: 30px;
font-weight: 600;
color: #333;
text-align: center;
}
.vamos-comecar .center-funciona h2 strong {
font-weight: 600;
color: #e0583f;
}
.vamos-comecar .center-funciona p {
max-width: 601px;
font-size: 17px;
color: #555;
line-height: 1.5em;
margin: 0 auto;
margin-top: 43px;
text-align: center;
display: block;
}
.vamos-comecar .center-funciona p a {
text-decoration: underline;
color: #e0583f;
transition: 350ms ease;
}
/** Topo **/
body.body-new-inst .banner-interno {
height: 354px;
background-image: url('../img/site/privacidade-topo.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-bottom: 5px solid #E0583F;
}
body.body-new-inst .banner-interno__title {
font-weight: 800;
font-size: 30px;
position: relative;
padding-top: 170px;
}
body.body-new-inst .banner-interno::after {
content: "Comprar na vinumday é muito fácil!";
text-transform: uppercase;
font-weight: 800;
color: white;
display: block;
text-align: center;
font-size: 16px;
letter-spacing: 0.17em;
position: relative;
top: 65px;
display: none;
}
/** politicas popup **/
.politicas-popup{
width: 974px;
max-width: 95%;
background-color: white;
border-radius: 10px;
box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
position: fixed;
left: 0;
right: 0;
bottom: 40px;
margin: auto;
z-index: 999;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
transition: 250ms ease;
box-sizing: border-box;
}
.politicas-popup p{
font-size: 15px;
line-height: 1.5em;
color: #666666;
letter-spacing: -0.02em;
margin-right: 32px;
}
.politicas-popup p strong{
font-weight: 600;
}
.politicas-popup p a{
text-decoration: underline;
color: #e0583f;
font-weight: 600;
}
.politicas-popup .btn-action{
border: 0;
outline: none;
}
.politicas-popup.show-up,
.politicas-popup.active{
bottom: 100px;
}
/** Adega Virtual **/
body.adega-virtual-body.body-new-inst .banner-interno{
background-image: url('../img/site/adegavirtual-topo.png');
}
.outside-text-adega h2{
font-size: 40px;
font-weight: bold;
line-height: 1.4em;
color: #343434;
max-width: 495px;
margin-bottom: 35px;
}
.outside-text-adega h2 strong{
color: #e0583f;
font-weight: bold;
}
.outside-text-adega p{
font-size: 16px;
color: #555;
margin-bottom: 35px;
line-height: 1.6em;
}
.outside-text-adega p.special-p{
font-weight: 600;
}
.outside-text-adega p.special-p strong{
color: white;
background-color: #e0583f;
border-radius: 2px;
padding: 5px 8px;
font-weight: 600;
}
.outside-text-adega p a{
color: #e0583f;
text-decoration: underline;
}
.box-armazenamento-adega{
margin-top: 46px;
background-color: white;
border-radius: 8px;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
padding: 50px 80px;
position: relative;
box-sizing: border-box;
}
.box-armazenamento-adega h3{
margin: 0;
margin-bottom: 12px;
font-size: 20px;
font-weight: bold;
color: #555;
line-height: 1.6em;
}
.box-armazenamento-adega p{
font-size: 16px;
font-weight: normal;
margin-bottom: 47px;
color: #555;
line-height: 1.6em;
}
.box-armazenamento-adega p strong{
font-weight: 600;
color: #333;
}
.box-armazenamento-adega .list-icons{
display: flex;
align-items: center;
justify-content: center;
}
.box-armazenamento-adega .list-icons .item:not(:last-child){
border-right: 1px solid #F0F0F0;
}
.box-armazenamento-adega .list-icons .item{
padding: 0 30px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.box-armazenamento-adega .list-icons .item span{
margin-top: 5px;
font-size: 15px;
font-weight: bold;
line-height: 1.5em;
color: #555;
max-width: 130px;
}
.box-armazenamento-adega::before{
content: "";
display: block;
width: 203px;
height: 330px;
background: url('../img/site/adega-ilustra1.png') no-repeat center center;
position: absolute;
left: -143px;
top: 80px;
}
.box-armazenamento-adega::after{
content: "";
display: block;
width: 285px;
height: 505px;
background: url('../img/site/adega-ilustra2.png') no-repeat center center;
position: absolute;
right: -286px;
top: -216px;
}
.white-box-adega-message{
background-color: white;
width: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
padding-top: 145px;
padding-bottom: 93px;
margin-top: -96px;
}
.white-box-adega-message p{
font-size: 20px;
color: #e0583f;
line-height: 1.6em;
max-width: 665px;
font-weight: 600;
}
.new-inst-wrap.adega .vamos-comecar{
background-color: #EFEEF0;
margin-top: 0;
height: 619px;
}
.new-inst-wrap.adega .vamos-comecar .center-funciona h2{
max-width: 515px;
font-size: 26px;
}
.new-inst-wrap.adega .box{
margin-top: 56px;
}
.new-inst-wrap.adega .tabela-adega-virtual{
margin-bottom: 0px !important;
}
.new-inst-wrap.adega .tabela-adega-virtual__description{
font-weight: normal !important;
margin-bottom: 20px !important;
font-size: 13px !important;
line-height: 19px !important;
}
.new-inst-wrap.adega .tabela-adega-virtual__description strong{
font-weight: 600 !important;
}
.new-inst-wrap.adega .tabela-adega-virtual__description a{
color: #e0583f;
text-decoration: underline;
}
.new-inst-wrap.adega .tabela-adega-virtual__right{
width: 81% !important;
margin-left: 3% !important;
}
body.adega-virtual-body .default-modal{
top: 5%;
}
.new-inst-wrap.adega .vamos-comecar::after{
width: 319px;
}
/** Contato **/
body.body-new-inst.contato-body .banner-interno {
background-image: url(../img/site/contato-topo.png);
}
.bloco-contato{
width: 100%;
padding: 57px 80px 59px 328px;
border-radius: 8px;
box-shadow: 0px 2px 30px 5px rgba(0, 0, 0, 0.07);
background-color: white;
box-sizing: border-box;
margin-bottom: 98px;
position: relative;
}
.bloco-contato::before{
content: "";
display: block;
width: 211px;
height: 486px;
background-image: url('../img/site/contato-ilustra.png');
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 72px;
top: 56px;
}
.bloco-contato .cont-title{
margin-bottom: 24px;
}
.bloco-contato .cont-title span{
font-size: 20px;
line-height: 1.4em;
font-weight: 600;
color: #555;
letter-spacing: -0.02em;
}
.bloco-contato .cont-title h2{
font-weight: bold;
text-transform: uppercase;
font-size: 30px;
letter-spacing: -0.02em;
color: #555;
}
.bloco-contato .cont-title h2 strong{
font-weight: bold;
color: #e0583f;
}
.bloco-contato .btn-cont{
width: 100%;
display: flex;
height: 87px;
border-radius: 5px;
border: 1px solid #D1D3D4;
align-items: center;
justify-content: flex-start;
transition: 250ms ease;
padding: 0 23px;
box-sizing: border-box;
}
.bloco-contato .btn-cont.centered{
justify-content: center;
}
.bloco-contato .btn-cont img{
margin-right: 19px;
}
.bloco-contato .btn-cont .txt-btn-cont strong{
font-size: 16px;
font-weight: 600;
color: #333;
margin-bottom: 3px;
display: block;
letter-spacing: -0.02em;
}
.bloco-contato .btn-cont .txt-btn-cont strong b{
color: #e0583f;
font-weight: 600;
}
.bloco-contato .btn-cont .txt-btn-cont > span{
font-size: 13px;
font-weight: normal;
color: #666;
margin-bottom: 0px;
display: block;
letter-spacing: -0.02em;
}
.bloco-contato .btn-cont:hover{
border-color: #e0583f;
}
.bloco-contato .btn-cont:hover .txt-btn-cont strong{
color: #e0583f;
}
.bloco-contato .half-btn-cont{
margin-top: 11px;
display: flex;
justify-content: space-between;
}
.bloco-contato .half-btn-cont .btn-cont{
width: calc(50% - 5px);
}
.contato-faq-wrapper h3{
font-size: 30px;
font-weight: bold;
color: #555555;
margin-bottom: 32px;
text-align: center;
text-transform: uppercase;
margin-top: 0;
}
.contato-faq-wrapper h3 strong{
color: #E0583F;
font-weight: bold;
}
.contato-faq-wrapper{
position: relative;
}
.contato-faq-box{
position: relative;
}
.contato-faq-wrapper::before{
content: "";
display: block;
background-image: url('../img/site/contato-effect-3.png');
background-repeat: no-repeat;
background-position: center;
width: 89px;
height: 203px;
position: absolute;
right: -39px;
top: -47px;
z-index: 99;
}
.contato-faq-box::before{
content: "";
display: block;
background-image: url('../img/site/contato-effect-1.png');
background-repeat: no-repeat;
background-position: center;
width: 147px;
height: 298px;
position: absolute;
left: -147px;
top: -5px;
}
.contato-faq-box::after{
content: "";
display: block;
background-image: url('../img/site/contato-effect-2.png');
background-repeat: no-repeat;
background-position: center;
width: 102px;
height: 243px;
position: absolute;
right: -102px;
top: -42px;
}
body.contato-body .default-modal{
top: 5%;
}
.contato-form{
position: relative;
}
.contato-form .form-group {
position: relative;
margin-bottom: 24px;
}
.contato-form .form-group:last-child{
margin-bottom: 0;
}
.contato-form input {
width: 100%;
height: 52px;
background: #fff;
border: 1px solid #CFCFCF;
border-radius: 2px;
padding: 0 15px;
box-sizing: border-box;
font-family: "Montserrat";
font-weight: 500;
font-size: 14px;
color: #555555;
padding-right: 0px !important;
}
.contato-form label {
position: absolute;
font-family: "Montserrat";
color: #333;
z-index: 99;
padding: 4px 12px;
background: #fff;
pointer-events: none;
transition: 250ms ease;
font-size: 13px;
font-weight: 500;
top: -34px;
left: 4px;
}
.contato-form textarea {
width: 100%;
height: 82px;
background: #fff;
border: 1px solid #CFCFCF;
border-radius: 2px;
padding: 0 15px;
box-sizing: border-box;
font-family: "Montserrat";
font-weight: 500;
font-size: 14px;
color: #555555;
padding-right: 0px !important;
padding-top: 15px;
}
.default-modal#contato-modal .btn-box{
margin-top: 16px;
}
/** Entregas **/
body.body-new-inst.informacoes-entregas-body .banner-interno{
background-image: url('../img/site/entregas-topo.png');
}
.new-inst-wrap.entregas .vamos-comecar .center-funciona h2{
font-size: 30px;
}
.new-inst-wrap.entregas .vamos-comecar{
height: 346px;
overflow: hidden;
border-top: 2px solid #DEDEDE;
}
/** Devoluções **/
body.body-new-inst.politica-devolucoes-body .banner-interno{
background-image: url('../img/site/devolucoes-topo.png');
}
.devolucoes-box{
padding: 40px 32px;
box-sizing: border-box;
border-radius: 10px;
background-color: white;
box-shadow: 0px 2px 30px 5px rgba(0, 0, 0, 0.07);
margin-bottom: 16px;
}
.devolucoes-box.center{
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
justify-content: center;
padding: 28px 30px;
}
.devolucoes-box p,
.devolucoes-box li{
margin-bottom: 15px;
margin-top: 0;
font-size: 15px;
line-height: 1.5em;
font-family: "Montserrat";
letter-spacing: -0.02em;
color: #666;
}
.devolucoes-box ul{
padding-left: 20px;
}
.devolucoes-box p:last-child,
.devolucoes-box li:last-child{
margin-bottom: 0;
}
.devolucoes-box p strong,
.devolucoes-box li strong{
font-weight: 600;
}
.devolucoes-box p a{
text-decoration: underline;
color: #e0583f;
}
.devolucoes-box.center img{
margin-bottom: 12px;
}
.dev-bloco-btn{
display: flex;
justify-content: center;
margin-top: 28px;
}
.half-devolucoes{
display: flex;
align-items: stretch;
justify-content: space-between;
}
.half-devolucoes .devolucoes-box{
width: calc(50% - 5px);
}
/** Site seguro **/
body.body-new-inst.site-seguro-body .banner-interno{
background-image: url('../img/site/seguro-topo.png');
}
body.body-new-inst.site-seguro-body .vamos-comecar{
height: 346px;
}
body.body-new-inst.site-seguro-body .vamos-comecar .center-funciona h2{
font-size: 30px;
}
.imgs-seguro{
margin-top: 64px;
margin-bottom: 40px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.imgs-seguro.second{
margin-top: 64px;
}
.imgs-seguro img{
margin: 0 32px;
}
.seguro-box{
background-color: white;
border-radius: 8px;
margin-bottom: 12px;
box-shadow: 0px 2px 30px 5px rgba(0, 0, 0, 0.07);
width: calc(50% - 6px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 32px;
box-sizing: border-box;
}
.half-seguros{
display: flex;
justify-content: space-between;
align-items: stretch;
}
.seguro-box img{
margin-bottom: 8px;
}
.seguro-box strong{
font-size: 14px;
font-weight: 600;
color: #666666;
line-height: 1.4em;
margin-bottom: 16px;
}
.seguro-box p{
font-size: 14px;
font-weight: normal;
color: #666666;
line-height: 1.4em;
}
.seguro-box p a{
text-decoration: underline;
color: #e0583f;
}
.main-text-seguro{
padding: 0 27px;
margin-bottom: 32px;
font-size: 15px;
box-sizing: border-box;
line-height: 1.5em;
color: #666;
letter-spacing: -0.02em;
font-weight: normal;
text-align: center;
}
.main-text-seguro strong{
font-weight: 600;
}
.seguro-highlight{
margin: auto;
padding: 12px;
display: block;
width: 558px;
border-radius: 5px;
text-align: center;
font-size: 15px;
box-sizing: border-box;
line-height: 1.5em;
color: #fff;
letter-spacing: -0.02em;
font-weight: normal;
margin-bottom: 32px;
background-color: #45AF22;
}
/** New login **/
body.login-body{
background: #F0F0F0 !important;
}
body.login-body .banner-interno {
height: 260px;
background-image: url('../img/site/login-topo.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
border-bottom: 5px solid #E0583F;
}
body.login-body .banner-interno__title {
display: none;
}
body.login-body .banner-interno__subtitle{
position: relative;
top: 160px;
}
body.login-body .banner-interno::after {
content: "Comprar na vinumday é muito fácil!";
text-transform: uppercase;
font-weight: 800;
color: white;
display: block;
text-align: center;
font-size: 16px;
letter-spacing: 0.17em;
position: relative;
top: 65px;
display: none;
}
body.login-body .container-800{
margin: auto;
width: 800px;
max-width: 95%;
}
.login-form .form-group {
position: relative;
margin-bottom: 12px;
padding-top: 10px;
}
.login-form label {
position: absolute;
font-family: "Montserrat";
color: #6F6F6F;
z-index: 99;
padding: 4px 8px;
background: #fff;
pointer-events: none;
transition: 250ms ease;
font-size: 11px;
font-weight: 600;
top: -22px;
left: 12px;
}
.login-form input {
width: 100%;
height: 56px;
background: #fff;
border: 1px solid #CCCCCC;
border-radius: 5px;
padding: 0 20px;
box-sizing: border-box;
font-family: "Montserrat";
font-weight: 500;
font-size: 14px;
color: #555555;
}
.login-form .form-group.trailing-icon input{
padding-right: 60px;
}
.login-form .show-hide.hide{
display: none;
}
.login-form .show-hide{
position: absolute;
right: 20px;
top: 26px;
cursor: pointer;
transition: 250ms ease;
}
.login-form .show-hide:hover{
opacity: 0.9;
}
.login-form input::placeholder {
color: #ABABAB;
}
.box-login{
width: 100%;
border-radius: 10px;
background-color: white;
box-shadow: 0px 4px 40px 5px rgba(0, 0, 0, 0.04);
margin: auto;
margin-top: 64px;
margin-bottom: 64px;
display: flex;
flex-wrap: wrap;
}
.block-cadastro{
padding: 32px 40px;
border-right: 1px solid #F0F0F0;
height: 400px;
width: 50%;
min-width: 50%;
max-width: 400px;
box-sizing: border-box;
}
.block-login{
padding: 32px 40px;
height: 400px;
width: 50%;
min-width: 50%;
max-width: 400px;
box-sizing: border-box;
}
.box-login h3{
font-size: 25px;
line-height: 34px;
font-weight: bold;
color: #333333;
margin: 0;
}
.box-login .log-title p{
font-size: 14px;
line-height: 24px;
font-weight: normal;
color: #6F6F6F;
margin: 0;
}
.box-login .log-title{
margin-bottom: 20px;
}
.login-form{
margin-bottom: 16px;
}
.login-btn{
width: 100%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 5px;
color: #45AF22;
font-size: 16px;
line-height: 24px;
color: white;
font-weight: 600;
margin-top: 25px;
background-color: #45AF22;
outline: none;
border: 0;
transition: 250ms ease;
position: relative;
top: 0;
cursor: pointer;
}
.login-btn:hover{
background-color: #338A16;
top: -5px;
}
.box-login .text-below{
font-size: 14px;
line-height: 24px;
font-weight: normal;
margin: 0;
color: #6F6F6F;
}
.box-login .text-below.centered-log{
display: block;
width: 100%;
text-align: center;
}
.box-login .text-below a{
color: #6F6F6F;
text-decoration: underline;
font-weight: 600;
}
.block-social{
padding: 32px 40px;
border-top: 1px solid #F0F0F0;
display: flex;
justify-content: stretch;
background-color: white;
color: #555555;
font-size: 13px;
line-height: 24px;
font-weight: 600;
font-family: "Montserrat";
box-sizing: border-box;
}
.block-social div.social-btn{
margin-right: 12px;
height: 48px;
padding: 0 20px;
display: flex;
align-items: center;
border-radius: 5px;
border: 1px solid #F0F0F0;
width: 100%;
white-space: nowrap;
justify-content: center;
width: 232px;
box-sizing: border-box;
cursor: pointer;
transition: 250ms ease;
top: 0;
position: relative;
}
.block-social div.social-btn:last-child{
margin-right: 0;
}
.block-social div.social-btn img{
margin-right: 8px;
}
.block-social div.social-btn:hover{
border: 1px solid #bfbfbf;
top: -5px;
}
.oferta-relampago-main .oferta-relampago-banner{
height: 500px;
background-color: #999;
display: flex;
justify-content: center;
align-items: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.oferta-relampago-main .oferta-relampago-banner .oferta-relampago-info{
width: 440px;
height: 100%;
display: flex;
align-items: center;
}
.oferta-relampago-main .oferta-relampago-banner .oferta-relampago-img{
width: 500px;
height: 100%;
display: flex;
align-items: center;
justify-content: end;
margin-right: 70px;
}
.oferta-relampago-main .oferta-relampago-banner .oferta-relampago-img img{
max-width: 480px;
max-height: 480px;
}
.oferta-relampago-contagem{
font-size: 28px;
color: white;
}
.oferta-relampago-contagem .oferta-relampago-timer{
display: flex;
}
.oferta-relampago-icon-text{
display: flex;
margin-left: -10px;
}
.oferta-relampago-timer-item {
display: flex;
}
.oferta-relampago-timer-item div{
width: 35px;
text-align: center;
border-radius: 4px;
border: 1px solid #E0583F;
color: white;
font-weight: bold;
background-color: #E0583F;
margin: 0px 2px;
}
.oferta-relampago-timer .oferta-relampago-timer-pontos{
font-weight: bold;
margin: 0px 2px;
}
.oferta-relampago-valores{
color: white;
padding-top: 50px;
font-family: 'Montserrat',sans-serif;
}
.oferta-relampago-valores .oferta-relampago-valor-riscado{
text-decoration: line-through;
font-size: 20px
}
.oferta-relampago-valor{
font-size: 34px;
font-weight: bold;
}
.oferta-relampago-economia{
background-color: #E0583F;
color: white;
padding: 8px 14px;
border-radius: 4px;
width: fit-content;
margin-top: 5px;
font-family: "Montserrat";
font-weight: 500;
}
.oferta-relampago-economia span{
font-weight: bold;
}
.oferta-relampago-btn{
margin-top: 16px;
margin-left: 0px !important;
font-family: "Montserrat";
}
.oferta-relampago-frete-texto{
margin-top: 16px;
color: #a5a4a4;
font-weight: 500;
}
.oferta-relampago-frete-texto span{
color: white;
font-weight: bold;
}
.oferta-relampago-checkout{
background-color: white;
margin-bottom: 40px;
height: 200px;
}
.oferta-relampago-checkout-title{
background-color: #E0583F;
text-align: center;
padding: 4px;
color: white;
font-weight: bold;
}
.oferta-relampago-checkout-img {
margin-right: 45px;
}
.oferta-relampago-checkout-img img{
max-width: 250px;
max-height: 140px;
}
.oferta-relampago-checkout-itens{
display: flex;
padding: 12px;
}
.oferta-relampago-checkout-info{
width: 60%;
border-right: 1px solid #d9d9d9;
display: flex;
justify-content: end;
padding-right: 45px;
align-items: center;
}
.oferta-relampago-checkout-contador{
width: 40%;
}
.oferta-relampago-checkout-valores{
margin-top: 20px;
}
.oferta-relampago-checkout-valor-riscado h5{
display: inline-block;
padding-right: 6px;
text-decoration: line-through;
font-weight: 500;
font-size: 14px;
color: #333333;
}
.oferta-relampago-checkout-valor-riscado span{
background-color: #E0583F;
padding: 2px 8px;
border-radius: 2px;
color: white;
font-size: 12px;
font-weight: 500;
}
.oferta-relampago-checkout-valor{
padding-top: 8px;
}
.oferta-relampago-checkout-valor span{
font-size: 24px;
color: #302775;
font-weight: bold;
}
.quantidade_relampago{
min-width: 36px;
height: 33px;
padding: 0 13px;
padding-left: 7px;
border: 0;
background-color: white;
border-radius: 2px;
font-family: "Montserrat";
font-size: 14px;
font-weight: bold;
color: #333333;
border: 1px solid #cecece;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(../img/site/arrow-down.png);
background-repeat: no-repeat;
background-position: 77% 53%;
outline: none;
margin-right: 5px;
}
.oferta-relampago-checkout-buttons{
padding-top: 10px;
}
.oferta-relampago-checkout-buttons button{
height: 32px;
border-radius: 2px;
border: 0;
outline: none;
width: 115px;
font-size: 12px;
margin-left: 0;
line-height: 26px;
letter-spacing: 1px;
font-weight: 600;
font-family: "Montserrat";
}
.oferta-relampago-checkout-contador{
display: flex;
justify-content: start;
align-self: center;
margin-left: 35px;
}
.oferta-relampago-checkout-contador span{
font-weight: 500;
color: #282828;
font-size: 16px;
margin-left: 5px;
}
.timer-checkout{
display: flex;
padding-top: 15px;
}
.oferta-relampago-timer-item-checkout {
display: flex;
}
.oferta-relampago-timer-item-checkout div{
width: 28px;
text-align: center;
border-radius: 4px;
border: 1px solid #E0583F;
color: white;
font-weight: bold;
background-color: #E0583F;
margin: 0px 2px;
padding: 4px 0px;
height: 18px;
}
.img-relogio-relampago-checkout{
width: 30px;
}
.icon-oferta-relampago-checkout i{
color: #999;
padding-right: 5px;
}
.oferta-relampago-timer-pontos-checkout{
font-weight: bold;
margin: 0px 2px;
margin-top: 3px;
}
.img-relogio-relampago{
width: 55px;
margin-top: -15px;
}
.colecao-topo-relampago{
background: url("../img/bg-relampago.png");
background-size: 100% 100%;
background-repeat: no-repeat;
align-items: center !important;
height: 650px !important;
}
.colecao-topo-relampago::before{
background-color: transparent !important;
}
.colecao-topo-relampago::after{
content: "Relâmpago" !important;
}
.colecao-topo-relampago .cont{
align-items: center !important;
}
.colecao-topo-relampago .img-prod{
margin-bottom: 60px !important;
}
.oferta-relampago-fixed{
position: fixed;
top: 0px;
width: 100%;
background: white;
height: 50px;
display: flex;
background: #E0583F;
z-index:999;
align-items: center;
justify-content: center;
}
.oferta-relampago-fixed.active{
top: 74px;
}
.oferta-relampago-fixed .oferta-relampago-timer{
display: flex;
}
.oferta-relampago-fixed .oferta-relampago-timer-item div{
background: black;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.oferta-relampago-fixed-text{
color: white;
font-size: 14px;
padding: 0px 5px;
}
.margin-cabecalho-relampago{
padding-top: 60px;
}
.oferta-relampago-icon-raio img{
width: 30px;
margin-right: 20px;
}
/** Saldo Cashback / Influenciadores Checkout **/
.uso-saldo{
border-radius: 4px;
border: 1px solid #E7E7E7;
display: flex;
align-items: center;
width: 100%;
margin-bottom: 32px;
}
.uso-saldo .l-saldo{
padding: 0 44px;
}
.uso-saldo .r-saldo{
padding: 32px 44px;
background-color: #FCFCFC;
border-radius: 0 4px 4px 0;
width: 100%;
border-left: 1px solid #F1F1F1;
}
.check-saldo{
display: flex;
align-items: center;
}
.check-saldo label{
margin: 0;
padding: 0;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.check-saldo span{
white-space: nowrap;
font-weight: 500;
color: #555;
font-size: 14px;
letter-spacing: 0;
font-family: "Montserrat";
}
.check-saldo span strong{
font-weight: bold;
}
.check-saldo .usar-saldo-checkbox-fake{
display: flex;
width: 20px;
height: 20px;
border: 1px solid #C2C2C2;
border-radius: 2px;
cursor: pointer;
margin-right: 12px;
transition: border-color 250ms ease;
}
.check-saldo:hover .usar-saldo-checkbox-fake{
border-color: #7A7A7A;
}
.check-saldo input{
display: none;
}
.check-saldo input:checked + .usar-saldo-checkbox-fake{
background-color: #45AF22;
border-color: #45AF22;
background-image: url('../img/site/check-saldo-checkout.svg');
background-repeat: no-repeat;
background-position: center;
}
.uso-saldo .title-saldo{
display: flex;
align-items: center;
margin-bottom: 28px;
}
.uso-saldo .title-saldo span{
display: block;
margin-left: 8px;
font-size: 14px;
font-weight: 600;
color: #E0583F;
}
.uso-saldo .r-saldo .line{
margin-bottom: 20px;
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.uso-saldo .r-saldo .line span{
font-size: 14px;
color: #555555;
font-weight: 500;
}
.uso-saldo .r-saldo .line strong{
font-size: 14px;
color: #555555;
font-weight: 600;
}
.uso-saldo .r-saldo .line:last-child{
margin-bottom: 0;
}
.uso-saldo .r-saldo .divisor-saldo{
display: block;
width: 100%;
height: 1px;
margin-bottom: 20px;
background-color: #F1F1F1;
}
.uso-saldo .r-saldo .line strong.saldo-negativo{
color: #E0583F;
}
.uso-saldo .r-saldo .line strong.saldo-positivo{
color: #45AF22;
}
/** Listagem carteira **/
.box.minha-carteira-top{
padding: 0;
margin-bottom: 16px;
}
.box.minha-carteira-top .carteira-top{
display: flex;
align-items: center;
}
.carteira-top .carteira-top-l{
padding: 0 44px;
}
.carteira-top .carteira-top-l h2{
font-size: 14px;
font-weight: bold;
color: #E0583F;
margin-bottom: 12px;
line-height: 24px;
text-transform: uppercase;
}
.carteira-top .carteira-top-l p{
font-size: 14px;
font-weight: normal;
color: #555555;
margin-bottom: 0px;
line-height: 20px;
}
.carteira-top .carteira-top-l p strong{
font-weight: 600;
}
.carteira-top .carteira-top-r{
padding: 32px 48px;
background-color: #FCFCFC;
border-left: 1px solid #F1F1F1;
display: flex;
align-items: center;
}
.carteira-kpi:not(:last-child){
margin-right: 32px;
}
.carteira-kpi strong{
font-weight: 600;
color: #333;
font-size: 14px;
line-height: 20px;
margin-bottom: 8px;
white-space: nowrap;
}
.carteira-kpi .carteira-kpi-main{
font-weight: 600;
font-size: 25px;
line-height: 28px;
white-space: nowrap;
}
.carteira-kpi .carteira-kpi-main span{
font-size: 16px;
font-weight: normal;
margin-bottom: 8px;
}
.carteira-kpi .carteira-kpi-main.green{
color: #45AF22;
}
.carteira-kpi .carteira-kpi-main.red{
color: #E0583F;
}
.carteira-kpi .carteira-kpi-sub{
font-size: 12px;
line-height: 20px;
font-weight: normal;
color: #949494;
white-space: nowrap;
}
.carteira-kpi .carteira-kpi-sub.mob{
display: none;
}
.box.carteira-link{
padding: 32px 44px;
margin-bottom: 16px;
display: flex;
align-items: center;
}
.box.carteira-link h3{
display: flex;
align-items: center;
font-size: 14px;
font-weight: 500;
color: #555555;
line-height: 20px;
margin-right: 32px;
white-space: nowrap;
}
.box.carteira-link h3 img{
margin-right: 12px;
}
.form-carteira-link{
position: relative;
display: flex;
align-items: center;
}
.form-carteira-link label{
margin: 0;
font-size: 12px;
color: #333;
font-weight: normal;
position: absolute;
left: 16px;
top: -10px;
}
.form-carteira-link::before{
content: "";
display: block;
width: 118px;
height: 3px;
background-color: white;
z-index: 0;
position: absolute;
left: 10px;
top: -1px;
}
.form-carteira-link input{
background-color: #FAFAFA;
height: 44px;
border-radius: 4px;
border: 1px solid #CFCFCF;
margin-right: 10px;
padding: 0 16px;
font-size: 14px;
color: #666;
font-weight: 500;
width: 310px;
outline: none;
transition: 250ms ease;
box-sizing: border-box;
}
.form-carteira-link input:focus{
outline: none;
border-color: #333;
}
.carteira-copiar-btn{
height: 46px;
background-color: #e0583f;
border: 0;
outline: none;
border-radius: 4px;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
font-size: 15px;
font-weight: bold;
cursor: pointer;
position: relative;
top: 0;
}
.carteira-copiar-btn:hover{
background-color: #BE422B;
}
.acesso-confraria-btn{
height: 36px;
margin-bottom: 15px;
background-color: #e0583f;
border: 0;
outline: none;
border-radius: 4px;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
font-size: 15px;
font-weight: bold;
cursor: pointer;
position: relative;
top: 0;
}
.acesso-confraria-btn:hover{
background-color: #BE422B;
}
.box.carteira-table{
padding: 0 44px;
padding-bottom: 24px;
}
.box.carteira-table .carteira-table-top{
padding: 28px 0;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 8px;
}
.carteira-table-top h3{
font-size: 14px;
font-weight: bold;
color: #E0583F;
margin-bottom: 12px;
line-height: 24px;
text-transform: uppercase;
margin-bottom: 0;
}
.box.carteira-validade{
padding: 0px;
margin-bottom: 16px;
}
.box.carteira-validade .carteira-validade-top{
padding: 18px 0;
display: flex;
align-items: center;
text-align: center;
justify-content: space-between;
width: 100%;
margin-bottom: 8px;
}
.carteira-validade .carteira-validade-r{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.carteira-validade-top .carteira-validade-r span{
font-size: 14px;
margin-bottom: 12px;
line-height: 24px;
margin-bottom: 0;
}
.carteira-validade-top .carteira-validade-r i {
color: #E0583F;
margin-right: 14px;
font-size: 22px;
}
.filters-carteira{
display: flex;
align-items: center;
}
.form-carteira-select{
position: relative;
}
.filters-carteira .form-carteira-select:last-child{
margin-left: 16px;
}
.form-carteira-select select{
background-color: #fff;
height: 44px;
border-radius: 4px;
border: 1px solid #CFCFCF;
padding: 0 16px;
font-size: 14px;
color: #666;
font-weight: 500;
width: 170px;
outline: none;
transition: 250ms ease;
box-sizing: border-box;
appearance: none;
background-image: url('../../img/site/select-caret.svg');
background-position: calc(100% - 12px) center;
background-repeat: no-repeat;
}
.form-carteira-select::before{
content: "";
display: block;
width: 78px;
height: 3px;
background-color: white;
z-index: 0;
position: absolute;
left: 10px;
top: -1px;
}
.form-carteira-select.per::before{
width: 55px;
}
.form-carteira-select.trans::before{
width: 74px;
}
.form-carteira-select label{
margin: 0;
font-size: 12px;
color: #333;
font-weight: normal;
position: absolute;
left: 16px;
top: -10px;
}
.carteira-table-cont{
position: relative;
}
.col-titles-carteira{
display: flex;
align-items: center;
}
.col-titles-carteira .col-tit-cart{
font-size: 12px;
font-weight: 600;
color: #333;
line-height: 32px;
}
.col-titles-carteira .col-tit-cart:first-child{
margin-right: 8px;
}
.c1{
width: 206px;
min-width: 206px;
}
.c2{
width: 142px;
min-width: 142px;
}
.c3{
width: 181px;
min-width: 181px;
}
.c4{
width: 113px;
min-width: 113px;
}
.carteira-item{
display: flex;
padding: 20px 8px;
border-bottom: 1px solid #F4F4F4;
}
.carteira-item:last-child{
border-bottom: 0;
}
.carteira-item span{
font-weight: 500;
font-size: 14px;
color: #7B7B7B;
letter-spacing: 0.5px;
}
.carteira-item span a{
text-decoration: underline;
color: #E0583F;
}
.carteira-item .tag-carteira{
display: flex;
align-items: center;
border-radius: 200px;
height: 42px;
padding: 0 16px;
font-size: 12px;
font-weight: 600;
color: #595959;
}
.carteira-item .tag-carteira.green{
background-color: #E8F5E5;
}
.carteira-item .tag-carteira.red{
background-color: #FCECEE;
}
.carteira-item .col{
display: flex;
}
.carteira-item .tag-carteira img{
margin-right: 8px;
}
.loading-table{
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(255,255,255,0.7);
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
display: none;
}
.loading-table.active{
display: flex;
}
.loading-table .fa{
font-size: 30px;
}
.loading-modal{
width: 100%;
height: 100%;
background: rgba(255,255,255,0.7);
display: none;
align-items: center;
justify-content: center;
z-index: 9;
padding: 20px 0px;
}
.loading-modal.active{
display: flex;
}
.loading-modal .fa{
font-size: 30px;
}
#cashback-line-checkout{
margin-bottom: 15px;
}
.cashback-line{
width: 100%;
margin-top: 32px;
border-radius: 4px;
background-color: #e0583f;
color: white;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 16px;
box-sizing: border-box;
}
.cashback-line span{
font-size: 14px;
font-weight: 600;
}
.cashback-line img{
margin-right: 12px;
}
.cashback-line strong{
font-weight: bold;
font-size: 20px;
}
.info-pagamentos{
text-decoration: underline;
color: #E0583F !important;
cursor: pointer;
}
.default-modal#modal-info-pagamento h4{
font-weight: inherit !important;
}
.bottom-pix span{
font-size: 16px;
font-weight: normal;
letter-spacing: -0.02em;
color: #555;
}
.bottom-pix span.valor-antigo{
display: block;
font-size: 14px;
text-align: right;
text-decoration: line-through;
margin-bottom: 5px;
color: #b9b9b9;
}
.bottom-pix .valor-total-div span{
font-size: 16px;
font-weight: normal;
letter-spacing: -0.02em;
color: #555;
}
.bottom-pix{
margin-top: 20px;
border-top: 1px solid #DFDFDF;
width: 100%;
padding-top: 30px;
display: flex;
justify-content: space-between;
align-items: center;
}
.bottom-pix .valor-total-deposito strong{
font-size: 18px;
font-weight: 600;
letter-spacing: -0.02em;
color: #555;
}
.bottom-pix .valor-total-deposito span{
display: block;
font-size: 14px;
text-align: right;
text-decoration: line-through;
margin-bottom: 5px;
color: #b9b9b9;
}
.desconto-total-adega, .cashback-total-adega{
margin-top: 12px;
display: flex;
justify-content: space-between;
width: 100%
}
.desconto-total-adega .valor-item-total-adega, .cashback-total-adega .valor-item-total-adega{
color: #302d71;
font-weight: bold;
font-size: 18px;
text-align: right;
margin-right: 35px;
}
.desconto-total-adega .titulo-item-total-adega, .cashback-total-adega .titulo-item-total-adega{
color: #929295;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
}
.desconto-total-adega .valor-item-total-adega{
text-decoration: line-through;
}
/** Adega da virada **/
body.body-new-inst.adega-da-virada-body .banner-interno{
height: 350px;
background-color: #303968;
background-image: url('../img/adega/pattern-desktop.png');
background-position: center;
background-size: cover;
}
body.adega-da-virada-body.body-new-inst .banner-interno__subtitle{
display: none;
}
body.adega-da-virada-body.body-new-inst .banner-interno__title{
text-indent: -99999px;
}
body.adega-da-virada-body.body-new-inst .banner-interno__title::before{
content: "";
display: block;
width: 175px;
height: 273px;
background-image: url('../img/adega/tacas.svg');
background-position: center;
background-repeat: no-repeat;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 134px;
}
body.body-new-inst.adega-da-virada-body .banner-interno::before{
content: "";
display: block;
width: 210px;
height: 205px;
background-image: url('../img/adega/fogos1.svg');
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 138px;
left: 28%;
}
body.body-new-inst.adega-da-virada-body .banner-interno::after{
content: "";
display: block;
width: 176px;
height: 183px;
background-image: url('../img/adega/fogos2.svg');
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 151px;
right: 28%;
}
.virada-landing{
background-color: white;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
position: relative;
padding-top: 98px;
}
.virada-landing::before{
content: "";
display: block;
width: 356px;
height: 504px;
background-image: url('../img/adega/uvas1.png');
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 0px;
left: 0px;
}
.virada-landing::after{
content: "";
display: block;
width: 314px;
height: 488px;
background-image: url('../img/adega/uvas2.png');
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 0px;
right: 0px;
}
.virada-landing h1{
margin-top: 4px;
text-align: center;
font-weight: 800;
font-size: 43px;
line-height: 52px;
color: #444444;
margin-bottom: 16px;
}
.virada-landing p{
text-align: center;
font-weight: normal;
font-size: 18px;
line-height: 22px;
color: #555;
margin-bottom: 32px;
}
.virada-landing p strong{
font-weight: bold;
margin: 0;
color: #e0583f;
}
.virada-landing .ilustra{
margin-bottom: 74px;
}
.virada-landing .second-part{
padding-bottom: 88px;
}
.virada-landing .second-part h2{
text-align: center;
font-weight: bold;
font-size: 24px;
line-height: 29px;
color: #333333;
margin-bottom: 10px;
}
.virada-landing .second-part p{
margin-bottom: 44px;
}
.virada-landing .second-part p strong{
color: #555555;
font-weight: 600;
}
.rotulos-virada{
background-color: #FAFAFA;
border-top: 1px solid #EBEBEB;
border-bottom: 1px solid #EBEBEB;
padding: 64px 0;
}
.rotulos-virada .titulo-rotulos{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.rotulos-virada .titulo-rotulos h2{
margin-top: 8px;
margin-bottom: 16px;
font-weight: bolder;
font-size: 34px;
line-height: 41px;
color: #444444;
}
.rotulos-virada .titulo-rotulos p{
margin: 0;
font-weight: normal;
font-size: 18px;
line-height: 36px;
color: #555555;
}
.rotulos-virada .titulo-rotulos p strong{
font-weight: 600;
margin-bottom: 16px;
}
.email-virada{
background-color: white;
border: 1px solid #E0E0E0;
border-radius: 4px;
padding: 28px 72px 32px 72px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 42px;
margin-top: 16px;
}
.email-virada img{
margin-right: 40px;
}
.email-virada .cont-email p{
font-size: 18px;
line-height: 1.5em;
color: #555;
margin-bottom: 24px;
max-width: 429px;
text-align: left;
}
.email-virada .cont-email p strong{
font-weight: 600;
}
.email-virada .cont-email form{
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
height: 40px;
border-radius: 4px 0 0 4px;
border: 1px solid #EDEDED;
width: 334px;
}
.email-virada .cont-email form input{
height: 40px;
padding: 0 15px;
font-size: 14px;
color: #555;
border: 0;
outline: none;
width: 100%;
}
.email-virada .cont-email form input::placeholder {
color: #979797;
}
.email-virada .cont-email form button{
height: 40px;
border-radius: 0 4px 4px 0;
background-color: #e0583f;
display: flex;
align-items: center;
justify-content: center;
padding: 0 22px;
font-size: 15px;
line-height: 18px;
font-weight: bold;
color: #fff;
outline: none;
border: 0;
transition: 250ms ease;
cursor: pointer;
}
.email-virada .cont-email form button:hover{
background-color: #BE422B;
}
.list-vinhos-virada{
display: flex;
flex-wrap: wrap;
margin: 0 -8px;
margin-bottom: 32px;
}
.list-vinhos-virada .item-vinho-virada{
/* width: calc((100% / 5) - (16px)); */
margin: 0 8px;
min-height: 275px;
border-radius: 4px;
background-color: white;
border: 1px solid #EDEDED;
margin-bottom: 16px;
flex-direction: column;
align-items: center;
position: relative;
padding: 34px 24px;
box-sizing: border-box;
width: 230px;
}
.list-vinhos-virada .item-vinho-virada.active{
display: flex;
}
.list-vinhos-virada .item-vinho-virada img.vinho-virada{
width: 44px;
max-height: 160px;
margin-bottom: 16px;
}
.list-vinhos-virada .item-vinho-virada .pais-virada{
margin: 0;
position: absolute;
top: 20px;
right: 20px;
width: 41px;
height: 41px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid #EDEDED;
background-color: white;
}
.list-vinhos-virada .item-vinho-virada .pais-virada img{
width: 33px;
height: 33px;
border-radius: 50%;
}
.list-vinhos-virada .item-vinho-virada strong{
font-size: 14px;
color: #333333;
line-height: 17px;
/* overflow: hidden; */
/* text-overflow: ellipsis; */
display: -webkit-box;
/* -webkit-line-clamp: 1; */
/* -webkit-box-orient: vertical; */
font-weight: 500;
margin-bottom: 4px;
}
.list-vinhos-virada .item-vinho-virada span{
font-size: 12px;
color: #555555;
font-weight: normal;
line-height: 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.btn-action.outline-gray{
background: transparent;
border: 1px solid #DFDFDF;
font-size: 14px;
color: #8E8E8E;
padding: 16px 32px;
}
.new-inst-wrap.section-faq-virada{
padding: 64px 0;
}
.title-sec-faq{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin-bottom: 32px;
}
.title-sec-faq h3{
font-size: 34px;
line-height: 41px;
margin-top: 8px;
margin-bottom: 0px;
font-weight: bolder;
color: #444;
text-align: center;
}
body.body-new-inst.adega-da-virada-body{
background-color: white;
}
.section-faq-virada .new-faq-item{
box-shadow: none;
border: 1px solid #EDEDED;
}
.new-inst-wrap.section-faq-virada{
height: auto;
min-height: 0px;
}
.flex-caixa{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 44px;
}
.flex-caixa-divisor{
display: block;
width: 1px;
height: 55px;
background-color: #ECECEC;
margin: 0 52px;
}
.left-caixa{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
width: 211px;
}
.left-caixa img{
width: 211px;
margin-bottom: 10px;
}
.left-caixa span{
text-transform: uppercase;
font-weight: 300;
color: #555555;
line-height: 1.5em;
font-size: 12px;
}
.left-caixa span strong{
font-weight: 500;
}
.right-icons{
width: 500px;
}
.right-icons:first-child{
margin-bottom: 20px;
}
.ric-item{
display: flex;
align-items: center;
}
.ric-item:first-child{
margin-bottom: 16px;
}
.ric-item figure{
margin: 0;
width: 76px;
height: 76px;
min-width: 76px;
min-height: 76px;
border: 1px solid #DEDEDE;
border-radius: 50%;
margin-right: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.ric-item span{
font-weight: normal;
color: #555555;
line-height: 1.4em;
font-size: 16px;
}
.ric-item span strong{
font-weight: 600;
}
.ric-item span a{
color: #e0583f;
text-decoration: underline;
}
.box-action-virada{
margin: auto;
padding: 32px 44px;
border-radius: 4px;
border: 1px solid #ECECEC;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logged-wrapper{
width: 100%;
display: flex;
justify-content: center;
}
.box-action-virada span{
margin: 16px 0;
font-weight: normal;
color: #555555;
line-height: 1.4em;
font-size: 16px;
}
.box-action-virada span:first-child{
margin-top: 0;
}
.box-action-virada span strong{
font-weight: 600;
}
.box-action-virada .btn-action{
width: 100%;
}
.box-action-virada .btn-action.gray{
background-color: #555555;
}
.box-action-virada .btn-action.gray:hover{
background-color: #3E3E3E;
}
/** Minha conta adega da virada **/
.minha-conta__right .box.virada{
padding: 0;
margin-bottom: 16px;
}
.top-box-virada{
display: flex;
align-items: center;
border-bottom: 1px solid #ECECEC;
}
.top-box-virada .l-top-virada{
padding-left: 32px;
padding-right: 44px;
height: 136px;
display: flex;
align-items: flex-end;
background-color: #7A80C8;
border-radius: 5px 0 0 0;
}
.l-top-box-title{
height: 100%;
display: flex;
align-items: center;
margin-left: 12px;
}
.l-top-box-title h2{
color: white;
font-weight: bold;
line-height: 24px;
font-size: 18px;
white-space: nowrap;
}
.top-box-virada .r-top-virada{
height: 100%;
display: flex;
align-items: center;
padding: 0 32px;
justify-content: flex-start;
}
.promotion-txt-virada{
color: #555555;
font-weight: 500;
line-height: 25px;
font-size: 14px;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
text-align: center;
padding: 20px 16px;
}
.promotion-txt-virada a{
color: #e0583f;
text-decoration: underline;
font-weight: 600;
margin: 0 4px;
}
.kpi-virada{
padding: 16px 24px;
border-radius: 4px;
border: 1px solid #ECECEC;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
}
.kpi-virada:not(:last-child){
margin-right: 16px;
}
.kpi-virada span{
color: #333333;
font-weight: normal;
line-height: 20px;
font-size: 14px;
display: block;
white-space: nowrap;
margin-top: 8px;
}
.kpi-virada strong{
color: #7A80C8;
font-weight: 600;
line-height: 28px;
font-size: 19px;
margin-left: 10px;
}
.top-virada-restante{
display: flex;
justify-content: center;
align-items: center;
padding: 36px 0;
}
.top-virada-restante img{
margin-right: 24px;
width: 61px;
}
.top-virada-restante .virada-restante-txt h3{
color: #555555;
font-weight: bold;
line-height: 25px;
font-size: 16px;
margin-bottom: 10px;
}
.top-virada-restante .virada-restante-txt p{
color: #555555;
font-weight: normal;
line-height: 25px;
font-size: 14px;
margin-bottom: 0;
}
.top-virada-restante .virada-restante-txt p strong{
font-weight: 600;
font-size: 16px;
}
.top-virada-restante .virada-restante-txt p a{
font-weight: 600;
color: #e0583f;
text-decoration: underline;
}
.virada-restante-progress{
border-top: 1px solid #ECECEC;
background-color: #F9F9F9;
padding: 32px 44px;
padding-bottom: 48px;
display: flex;
align-items: center;
border-radius: 0 0 5px 5px;
}
.virada-restante-progress .side-numbers{
color: #555555;
font-weight: 500;
line-height: 20px;
font-size: 14px;
white-space: nowrap;
}
.virada-restante-progress .virprog-wrap{
width: 100%;
margin: 0 16px;
height: 12px;
background-color: #F0F0F0;
border-radius: 2px;
}
.virada-restante-progress .virprog-bar{
height: 12px;
border-radius: 2px;
background-color: #45AF22;
position: relative;
}
.virada-restante-progress .virprog-bar::after{
content: "";
display: block;
width: 4px;
height: 16px;
border-radius: 2px;
background-color: #333333;
position: absolute;
top: -2px;
right: -2px;
}
.virada-restante-progress .virprog-bar span{
color: #333333;
font-weight: 600;
line-height: 20px;
font-size: 14px;
width: 65px;
text-align: center;
position: absolute;
right: -33px;
top: 17px;
}
.title-cupons-virada{
color: #333333;
font-weight: bolder;
line-height: 24px;
font-size: 14px;
padding: 32px 44px;
}
.list-cupons-virada{
background-color: #F9F9F9;
border-radius: 0 0 5px 5px;
}
.list-cupons-virada .item-cupom-virada{
padding: 40px 44px;
border-top: 1px solid #E2E2E2;
background-image: url('../img/adega/cupom-desktop.svg');
background-position: center center;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: space-between;
}
.list-cupons-virada .item-cupom-virada .left-item-virada-cupom{
padding: 30px 0;
padding-left: 62px;
}
.list-cupons-virada .item-cupom-virada .left-item-virada-cupom span{
color: #e0583f;
font-weight: 600;
line-height: 24px;
font-size: 24px;
margin-bottom: 8px;
}
.list-cupons-virada .item-cupom-virada .left-item-virada-cupom span strong{
font-weight: bold;
font-size: 34px;
}
.list-cupons-virada .item-cupom-virada .left-item-virada-cupom p{
color: #666666;
font-weight: normal;
line-height: 24px;
font-size: 14px;
}
.list-cupons-virada .item-cupom-virada .left-item-virada-cupom p a{
color: #e0583f;
text-decoration: underline;
}
.data-resgate-virada{
text-align: right;
padding-right: 102px;
color: #666666;
font-weight: normal;
line-height: 24px;
font-size: 12px;
}
.data-resgate-virada strong{
display: block;
font-weight: 500;
}
/** Modal resultado adega da virada **/
.virada-overlay{
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.7);
position: fixed;
margin: auto;
z-index: 998;
transition: 200ms ease;
visibility: hidden;
opacity: 0;
}
.modal-virada{
position: fixed;
z-index: 999;
width: 712px;
height: 421px;
background-color: white;
border-radius: 8px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
visibility: hidden;
opacity: 0;
}
.modal-virada-opened .modal-virada{
visibility: visible;
opacity: 1;
}
.modal-virada-opened .virada-overlay{
visibility: visible;
opacity: 1;
}
.top-modal-vir{
background-color: #7A80C8;
background-image: url('../img/adega/pattern-desktop.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 164px;
padding: 0 34px;
box-sizing: border-box;
display: flex;
align-items: flex-end;
position: relative;
border-radius: 8px 8px 0 0;
}
.close-mod-vir{
cursor: pointer;
position: absolute;
top: 25px;
right: 29px;
}
.ilustra-mod-vir{
margin-right: 20px;
width: 193px;
}
.r-mod-vir{
height: 164px;
display: flex;
align-items: center;
display: flex;
flex-direction: column;
text-align: left;
align-items: flex-start;
justify-content: center;
}
.r-mod-vir img:first-child{
margin-bottom: 8px;
}
.fogo-mod-vir{
position: absolute;
right: 44px;
bottom: 16px;
width: 106px;
opacity: 0.6;
}
.cont-modal-vir{
padding: 44px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-direction: column;
}
.cont-modal-vir h3{
font-size: 22px;
font-weight: bold;
color: #333333;
line-height: 1.5em;
margin-bottom: 8px;
text-transform: uppercase;
}
.cont-modal-vir p{
font-size: 16px;
font-weight: normal;
color: #555555;
line-height: 1.5em;
margin: 0;
}
.cont-modal-vir p strong{
font-weight: 600;
}
.cont-modal-vir .btn-action{
margin-top: 24px;
}
.mob-cont-top{
display: none;
}
/** Resultado adega da virada **/
body.body-new-inst.resultado-adega-da-virada-body .banner-interno{
height: 350px;
background-color: #212121;
background-image: url('../img/adega/pattern-white-desk.png');
background-position: center;
background-size: cover;
}
body.resultado-adega-da-virada-body.body-new-inst .banner-interno__subtitle{
display: none;
}
body.resultado-adega-da-virada-body.body-new-inst .banner-interno__title{
text-indent: -99999px;
}
body.resultado-adega-da-virada-body.body-new-inst .banner-interno__title::before{
content: "";
display: block;
width: 362px;
height: 172px;
background-image: url('../img/adega/title-resultado.svg');
background-position: center;
background-repeat: no-repeat;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 133px;
}
body.body-new-inst.resultado-adega-da-virada-body .banner-interno::before{
content: "";
display: block;
width: 210px;
height: 205px;
background-image: url('../img/adega/fogos1.svg');
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 138px;
left: 23%;
}
body.body-new-inst.resultado-adega-da-virada-body .banner-interno::after{
content: "";
display: block;
width: 176px;
height: 183px;
background-image: url('../img/adega/fogos2.svg');
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 151px;
right: 23%;
}
.ganhador-virada{
display: flex;
align-items: center;
justify-content: center;
padding: 32px 44px;
border-radius: 4px;
border: 1px solid #ECECEC;
}
.ganhador-virada img{
margin-right: 16px;
}
.ganhador-virada span{
font-size: 16px;
font-weight: 600;
color: #555;
text-transform: uppercase;
}
.ganhador-wrapper{
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 44px;
}
.list-vinhos-virada.ganhador{
margin-top: 44px;
}
.virada-landing.ganhador .flex-caixa{
margin-bottom: 0;
}
.menu-lateral-scroll{
overflow-y: scroll;
padding-bottom: 55px;
padding-right: 12px;
}
.menu-lateral-scroll::-webkit-scrollbar {
width: 6px;
}
.menu-lateral-scroll::-webkit-scrollbar-track {
background: transparent;
}
.menu-lateral-scroll::-webkit-scrollbar-thumb {
background-color: rgba(25,25,25,0.6);
border-radius: 20px;
}
/** Confraria Área pública **/
body.confraria-body{
background: white;
padding-top: 70px;
}
body.confraria-oferta, body.confraria-kit{
padding-top: 0px;
}
.cabecalho-confraria{
width: 100%;
background-color: white;
height: 70px;
border-bottom: 1px solid #EDEDED;
display: flex;
align-items: center;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
}
.container-cabecalho-conf{
width: 1100px;
margin: auto;
display: flex;
justify-content: space-between;
}
h1.logo-confraria{
text-indent: -99999px;
display: block;
width: 270px;
height: 30px;
background-image: url('../img/site/logo-conf.svg');
}
.cabecalho__acesse.conf .bullet{
margin-left: 0;
margin-right: 8px;
}
.cabecalho__acesse.conf p{
font-weight: 500;
color: #333;
font-size: 14px;
transition: 250ms ease;
}
.cabecalho__acesse.conf:hover p{
color: #e0583f;
}
.right-head-conf{
display: flex;
align-items: center;
}
.conf-land-menu{
margin: 0;
display: flex;
align-items: center;
list-style: none;
padding: 0;
}
.conf-land-menu li{
padding: 0;
margin: 0;
margin-right: 32px;
}
.conf-land-menu li a{
font-weight: 500;
font-size: 14px;
color: #333333;
}
.conf-land-menu li a:hover{
color: #e0583f;
text-decoration: none;
}
.conf-foot-top{
width: 900px;
max-width: 100%;
margin: auto;
display: flex;
justify-content: space-between;
margin-bottom: 72px;
}
.footer-conf .footer__logo{
margin-bottom: 24px;
}
.footer-conf .footer__links-grey--small{
margin-top: 0;
width: auto;
display: block;
}
.conf-foot-left .flex-container{
display: block;
}
.footer-conf .footer__links-grey--small a{
font-weight: 600;
font-size: 15px;
color: #666666;
transition: 250ms ease;
}
.footer-conf .footer__links-grey--small a:hover{
color: #e0583f;
}
.footer-conf .footer__redes{
margin: 0;
padding: 0;
}
.footer-conf .footer__redes .item{
margin-top: 0;
}
.footer-conf{
border-top: 1px solid #E9E9E9;
padding-top: 52px;
}
.confraria-landing-banner{
width: 100%;
height: 415px;
background-color: #000;
background-image: url('../img/site/confraria-banner.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.conf-hero-content{
display: flex;
flex-direction: column;
height: 415px;
justify-content: center;
align-items: flex-start;
max-width: 553px;
}
.conf-hero-content h1{
color: white;
letter-spacing: 0.17em;
font-size: 44px;
font-weight: bold;
text-transform: uppercase;
margin-right: 30px;
}
.conf-hero-topo{
display: flex;
align-items: center;
margin-bottom: 20px;
}
.container-conf{
width: 1100px;
margin: auto;
max-width: 100%;
}
.conf-hero-content p{
font-size: 20px;
font-weight: 500;
line-height: 1.4em;
margin-bottom: 40px;
color: white;
}
.btn-action.btn-conf{
padding: 13px 17px;
background-color: #45AF22;
}
.conf-como-funciona{
background-color: #EFEFEF;
background-image: url('../img/site/conf-effect.png');
background-repeat: repeat-y;
background-size: cover;
padding: 72px 0;
border-bottom: 1px solid #EDEDED;
}
.conf-land-title{
margin: auto;
margin-bottom: 32px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.conf-land-title h3{
margin-top: 12px;
font-size: 35px;
font-weight: normal;
color: #333;
line-height: 1.4em;
}
.conf-land-title h3 strong{
font-weight: bold;
}
.conf-land-title h3 strong.special{
color: #e0583f;
}
.como-funciona-timeline{
padding-top: 40px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.conf-timeline-item{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
}
.conf-timeline-item figure{
width: 100%;
height: 108px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
position: relative;
}
.conf-timeline-item strong{
font-size: 20px;
font-weight: bold;
color: #e0583f;
line-height: 1.4em;
margin-bottom: 4px;
}
.conf-timeline-item p{
font-size: 16px;
font-weight: normal;
line-height: 1.4em;
color: #333333;
width: 240px;
}
.conf-timeline-item p a{
color: #e0583f;
text-decoration: underline;
cursor: pointer;
}
.conf-timeline-item figure::after{
content: "";
display: block;
width: 100%;
height: 4px;
background-color: #E2E2E2;
position: absolute;
z-index: 0;
top: 50px;
}
.conf-timeline-item figure img{
position: relative;
z-index: 1;
}
.conf-timeline-item:first-child figure::after{
left: 50%;
width: 50%;
}
.conf-timeline-item:last-child figure::after{
right: 50%;
width: 50%;
}
.video-conf{
padding: 40px 0;
background-color: white;
}
.video-conf .container-conf{
display: flex;
align-items: center;
}
.video-conf-embed{
border-radius: 8px;
border: 5px solid rgba(0, 0, 0, 0.5);
min-width: 705px;
}
.video-conf-left{
width: 100%;
}
.video-conf-left{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding-right: 32px;
position: relative;
}
.video-conf-left h3{
font-size: 24px;
font-weight: 500;
margin-top: 12px;
color: #333;
line-height: 1.4em;
}
.video-conf-left p{
font-size: 16px;
color: #333;
font-weight: normal;
line-height: 1.4em;
margin-top: 12px;
margin-bottom: 32px;
}
.video-conf-left a{
color: #e0583f;
font-size: 16px;
line-height: 1.4em;
font-weight: 500;
text-decoration: none;
display: flex;
align-items: center;
}
.video-conf-left a img{
margin-right: 8px;
}
.video-conf-left::before{
content: "";
display: block;
width: 275px;
height: 28px;
background-image: url('../img/site/seta-video-conf.svg');
background-repeat: no-repeat;
position: absolute;
top: 25px;
right: -110px;
}
.conf-vinho-mes{
background-color: white;
padding-top: 44px;
border-top: 1px solid #EDEDED;
border-bottom: 1px solid #EDEDED;
position: relative;
}
.price-box-conf .info_price {
margin-right: 44px;
display: flex;
flex-direction: column;
justify-content: center;
}
.price-box-conf .info_price .discount {
display: flex;
justify-content: space-between;
align-items: center;
}
.price-box-conf .info_price .discount .old_price {
white-space: nowrap;
font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
display: flex;
align-items: center;
text-decoration-line: line-through;
color: #A5A5A5;
margin-bottom: 0;
margin-right: 4px;
}
.price-box-conf .info_price .discount .percent_off {
background-color: #E0583F;
border-radius: 3px;
color: white;
font-size: 10px;
padding: 2px 5px;
font-weight: bold;
white-space: nowrap;
margin-left: 5px;
display: flex;
height: 16px;
display: flex;
align-items: center;
}
.price-box-conf .info_price .discount .percent_off .off_title {
font-size: 11px;
font-weight: 500;
}
.price-box-conf .info_price .new_price {
white-space: nowrap;
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 25px;
line-height: 1.2em;
color: #302E71;
margin-top: 10px;
}
.price-box-conf .info_price .new_price strong{
font-size: 40px;
margin: 0 4px;
}
.conf-mes-cont h2.conf-title{
font-size: 44px;
font-family: 'manus';
letter-spacing: 0.07em;
line-height: 88px;
margin: 0;
color: #333;
text-align: center;
padding-top: 18px;
}
.conf-mes-cont h4.conf-subtitle{
font-size: 15px;
letter-spacing: 0.17em;
color: #333333;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 24px;
text-align: center;
}
.conf-mes-cont{
position: relative;
z-index: 1;
}
.conf-mes-bg{
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.06;
background-size: cover;
background-position: center;
}
.vinho-conf-land{
display: flex;
justify-content: center;
position: relative;
z-index: 22;
}
.vinho-conf-land .img-vinho-mes-conf{
margin-bottom: -44px;
}
.right-vinho-conf{
width: 450px;
display: flex;
flex-direction: column;
margin-left: 44px;
padding-top: 28px;
align-items: flex-start;
}
.conf-quote{
margin-bottom: 20px;
}
.right-vinho-conf p{
font-size: 16px;
line-height: 1.4em;
font-weight: 500;
color: #333;
margin-bottom: 12px;
}
.conf-mes-description{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.conf-mes-description.aberto{
overflow: visible;
text-overflow: initial;
display: block;
}
.conf-read-more{
font-size: 15px;
line-height: 1.5em;
font-weight: 500;
color: #e0583f;
margin-bottom: 20px;
text-decoration: underline;
cursor: pointer;
display: block;
margin-top: 12px;
}
.price-box-conf{
display: flex;
align-items: center;
}
.conf-old-collections{
background-color: white;
background-image: url('../img/site/conf-effect.png');
background-repeat: repeat-y;
background-size: cover;
padding: 72px 0;
}
.list-ofertas-conf{
margin-top: 32px;
display: flex;
flex-wrap: wrap;
}
.ofertas-conf-item{
width: calc((100% - 24px) / 3);
margin-right: 12px;
height: 225px;
filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.12));
border-radius: 8px;
background-color: white;
position: relative;
margin-bottom: 32px;
display: none;
}
.ofertas-conf-item:nth-child(3n){
margin-right: 0;
}
.ofertas-conf-item.active,
.ofertas-conf-item:nth-child(1),
.ofertas-conf-item:nth-child(2),
.ofertas-conf-item:nth-child(3){
display: block;
}
.item-cont-oferta-conf{
position: relative;
z-index: 2;
padding: 0 16px;
padding-top: 37px;
display: flex;
}
.item-cont-oferta-conf img{
max-width: 160px;
height: 165px;
margin-right: 16px;
object-fit: contain;
}
.cont-text-oferta-conf{
padding-top: 32px;
}
.cont-text-oferta-conf h5{
font-size: 25px;
color: white;
font-family: "manus";
line-height: 1.3em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-weight: normal;
}
.cont-text-oferta-conf span{
font-size: 12px;
font-weight: 500;
letter-spacing: 0.17em;
color: #333333;
margin-bottom: 12px;
display: block;
}
.cont-text-oferta-conf strong{
padding: 4px 12px;
border-radius: 2px;
background-color: #e0583f;
color: #fff;
font-size: 12px;
font-weight: 500;
}
.title-oferta-conf-box{
height: 58px;
display: flex;
align-items: flex-end;
margin-bottom: 26px;
}
.item-bg-oferta-conf{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 138px;
border-radius: 8px 8px 0 0;
}
.ofertas-conf-item::before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: rgba(0,0,0,0.8);
width: 100%;
height: 138px;
border-radius: 8px 8px 0 0;
}
.ver-mais-ofertas-conf{
display: block;
text-align: center;
font-size: 16px;
font-weight: 600;
color: #e0583f;
text-decoration: underline;
cursor: pointer;
}
.faq-conf-box{
display: flex;
justify-content: center;
}
.faq-conf-box .new-faq-item{
box-shadow: none;
border: 1px solid #EDEDED;
}
.faq-conf-box .new-faq-item .new-faq-title h2{
display: flex;
align-items: center;
}
.faq-conf-box .new-faq-item .new-faq-title h2::before{
content: "";
display: block;
width: 21px;
height: 19px;
background-image: url('../img/site/faq-conf-chat.svg');
background-repeat: no-repeat;
background-position: center;
margin-right: 12px;
}
.faq-conf{
padding-top: 72px;
border-top: 1px solid #EDEDED;
padding-bottom: 48px;
}
.menu-mob-header-conf{
display: none;
}
.right-head-conf .cabecalho__ola,
.right-head-conf .cabecalho__ola a{
font-weight: 500;
font-size: 14px;
color: #333333;
}
.faq-conf.termos{
background-color: #EFEFEF;
background-image: url('../img/site/conf-effect.png');
background-repeat: repeat-y;
background-size: cover;
}
/** Bloco Confraria no Checkout **/
.checkout-confraria-box{
background-color: white;
width: 100%;
border-radius: 8px;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
padding: 0;
margin: 0;
box-sizing: border-box;
}
.checkout-confraria-box *{
box-sizing: border-box;
}
.conf-check-content{
padding: 28px;
padding-top: 20px;
}
.checkout-confraria-box .cover-conf{
width: 100%;
border-radius: 8px 8px 0 0;
height: 60px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.conf-check-content h3{
font-size: 14px;
font-weight: normal;
line-height: 24px;
color: #666;
margin-bottom: 4px;
}
.conf-check-content h2{
font-size: 20px;
font-weight: bold;
line-height: 24px;
color: #333;
margin-bottom: 20px;
}
.check-conf-boxes{
padding: 0;
display: flex;
align-items: stretch;
border-radius: 4px;
border: 1px solid #E7E7E7;
}
.check-conf-boxes .item-conf-check{
width: 50%;
max-width: 50%;
min-width: 50%;
}
.check-conf-boxes .item-conf-check:not(:last-child){
border-right: 1px solid #E7E7E7;
}
.check-conf-boxes .item-conf-check label{
margin: 0;
padding: 32px;
display: flex;
align-items: center;
background-color: white;
width: 100%;
height: 100%;
cursor: pointer;
}
.check-conf-boxes .item-conf-check label span{
font-size: 14px;
font-weight: 500;
line-height: 17px;
color: #555;
}
.check-conf-boxes .item-conf-check label span strong{
font-weight: bold;
margin-right: 4px;
}
.check-conf-boxes .item-conf-check label .conf-info{
top: 2px;
}
.check-conf-boxes .item-conf-check .fake-radio-conf{
display: flex;
width: 20px;
height: 20px;
background-color: white;
border: 1px solid #E7E7E7;
border-radius: 2px;
margin-right: 12px;
transition: 250ms ease;
}
.check-conf-boxes .item-conf-check label:hover .fake-radio-conf{
border-color: #C2C2C2;
}
.check-conf-boxes .item-conf-check label input{
display: none;
}
.check-conf-boxes .item-conf-check label input:checked + .fake-radio-conf{
background-color: #45AF22;
border-color: #45AF22;
background-image: url('../img/site/conf-checkout-check.svg');
background-position: center;
background-repeat: no-repeat;
}
.conf-info{
position: relative;
cursor: pointer;
z-index: 99 !important;
}
.conf-info span,
.conf-info p{
position: absolute;
bottom: 24px;
width: 190px;
left: 50%;
transform: translateX(-50%);
padding: 12px;
border-radius: 4px;
background-color: #333333;
color: white;
font-size: 12px;
font-weight: normal;
margin: auto;
line-height: 1.4em;
white-space: initial;
transition: 250ms ease;
opacity: 0;
visibility: hidden;
}
.conf-info:hover span,
.conf-info:hover p{
opacity: 1;
visibility: visible;
}
.conf-info span::after,
.conf-info p::after{
content: "";
display: block;
width: 15px;
height: 11px;
background-image: url('../img/site/conf-tooltip-arrow.svg');
background-position: center;
background-repeat: no-repeat;
position: absolute;
left: 0;
right: 0;
bottom: -8px;
margin: auto;
}
.conf-info .tooltip-large{
width: 500px;
}
.conf-info span strong{
color: #e0583f;
font-size: 14px;
}
/** Confraria Bloco Home **/
.home-block-conf{
background-color: #F9F9F9;
background-image: url('../img/site/conf-effect.png');
background-repeat: repeat-y;
background-size: cover;
background-attachment: fixed;
padding: 64px 0;
}
.flex-block-conf{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.left-block-conf{
display: flex;
flex-direction: column;
align-items: flex-start;
width: 440px;
max-width: 100%;
}
.left-block-conf .conheca-span{
font-size: 16px;
font-weight: 500;
line-height: 1.3em;
color: #333;
margin-bottom: 15px;
}
.left-block-conf h3{
font-size: 34px;
font-weight: bold;
line-height: 41px;
color: #333;
letter-spacing: 0.17em;
margin-bottom: 15px;
}
.left-block-conf .logo-block-conf{
width: 162px;
margin-bottom: 44px;
}
.left-block-conf p{
font-size: 16px;
font-weight: 500;
line-height: 1.4em;
color: #333;
margin-bottom: 52px;
width: 500px;
}
.home-block-conf .btn-action{
background-color: #45AF22;
}
.home-block-conf .btn-action:hover{
background-color: #39941A;
}
.home-block-conf .conf-info{
top: 1px;
}
.right-block-conf{
width: 308px;
border-radius: 8px;
background-color: white;
box-shadow: 0px 24px 60px rgba(0, 0, 0, 0.07);
position: relative;
}
.right-block-conf .top-right-conf{
width: 100%;
height: 130px;
border-radius: 8px 8px 0 0;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.content-right-conf{
padding: 0px 40px 0px 52px;
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
}
.content-right-conf .tag-conf{
margin-top: -10px;
padding: 4px 8px;
border-radius: 2px;
background-color: #e0583f;
color: white;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
line-height: 1.4em;
margin-bottom: 14px;
}
.content-right-conf h4{
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
line-height: 1.4em;
margin-bottom: 8px;
color: #333;
}
.content-right-conf h5{
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.17em;
line-height: 1.4em;
margin-bottom: 22px;
color: #555555;
}
.price-conf-right{
display: flex;
flex-direction: column;
align-items: flex-start;
}
.top-price-conf{
display: flex;
margin-bottom: 5px;
align-items: center;
}
.top-price-conf span{
font-size: 14px;
font-weight: 500;
line-height: 18px;
color: #949494;
text-decoration-line: line-through;
}
.top-price-conf strong{
margin-left: 8px;
padding: 4px 8px;
border-radius: 2px;
background-color: #e0583f;
color: white;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
line-height: 1.4em;
}
.price-text-conf{
font-size: 20px;
font-weight: bold;
line-height: 24px;
color: #302E71;
margin-bottom: 12px;
}
.price-text-conf strong{
font-size: 34px;
line-height: 41px;
}
.price-conf-right .btn-action{
margin-bottom: -18px;
}
.img-outside-conf{
position: absolute;
width: 230px;
right: 270px;
bottom: 7px;
height: 190px;
}
.perfil-imagem-content{
display: flex;
align-items: flex-end;
margin-top: 15px;
padding: 0 52px;
padding-bottom: 15px;
}
.perfil-imagem-content img{
object-fit: cover;
}
.perfil-imagem-content figure{
min-width: 130px;
width: 130px;
height: 130px;
border-radius: 50%;
border: 5px solid white;
margin: 0;
padding: 0;
margin-right: 32px;
border-radius: 50%;
position: relative;
margin: 0 auto;
}
.perfil-imagem-content figure .drop-picture{
right: 24px;
top: 100%;
z-index: 999;
}
.perfil-imagem-content figure .imagem-perfil{
width: 100%;
height: 100%;
border-radius: 50%;
transform: scale(1.011);
}
.perfil-imagem-content figure .change-picture{
position: absolute;
bottom: 1px;
right: 15px;
cursor: pointer;
transition: 250ms ease;
border: 5px solid white;
border-radius: 50%;
}
.perfil-imagem-content figure .change-picture:hover{
opacity: 0.8;
}
.drop-picture-profile{
width: 200px;
border-radius: 8px 1px 8px 8px;
background-color: white;
position: absolute;
top: 90%;
right: 52px;
box-shadow: 10px 8px 20px rgb(0 0 0 / 10%);
list-style: none;
padding: 16px 0;
margin: 0;
opacity: 0;
visibility: hidden;
transition: 250ms ease;
}
.drop-picture-profile.active{
opacity: 1;
visibility: visible;
}
.drop-picture-profile li div{
display: block;
padding: 16px 24px;
cursor: pointer;
}
.drop-picture-profile li div:hover{
background-color: #f2f2f2;
}
.colecao-confraria .cabecalho h1.logo::after{
content: "Confraria";
font-family: manus;
}
.ativar-cashback-membros{
display: flex;
width: 100%;
align-items: center;
}
.ativar-cashback-membros h5{
font-size: 14px;
font-weight: 500;
color: #555555;
}
.text-cashback-switch{
width: 80%;
}
.switch-main{
width: 20%;
display: flex;
align-items: center;
justify-content: center;
}
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
margin-top: 0px !important;
}
/* Hide default HTML checkbox */
.switch input {
opacity: 0;
width: 0;
height: 0;
}
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
.input-slider:checked + .slider {
background-color: #45AF22;
}
.input-slider:focus + .slider {
box-shadow: 0 0 1px #45AF22;
}
.input-slider:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.drop-cabecalho-geral{
width: 150px;
border-radius: 1px;
background-color: white;
position: absolute;
top: 30px;
right: 0;
box-shadow: 10px 8px 20px rgb(0 0 0 / 10%);
list-style: none;
/* padding: 16px 0; */
margin: 0;
opacity: 0;
visibility: hidden;
transition: 250ms ease;
margin-right: -25px !important;
}
.drop-cabecalho-geral li a{
display: block;
padding: 16px 0px;
}
.drop-cabecalho-geral li:hover{
background-color: #f2f2f2;
}
.header-right-geral:hover .drop-cabecalho-geral{
opacity: 1;
visibility: visible;
}
.header-right-geral{
text-align: right;
font-weight: bold;
color: white;
float: right;
}
.drop-cabecalho-geral li{
text-align: left !important;
width: 100% !important;
/* border-bottom: 1px solid rgba(25,25,25,0.1); */
display: flex;
cursor: pointer;
padding: 8px 0px;
}
/*
.drop-cabecalho-geral li:last-child{
border-bottom: none !important;
}
*/
.drop-cabecalho-geral li a{
color: #434242 !important;
}
.drop-cabecalho-geral li img{
width: 26px;
height: 26px;
margin: 12px 10px;
}
.drop-cabecalho-geral hr{
width: 85%;
margin: 0 auto;
border-color: rgba(25,25,25,0.1);
}
.btn-excluir-confraria{
background-color: #e23232;
border: 1px solid transparent;
border-radius: 12px;
margin-top: 3px;
margin-left: 5px;
font-size: 12px;
color: white;
font-weight: bold;
cursor: pointer;
height: 36px;
width: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.action-excluir-conf{
background-color: #e23232;
border: 1px solid transparent;
padding: 8px;
border-radius: 5px;
margin-top: 12px;
font-size: 12px;
color: white;
font-weight: bold;
cursor: pointer;
}
.modal-excluir-confraria{
width: 500px;
padding: 32px;
position: fixed;
margin: auto;
top: 5%;
left: 0;
right: 0;
z-index: 999999;
box-shadow: 0px 24px 60px rgba(0, 0, 0, 0.07);
background-color: white;
height: auto;
border-radius: 8px;
opacity: 0;
visibility: hidden;
transition: 250ms ease;
}
.modal-confraria-overlay{
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
z-index: 99999;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
visibility: hidden;
transition: 250ms ease;
}
.modal-excluir-confraria.active,
.modal-confraria-overlay.active{
opacity: 1;
visibility: visible;
}
.modal-excluir-confraria .close-modal{
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
}
.modal-excluir-confraria h3{
font-weight: bold;
margin-bottom: 24px;
}
.action-modal-excluir-conf{
text-align: left;
margin-top: 15px;
}
.excluir-conf-input{
margin-top: 5px;
border-radius: 5px;
border: 1px solid rgba(25,25,25,0.4);
padding: 8px;
}
.action-excluir-conf:disabled{
background: #b6b3b3;
}
.baixar-faq{
display: flex;
align-items: end;
justify-content: end;
}
.baixar-faq a{
font-weight: bold;
}
.box-conf-msg{
display: flex;
background: #fff;
width: 100%;
margin: 0 auto;
border-radius: 10px;
margin-top: 15px;
padding: 22px 0px;
height: 50px;
}
.box-conf-msg-icon{
width: 10%;
justify-content: center;
align-items: center;
display: flex;
/* border-right: 2px solid #E0583F; */
}
.box-conf-msg-text{
width: 90%;
padding-left: 22px;
display: flex;
align-items: center;
/* justify-content: center; */
}
.box-conf-msg-text h4{
font-size: 16px;
font-weight: #999;
color: #3d3d3d;
}
.box-conf-msg-text span{
color: #3d3d3d;
}
.lista-convites{
display: flex;
flex-direction: column;
align-items: flex-start;
}
.convite-item{
height: 45px;
background-color: white;
border-radius: 200px;
border: 1px solid #EBEBEB;
padding: 8px;
display: flex;
align-items: center;
padding-right: 32px;
}
.convite-item .conv-text{
margin-left: 16px;
}
.convite-item .conv-text strong{
margin-bottom: 4px;
font-size: 16px;
font-weight: 500;
color: #333;
line-height: 1.4em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
max-width: 280px;
}
.convite-item img.convite-item-image{
width: 50px;
height: 50px;
border-radius: 50%;
border: 2px solid white;
}
.convite-item .conv-text span img{
margin-right: 4px;
}
.convite-item .conv-text span{
display: flex;
align-items: center;
font-size: 14px;
font-weight: 500;
line-height: 1.4em;
}
.convite-item .conv-text span.confirmado{
color: #45AF22;
}
.convite-item .conv-text span.enviado{
color: #E0583F;
}
.convite-item:not(:last-child){
margin-bottom: 16px;
}
.indicacoes-virada-titulo{
display: flex;
align-items: center;
}
.btn-indicar{
padding: 12px 22px;
border-radius: 3px;
text-transform: uppercase;
background: #45AF22;
color: white;
cursor: pointer;
border: 2px solid transparent;
font-weight: bold;
margin-right: 12px;
font-size: 15px;
transition: 350ms ease;
position: relative;
top: 0;
}
.btn-indicar:hover{
top: -5px;
}
.modal-indicacao{
width: 1000px;
padding: 32px;
position: fixed;
margin: auto;
top: 5%;
left: 0;
right: 0;
z-index: 800;
box-shadow: 0px 24px 60px rgba(0, 0, 0, 0.07);
background-color: white;
height: auto;
border-radius: 8px;
opacity: 0;
visibility: hidden;
transition: 250ms ease;
}
.modal-indicacao-overlay{
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
z-index: 700;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
visibility: hidden;
transition: 250ms ease;
}
.modal-indicacao.active,
.modal-indicacao-overlay.active{
opacity: 1;
visibility: visible;
}
.modal-indicacao.membro-modal{
width: 430px;
border-top: 7px solid #e0583f;
padding: 36px 32px;
top: 15%;
}
.modal-indicacao.membro-modal h3{
color: #e0583f;
font-size: 20px;
font-weight: 600;
line-height: 1.2em;
margin-bottom: 22px;
}
.modal-indicacao.membro-modal h4{
font-size: 14px;
color: #666666;
text-transform: uppercase;
font-weight: 600;
line-height: 1.5em;
margin-bottom: 12px;
}
.modal-indicacao.membro-modal .btn-conf{
width: 100%;
margin-top: 12px;
}
.modal-indicacao.membro-modal form{
margin-bottom: 32px;
}
.modal-indicacao .close-modal{
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
}
.input-modal-indicacao input{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 12px;
border: 1px solid #999;
border-radius: 2px;
outline: 0;
}
.input-modal-indicacao label{
font-weight: 500;
padding-bottom: 5px;
}
.regulamento-virada{
text-align: center;
padding: 50px 0px;
}
.regulamento-virada h2{
font-weight: bold;
}
.regulamento-virada-box{
border: 2px solid #9999;
width: 700px;
margin: 0 auto;
margin-top: 40px;
padding: 12px;
overflow-x: hidden;
overflow-y: scroll;
height: 350px;
border-radius: 6px;
background: #fff;
}
.regulamento-virada-box h5{
font-size: 15px;
}
.paragrafos-regulamento{
text-align: left;
}
.paragrafos-regulamento{
padding-top: 25px;
}
.paragrafos-regulamento p{
padding-bottom: 18px;
}
.paragrafos-regulamento table{
width: 100%;
}
.paragrafos-regulamento tr th{
background: #9999;
box-sizing: border-box;
padding: 6px;
border-radius: 4px;
text-align: center;
}
.paragrafos-regulamento tr td{
vertical-align: top;
text-align: center;
background: #fbf9f9;
}
.aceitar-regulamento{
display: flex;
width: 700px;
margin: 0 auto;
}
.aceitar-regulamento label{
font-size: 15px;
cursor: pointer;
}
.aceitar-regulamento .check-main{
display: flex;
align-items: center;
justify-content: center;
margin-top: 16px;
margin-left: 10px;
}
.action-regulamento{
width: 700px;
margin: 0 auto;
text-align: left;
margin-top: 16px;
}
.regulamento-download{
text-align: left;
width: 700px;
margin: auto;
font-weight: 500;
color: #404040;
}
.regulamento-participar-texto{
text-align: left;
width: 700px;
margin: auto;
margin-top: 15px;
}
.box-revogar{
padding: 12px !important;
}
.btn-revogar, .action-cancelar-participacao{
background: #bc3b47;
}
.btn-revogar:hover, .action-cancelar-participacao:hover{
background: #bc3b47;
}
.modal-revogar-participacao{
width: 500px;
padding: 32px;
position: fixed;
margin: auto;
top: 5%;
left: 0;
right: 0;
z-index: 999999;
box-shadow: 0px 24px 60px rgba(0, 0, 0, 0.07);
background-color: white;
height: auto;
border-radius: 8px;
opacity: 0;
visibility: hidden;
transition: 250ms ease;
}
.modal-revogar-overlay{
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
z-index: 99999;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
visibility: hidden;
transition: 250ms ease;
}
.modal-revogar-participacao.active,
.modal-revogar-overlay.active{
opacity: 1;
visibility: visible;
}
.modal-revogar-participacao .close-modal{
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
}
.modal-revogar-participacao h3{
font-weight: bold;
margin-bottom: 24px;
}
.msg-logado-regulamento{
padding: 12px;
text-align: center;
font-weight: bold;
padding-top: 20px !important;
color: #4a4a4a;
}
.msg-logado-regulamento strong{
color: #E0583F;
}
.msg-logado-regulamento{
font-size: 20px;
}
.codigo-indicacao-personalizado{
display: flex;
padding: 10px 0px;
padding-left: 44px;
padding-bottom: 30px;
}
.codigo-indicacao-personalizado input{
height: 35px;
border: 1px solid rgba(25,25,25,0.2);
outline: 0;
appearance: none;
padding: 0px;
padding-left: 12px;
border-radius: 4px 0px 0px 4px;
}
.btn-indicacao-personalizado, .btn-convite-personalizado{
height: 35px;
border: 1px solid rgba(25,25,25,0.2);
height: 37px;
font-weight: bold;
padding: 0px 12px;
border-radius: 0px 4px 4px 0px;
font-family: 'Montserrat',sans-serif;
font-size: 13px;
background: #e0583f;
color: white;
cursor: pointer;
}
.codigo-indicacao-texto{
display: flex;
align-items: center;
padding-right: 10px;
}
.personalizar-codigo{
margin-top: 15px;
}
.modal-codigo{
width: 500px;
padding: 32px;
position: fixed;
margin: auto;
top: 5%;
left: 0;
right: 0;
z-index: 999999;
box-shadow: 0px 24px 60px rgba(0, 0, 0, 0.07);
background-color: white;
height: auto;
border-radius: 8px;
opacity: 0;
visibility: hidden;
transition: 250ms ease;
}
.modal-codigo-overlay{
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
z-index: 99999;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
visibility: hidden;
transition: 250ms ease;
}
.modal-codigo.active,
.modal-codigo-overlay.active{
opacity: 1;
visibility: visible;
}
.modal-codigo .close-modal{
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
}
.modal-codigo h3{
font-weight: bold;
margin-bottom: 24px;
}
.cod-personalizado-modal{
height: 35px;
border: 1px solid rgba(25,25,25,0.2);
outline: 0;
appearance: none;
padding: 0px 12px;
border-radius: 4px;
margin: 16px 0px;
}
.codigo-indicacao-texto-amigo{
font-size: 16px;
}
.indicacao-amigo{
padding-left: 44px;
padding-bottom: 30px;
}
.nenhum-cupom{
padding: 0px 0px 30px 44px;
}
.btn-ver-ficha-tecnica{
background: transparent;
border: 1px solid #DFDFDF;
font-size: 13px;
color: #8E8E8E;
padding: 8px;
font-weight: bold;
cursor: pointer;
}
.box-regulamento-adega-virada{
margin-bottom: 20px;
padding: 40px 60px
}
.box-regulamento-adega-virada h5{
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
color: #444444;
letter-spacing: .5px;
}
.box-regulamento-adega-virada span{
font-size: 16px;
}
.box-regulamento-adega-virada a{
color: #e0583f;
font-size: 16px;
font-weight: bold;
}
.btn-indicar-regulamento{
font-weight: bold;
background: #E0583F;
color: white;
padding: 12px;
border-radius: 2px;
text-transform: uppercase;
border: 2px solid transparent;
}
.btn-indicar-regulamento:hover{
border: 2px solid #E0583F;
background-color: transparent;
color: #E0583F;
-webkit-transition: background-color 150ms linear;
-ms-transition: background-color 150ms linear;
transition: background-color 150ms linear;
}
.personalizar-codigo-cupons{
padding: 20px 0px 30px 44px;
}
.virada-info-overlay{
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.7);
position: fixed;
margin: auto;
z-index: 998;
transition: 200ms ease;
visibility: hidden;
opacity: 0;
}
.modal-info-virada{
position: fixed;
z-index: 999;
width: 712px;
height: 421px;
background-color: white;
border-radius: 8px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
visibility: hidden;
opacity: 0;
}
.modal-virada-info-opened .modal-info-virada{
visibility: visible;
opacity: 1;
}
.modal-virada-info-opened .virada-info-overlay{
visibility: visible;
opacity: 1;
}
.close-mod-vir-info{
cursor: pointer;
position: absolute;
top: 25px;
right: 29px;
}
.modal-padrao-overlay{
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.7);
position: fixed;
margin: auto;
z-index: 998;
transition: 200ms ease;
visibility: hidden;
opacity: 0;
}
.modal-padrao{
position: fixed;
z-index: 999;
width: 712px;
height: 550px;
background-color: white;
border-radius: 8px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
visibility: hidden;
opacity: 0;
}
.modal-padrao-opened .modal-padrao{
visibility: visible;
opacity: 1;
}
.modal-padrao-opened .modal-padrao-overlay{
visibility: visible;
opacity: 1;
}
.modal-padrao-content{
margin-top: 60px;
}
.close-mod-padrao{
cursor: pointer;
position: absolute;
top: 25px;
right: 29px;
}
.regulamento-modal{
padding: 0px !important;
}
.regulamento-birada-box-modal{
margin-top: 20px !important;
width: 90% !important;
height: 260px !important;
}
.aceitar-regulamento-modal{
align-items: center;
justify-content: center;
}
.action-regulamento-modal{
display: flex;
align-items: center;
justify-content: center;
}
.mensagem-erro-regulamento{
display: none;
margin-top: 5px;
margin-bottom: 5px;
}
.mensagem-erro-regulamento span{
color: #ec2323;
font-weight: bold;
}
.ver-regulamento-modal{
font-weight: bold;
background: #E0583F;
color: white;
padding: 12px;
border-radius: 2px;
text-transform: uppercase;
border: 2px solid transparent;
cursor: pointer;
}
.box-checkout-virada strong{
color: #E0583F;
}
.msg-logado-regulamento{
border: 1px solid #999;
border-radius: 6px;
box-shadow: 1px 2px 10px #999;
background: white;
padding: 20px;
width: 600px;
margin: 0 auto;
margin-top: 20px !important;
}
.login-link-regulamento{
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-top: 20px;
}
.btn-link-adega-regulamento{
padding: 0px 12px;
height: 40px;
background-color: #E0583F;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: white;
text-decoration: none;
transition: 250ms ease;
border: 2px solid transparent;
}
.btn-link-adega-regulamento:hover{
border: 2px solid #E0583F;
color: #E0583F;
background: transparent;
}
.virada-frase-landing{
width: 550px;
}
.input-meus-vinhos{
margin-top: 0px !important;
height: 40px !important;
width: 50% !important;
}
.input-observacoes-meus-vinhos{
height: 40px !important;
}
.cartoes-list{
padding: 10px 0px;
}
.quem-indicou{
width: 100%;
height: 520px;
display: flex;
align-items: end;
}
.box-quem-indicou-1{
width: 40%;
}
.box-quem-indicou-2{
width: 60%;
}
.box-inside{
height: 400px;
}
.oferta-equipe{
display: flex;
gap: 40px;
}
.vinho-oferta-equipe img{
width: 120px;
max-height: 480px;
}
.titulo-vinho-oferta-equipe{
margin: 25px 0px;
}
.titulo-vinho-oferta-equipe h5{
font-size: 20px;
padding-bottom: 0px;
font-weight: 400;
}
.titulo-vinho-oferta-equipe span{
font-size: 28px;
font-weight: bold;
}
.preco-vinho-oferta-equipe h5{
font-size: 20px;
padding-bottom: 0px;
font-weight: 400;
text-decoration: line-through;
}
.preco-vinho-oferta-equipe span{
font-size: 34px;
font-weight: bold;
}
.economia-oferta-equipe{
background-color: #E0583F;
color: white;
padding: 8px 14px;
border-radius: 4px;
width: fit-content;
margin-top: 10px;
font-family: "Montserrat";
font-weight: 500;
}
.economia-oferta-equipe span{
font-weight: bold;
}
.comprar-oferta-equipe{
margin-top: 25px;
}
.comprar-oferta-equipe .quantidade_oferta{
width: 60px;
text-align: left;
color: black;
border: 1px solid black;
border-radius: 3px;
height: 42px;
font-size: 18px;
font-weight: bold;
box-sizing: border-box;
padding-left: 9px;
font-family: 'Montserrat',sans-serif;
background-color: white;
}
.texto-vinho-oferta-equipe p{
width: 300px;
}
.texto-vinho-oferta-equipe{
margin-top: 20px;
}
.icones-oferta-equipe{
display: flex;
gap: 22px;
margin: 20px 0px;
}
.icone-oferta-equipe img{
width: 30px;
height: 30px;
}
.icone-oferta-equipe{
text-align: center;
}
.texto-icone-oferta-equipe{
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
padding-top: 5px;
}
.colaborador-circulo{
width: 120px;
height: 120px;
/* border: 1px solid black; */
border-radius: 9999px;
position: relative;
}
.content-colaborador {
position: relative;
max-width: 400px;
margin: auto;
overflow: hidden;
width: 100%;
height: 100%;
}
.content-colaborador .content-overlay {
background: rgba(0,0,0,0.7);
position: absolute;
height: 99%;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
border-radius: 9999px;
z-index: 2;
}
.content-colaborador:hover .content-overlay{
opacity: 1;
}
.content-details {
position: absolute;
text-align: center;
padding-left: 1em;
padding-right: 1em;
width: 100%;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
z-index: 3;
}
.content-colaborador:hover .content-details{
top: 50%;
left: 50%;
opacity: 1;
}
.content-details h3{
color: #fff;
font-weight: 500;
letter-spacing: 0.15em;
margin-bottom: 0.5em;
cursor: default;
font-family: 'manus';
font-size: 24px;
}
.content-details p{
color: #fff;
font-size: 0.8em;
}
.fadeIn-bottom{
top: 80%;
}
.fadeIn-top{
top: 20%;
}
.fadeIn-left{
left: 20%;
}
.fadeIn-right{
left: 80%;
}
.mostrar-mais-colaboradores{
text-align: center;
cursor: pointer;
}
.nossa-equipe{
margin: 80px 0px;
}
.nossa-equipe-flex{
display: flex;
justify-content: center;
margin: 70px 0px 70px 0px;
gap: 60px;
}
.box-nossa-equipe{
/* width: 50%; */
}
.box-nossa-equipe img{
width: 401px;
height: 252px;
}
.box-nossa-equipe p{
width: 80%;
margin-top: 20px;
}
.nossa-equipe h2{
text-align: center;
margin: 30px 0px;
font-weight: bold;
font-size: 26px;
}
.nossa-equipe h2 span{
color: #E0583F;
}
.blur-colaboradores{
width: 100%;
height: 100px;
position: absolute;
bottom: -40px;
filter: blur(20px);
background: #fff;
opacity: 0.9;
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
-o-filter: blur(20px);
-ms-filter: blur(20px);
}
.colaboradores-lista{
height: 300px;
width: 100%;
background: #fff;
}
.box-quem-indicou-1 img{
height: 520px;
width: 100%;
object-fit: cover;
margin-top: -120px;
}
.box-quem-indicou-2 h2{
margin: 30px 0px;
font-weight: bold;
font-size: 26px;
}
.box-quem-indicou-2 h2 span{
color: #E0583F;
}
.box-quem-indicou-2 .box-inside{
padding: 0px 60px;
}
.conteudo-frase{
display: flex;
margin-top: 30px;
}
.frase-colaborador{
padding-left: 30px;
}
.frase-colaborador .frase{
font-weight: normal !important;
font-size: 24px;
font-style: italic;
}
.assinatura-nome{
margin-top: 20px;
}
.assinatura-nome span{
font-family: 'manus';
color: #E0583F;
font-size: 26px;
}
.aspa-img{
height: 120px;
display: flex;
}
.aspa-left{
align-items: start;
margin-top: -20px;
}
.aspa-right{
align-items: end;
}
.aspa-img img{
width: 51px;
height: 51px;
}
.divider-equipe{
height: 2px;
width: 100%;
background: #E0583F;
margin: 70px 0px;
}
.colaboradores-list{
display: flex;
align-items: center;
justify-content: start;
flex-wrap: wrap;
height: 410px;
overflow-y: hidden;
position: relative;
}
.item-colaborador{
width: 246px;
height: 200px;
margin-bottom: 12px;
}
.container-circle{
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
.circle-colaborador{
width: 181px;
height: 181px;
border-radius: 9999px;
}
.content-image{
width: 100%;
height: 100%;
}
.main-image-flecha{
text-align: center;
position: relative;
width: 100%;
}
.mostrar-tudo-flecha{
position: absolute;
z-index: 9;
cursor: pointer;
}
.mostrar-tudo-flecha.active{
rotate: 180deg;
}
.main-oferta-equipe{
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
gap: 40px;
padding: 15px 0px;
}
.box-quem-indicou-1 .box-inside{
background: #ebebeb;
box-shadow: 0 6px 8px -2px rgb(0 0 0 / 15%)
}
.box-quem-indicou-2 .box-inside{
box-shadow: 4px 6px 6px 0px rgb(0 0 0 / 15%);
}
.nossa-equipe-box-1{
width: 40%;
}
.nossa-equipe-box-2{
width: 60%;
}
.selo-valor-cupom{
background: #E0583F;
width: 120px;
height: 120px;
border-radius: 9999px;
margin-right: 50px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.valor-cupom-selo{
font-size: 30px;
font-weight: bold;
color: #302E71;
}
/** Vantagens **/
.vantagens{
position: absolute;
top: 0;
width: 100%;
background-color: #45AF22;
color: white;
margin: 0;
}
.vantagens .slider{
margin: 0;
width: 100%;
}
.vantagens .slider .slide{
width: 100%;
background: #000;
}
.vantagens .close-vantagens{
content: "";
display: block;
width: 45px;
height: 45px;
position: absolute;
top: 0px;
right: 10px;
background-color: #45AF22;
background-image: url(../img/site/close-vantagens.png);
background-repeat: no-repeat;
background-position: center;
z-index: 99;
cursor: pointer;
}
.vantagens *{
font-family: "Montserrat";
}
body.vantagens-ativo{
padding-top: 45px;
}
body.vantagens-ativo .cabecalho:not(.active){
top: 45px !important;
/*top: 120px !important;*/
}
body.vantagens-ativo.aberto{
padding-top: 148px;
}
body.vantagens-ativo.aberto .cabecalho:not(.active){
top: 148px !important;
}
body.vantagens-ativo.aberto .title img{
transform: rotate(180deg);
}
.vantagens .title{
height: 45px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 9;
}
.vantagens .title img{
width: 11.5px;
height: auto;
margin-left: 11px;
}
.vantagens .title span{
font-size: 13px;
font-weight: 600;
color: white;
text-transform: uppercase;
}
.vantagens .cont{
display: none;
height: 103px;
align-items: center;
justify-content: center;
padding-bottom: 13px;
box-sizing: border-box;
}
.vantagens .cont p{
padding: 0 25px;
font-size: 14px;
color: white;
margin: 0;
text-align: center;
box-sizing: border-box;
padding-bottom: 17px;
}
.vantagens .cont.open{
display: flex;
}
.vantagens .owl-dots{
position: absolute;
left: 0;
right: 0;
bottom: 11px;
align-items: center;
justify-content: center;
}
body.vantagens-ativo.aberto .vantagens .owl-dots{
display: flex;
}
.vantagens .owl-theme .owl-dots .owl-dot{
outline: none;
}
.vantagens .owl-theme .owl-dots .owl-dot span{
width: 5px;
height: 5px;
margin: 0 3px;
background: white;
opacity: .5;
}
.vantagens .owl-theme .owl-dots .owl-dot.active span,
.vantagens .owl-theme .owl-dots .owl-dot:hover span{
border: 1px solid #fff;
background: white;
opacity: 1;
}
.btn-copiar-codigo{
width: 245px;
height: 40px;
background-color: #E0583F !important;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: white;
text-decoration: none;
transition: 250ms ease;
border: none;
font-size: 13px;
padding: 10px 0px;
cursor: pointer;
font-family: "Montserrat" !important;
}
.cont-indicacao{
flex-direction: column;
}
.texto-indicacao-login{
color: #E0583F !important;
}
.btn-preview-black{
width: 290px;
height: 40px;
background-color: #E0583F;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
color: white;
text-decoration: none;
transition: 250ms ease;
}
.title-detalhes-aula{
margin-top: 50px;
color: #333333;
font-weight: bold;
letter-spacing: -2px;
margin-bottom: 20px;
font-size: 22px;
}
.tabela-oferta-master-class{
background: #d4d4d4;
border-radius: 8px;
padding: 12px;
width: 100%;
border-collapse: collapse;
}
.tabela-oferta-master-class tr th{
text-align: left;
font-size: 15px;
padding: 12px;
color: #e0583f
}
.tabela-oferta-master-class tr td{
padding: 12px;
}
.tabela-oferta-master-class tr {
border-bottom: 1px solid #999;
}
.tabela-oferta-master-class tr:last-child {
border: 0;
}
.btn-master-class{
border-radius: 2px;
color: white;
background: #E0583F;
font-size: 12px;
height: 40px;
width: fit-content;
padding: 0 12px;
border: 2px solid #E0583F;
cursor: pointer;
font-weight: 600;
font-family: "Montserrat";
display: flex;
align-items: center;
justify-content: center;
}
.btn-master-class:hover{
background-color: #BF4933;
border-color: #BF4933;
}
.btn-master-class-blocked{
cursor: not-allowed;
border-radius: 2px;
color: white;
background: #E0583F;
font-size: 12px;
height: 30px;
padding: 0 12px;
border: 2px solid #E0583F;
margin-left: 10px;
font-weight: 600;
font-family: "Montserrat";
filter: opacity(0.6);
}
.content-endereco-vinhos{
width: 100%;
padding-bottom: 30px;
padding-top: 10px;
border-bottom: 1px solid rgba(25, 25, 25, 0.1);
}
.alerta-info-msg{
border:1px solid #f55858;
background: #f5d4d4;
padding: 10px;
border-radius: 4px;
}
.alerta-info-msg h4{
color: #494949;
}
.informar-cep-content{
/*margin-top: 20px;*/
}
.informar-cep-content .endereco-calculado{
margin-bottom: 20px;
}
.adicionar-endereco{
border-bottom: 1px solid rgba(25, 25, 25, 0.2);
padding-bottom: 25px;
}
.item-salvar-endereco{
margin-top: 20px;
display: flex;
align-items: end;
justify-content: end;
}
.endereco-item-lista{
border-bottom: 1px solid rgba(25,25,25,0.2);
padding-bottom: 12px;
}
.item-document-upload{
border: 1px solid #bdbdbd;
border-radius: 4px;
padding: 10px;
display: flex;
gap: 10px;
justify-content: space-between;
margin-top: 10px;
}
.box-documento-item-upload{
display: flex;
gap: 10px;
}
.list-documents-upload{
margin-top: 10px;
}
.item-document-upload h5{
font-size: 13px;
color: #545454;
}
.icon-check-upload{
color: #2ee389 !important;
}
.btn-remover-documento{
background: transparent;
border: none;
cursor: pointer;
}
.btn-remover-documento:hover{
color: #d73434;
}
.docs_recusados{
border: 1px solid #e95151;
padding: 12px;
border-radius: 4px;
margin-bottom: 20px;
}
.docs_recusados h5{
font-size: 14px;
color: #e95151
}
.docs_recusados ul{
margin: 12px;
}
.docs_recusados ul li{
color: #323232;
}