@charset "utf-8";
html {scroll-behavior: smooth;}
body.preview-verao {background: #fff; margin: auto; overflow-x: hidden;}
.preview-verao-container img {border: 0;}
.preview-verao-container .cut1 :nth-child(2n){margin-right: 0!important;}
.preview-verao-container .show-hidde {display: block;}
.preview-verao-container .banner-web {width: 100%; height: auto; float: left; display: block; overflow: hidden;}
.preview-verao-container .banner-mobile {width: 100%; height: auto; float: left; display: none; overflow: hidden;}
.preview-verao-container .texto-apresentacao {width: 100%; height: auto; float: left; padding: 20px 0; margin: 50px 0; background: #d8e3ba;}
.preview-verao-container .texto-apresentacao-titulo {width: 100%; float: left; color: #000; font: 58px 'Montserrat'; font-weight: 900; text-align: center;}
.preview-verao-container .texto-apresentacao-desc {width: 100%; float: left; color: #000; font: 35px 'Montserrat'; font-weight: 400; text-align: center;}
.preview-verao-container .texto-apresentacao-mobile {width: 100%; float: left; color: #000; font: 18px 'Montserrat'; display: none; font-weight: 400; text-align: center;}
.preview-verao-container .free-spirit {width: 100%; float: left;}
.preview-verao-container .free-spirit-img {width: 100%; height: auto; float: left; overflow: hidden;}
.preview-verao-container .free-spirit-titulo {width: 100%; float: left; color: #000; font: 80px 'Montserrat'; line-height: 75px; margin-top: 45%; font-weight: 700;}
.preview-verao-container .free-spirit-titulo-mobilex {width: 100%; float: left; color: #000; font: 80px 'Montserrat'; line-height: 75px; margin-top: 45%; font-weight: 700; display: none;}
.preview-verao-container .free-spirit-desc {width: 615px; float: left; color: #000; font: 34px 'Montserrat'; line-height: 35px; margin-top: 20px; font-weight: 400;}
.preview-verao-container .free-spirit-desc-mobilex {width: 100%; float: left; display: none;}
.preview-verao-container .free-spirit-slider {width: 100%; float: left; margin: 50px 0; }
.preview-verao-container .free-spirit-background {width: 100%; float: left; padding: 20px; background-image: linear-gradient(to bottom, #dfc89b 0, #dfc89b 50%, #fff 0%);}
.preview-verao-container .free-spirit-slider-center {max-width: 1290px; width: 95%; float: none; margin: 0 auto;}
.preview-verao-container .free-spirit-slider-titulo {width: 90%; float: left; color: #fff; font: 30px 'Montserrat'; line-height: 40px; margin-left: 5px; margin-bottom: 20px; font-weight: 700;}
.preview-verao-container .free-spirit-vitrine {width: 100%; height: auto; padding: 0; margin: 0; float: left;}
.preview-verao-container .splash-colors-titulo {width: 100%; float: left; color: #000; font: 80px 'Montserrat'; line-height: 75px; margin-top: 45%; font-weight: 700; text-align: right;}
.preview-verao-container .splash-colors-desc {width: 615px; float: right; color: #000; font: 34px 'Montserrat'; line-height: 35px; margin-top: 20px; font-weight: 400; text-align: right;}
.preview-verao-container .splash-colors-background {width: 100%; float: left; padding: 20px; background-image: linear-gradient(to bottom, #d6dfb6 0, #d6dfb6 50%, #fff 0%);}
.preview-verao-container .splash-colors-slider {width: 100%; float: left; margin: 50px 0;}
.preview-verao-container .poesia-do-campo-slider {width: 100%; float: left; margin: 50px 0;}
.preview-verao-container .poesia-do-campo-background {width: 100%; float: left; padding: 20px; background-image: linear-gradient(to bottom, #e3c3c1 0, #e3c3c1 50%, #fff 0%);}
.preview-verao-container .tamanco-titulo {float: right; color: #000; font: 29px 'Montserrat'; line-height: 29px; margin-top: 45%; font-weight: 400; padding: 10px; text-align: right; background: #d8e3ba;}
.preview-verao-container .tamanco-subtitulo {width: 100%; float: left; color: #000; font: 80px 'Montserrat'; line-height: 75px; font-weight: 700; text-align: right;}
.preview-verao-container .tamanco-slider {width: 100%; float: left; margin: 50px 0;}
.preview-verao-container .tamanco-background {width: 100%; float: left; padding: 20px; background-image: linear-gradient(to bottom, #c7d3a5 0, #c7d3a5 50%, #fff 0%);}
@media screen and (max-width: 1600px){
/*! TEXTO APRESENTAÇÃO */
.preview-verao-container .texto-apresentacao-titulo {width: 100%; float: left; color: #000; font: 55px 'Montserrat'; font-weight: 900; text-align: center;}
.preview-verao-container .texto-apresentacao-desc {width: 100%; float: left; color: #000; font: 30px 'Montserrat'; font-weight: 400; text-align: center;}
}
@media screen and (max-width: 1400px){
/*! TEXTO APRESENTAÇÃO */
.preview-verao-container .texto-apresentacao-titulo {width: 100%; float: left; color: #000; font: 50px 'Montserrat'; font-weight: 900; text-align: center;}
.preview-verao-container .texto-apresentacao-desc {width: 100%; float: left; color: #000; font: 25px 'Montserrat'; font-weight: 400; text-align: center;}
/*! FREE SPIRIT */
.preview-verao-container .free-spirit-titulo {width: 100%; float: left; color: #000; font: 70px 'Montserrat'; line-height: 70px; margin-top: 30%; font-weight: 700;}
.preview-verao-container .free-spirit-desc {width: 550px; float: left; color: #000; font: 30px 'Montserrat'; line-height: 35px; margin-top: 15px; font-weight: 400;}
/*! SPLASH COLORS */
.preview-verao-container .splash-colors-titulo {width: 100%; float: left; color: #000; font: 70px 'Montserrat'; line-height: 70px; margin-top: 30%; font-weight: 700; text-align: right;}
.preview-verao-container .splash-colors-desc {width: 550px; float: right; color: #000; font: 30px 'Montserrat'; line-height: 35px; margin-top: 15px; font-weight: 400; text-align: right;}
/*! TAMANCO */
.preview-verao-container .tamanco-titulo {float: right; color: #000; font: 29px 'Montserrat'; line-height: 25px; margin-top: 30%; font-weight: 400; padding: 10px; text-align: right; background: #d8e3ba;}
.preview-verao-container .tamanco-subtitulo {width: 100%; float: left; color: #000; font: 70px 'Montserrat'; line-height: 70px; font-weight: 700; text-align: right;}
}
@media screen and (max-width: 1200px){
/*! TEXTO APRESENTAÇÃO */
.preview-verao-container .texto-apresentacao-titulo {width: 100%; float: left; color: #000; font: 40px 'Montserrat'; font-weight: 900; text-align: center;}
.preview-verao-container .texto-apresentacao-desc {width: 100%; float: left; color: #000; font: 20px 'Montserrat'; font-weight: 400; text-align: center;}
/*! FREE SPIRIT */
.preview-verao-container .free-spirit-titulo {width: 100%; float: left; color: #000; font: 50px 'Montserrat'; line-height: 50px; margin-top: 30%; font-weight: 700;}
.preview-verao-container .free-spirit-desc {width: 420px; float: left; color: #000; font: 20px 'Montserrat'; line-height: 25px; margin-top: 15px; font-weight: 400;}
/*! SPLASH COLORS */
.preview-verao-container .splash-colors-titulo {width: 100%; float: left; color: #000; font: 50px 'Montserrat'; line-height: 50px; margin-top: 30%; font-weight: 700; text-align: right;}
.preview-verao-container .splash-colors-desc {width: 420px; float: right; color: #000; font: 20px 'Montserrat'; line-height: 25px; margin-top: 15px; font-weight: 400; text-align: right;}
/*! TAMANCO */
.preview-verao-container .tamanco-titulo {float: right; color: #000; font: 20px 'Montserrat'; margin-top: 30%; font-weight: 400; padding: 7px; text-align: right; background: #d8e3ba;}
.preview-verao-container .tamanco-subtitulo {width: 100%; float: left; color: #000; font: 50px 'Montserrat'; line-height: 50px; font-weight: 700; text-align: right;}
}
@media screen and (max-width: 960px){
/*! TEXTO APRESENTAÇÃO */
.preview-verao-container .texto-apresentacao-titulo {width: 100%; float: left; color: #000; font: 35px 'Montserrat'; font-weight: 800; text-align: center;}
.preview-verao-container .texto-apresentacao-desc {width: 100%; float: left; color: #000; font: 18px 'Montserrat'; font-weight: 400; text-align: center;}
/*! FREE SPIRIT */
.preview-verao-container .free-spirit-titulo {width: 100%; float: left; color: #000; font: 40px 'Montserrat'; line-height: 40px; margin-top: 30%; font-weight: 700;}
.preview-verao-container .free-spirit-desc {width: 330px; float: left; color: #000; font: 18px 'Montserrat'; line-height: 20px; margin-top: 15px; font-weight: 400;}
.preview-verao-container .free-spirit-slider-titulo {width: 100%; float: left; color: #fff; font: 35px 'Montserrat'; line-height: 35px; margin-left: 0; margin-bottom: 20px; font-weight: 700; text-align: center;}
/*! SPLASH COLORS */
.preview-verao-container .splash-colors-titulo {width: 100%; float: left; color: #000; font: 40px 'Montserrat'; line-height: 40px; margin-top: 30%; font-weight: 700; text-align: right;}
.preview-verao-container .splash-colors-desc {width: 330px; float: right; color: #000; font: 18px 'Montserrat'; line-height: 20px; margin-top: 15px; font-weight: 400; text-align: right;}
/*! TAMANCO */
.preview-verao-container .tamanco-titulo {float: right; color: #000; font: 15px 'Montserrat'; margin-top: 30%; font-weight: 400; padding: 7px; text-align: right; background: #d8e3ba;}
.preview-verao-container .tamanco-subtitulo {width: 100%; float: left; color: #000; font: 40px 'Montserrat'; line-height: 40px; font-weight: 700; text-align: right;}
}
@media screen and (max-width: 767px){
/*! BANNER WEB */
.preview-verao-container .banner-web {width: 100%; height: auto; float: left; display: none; overflow: hidden;}
/*! BANNER MOBILE */
.preview-verao-container .banner-mobile {width: 100%; height: auto; float: left; display: block; overflow: hidden;}
/*! TEXTO APRESENTAÇÃO */
.preview-verao-container .texto-apresentacao {width: 100%; height: auto; float: left; padding: 20px 0; margin: 30px 0; background: #d8e3ba;}
.preview-verao-container .texto-apresentacao-titulo {width: 100%; float: left; color: #000; font: 30px 'Montserrat'; font-weight: 800; margin-bottom: 20px; text-align: center;}
.preview-verao-container .texto-apresentacao-mobile {width: 85%; float: none; margin: 0 auto; color: #000; font: 18px 'Montserrat'; display: block; font-weight: 500; text-align: center;}
.preview-verao-container .texto-apresentacao-desc {display: none;}
/*! FREE SPIRIT */
.preview-verao-container .show-hidde {display: none;}
.preview-verao-container .free-spirit-desc-mobilex {width: 100%; float: left; display: block; margin-bottom: 30px;}
.preview-verao-container .free-spirit-titulo-mobilex {width: 100%; float: left; color: #000; font: 33px 'Montserrat'; line-height: 33px; margin-top: 10px; font-weight: 700; display: block;}
.preview-verao-container .free-spirit-desc {width: 380px; float: left; color: #000; font: 18px 'Montserrat'; line-height: 25px; margin-top: 15px; font-weight: 500;}
.preview-verao-container .free-spirit-slider-titulo {width: 90%; float: left; color: #fff; font: 25px 'Montserrat'; line-height: 35px; margin-left: 20px; margin-bottom: 20px; font-weight: 700; text-align: left;}
.preview-verao-container .free-spirit-slider {width: 100%; float: left; margin: 30px 0; background-image: linear-gradient(to bottom, #dfc89b 0, #dfc89b 50%, #fff 0%);}
.preview-verao-container .free-spirit-background {width: 100%; float: left; padding: 20px; background: none;}
/*! SPLASH COLORS */
.preview-verao-container .splash-colors-titulo {width: 100%; float: left; color: #000; font: 40px 'Montserrat'; line-height: 33px; display: none; margin-top: 5px; font-weight: 700; text-align: left;}
.preview-verao-container .splash-colors-desc {width: 380px; float: left; color: #000; font: 18px 'Montserrat'; line-height: 25px; margin-top: 5px; margin-bottom: 30px; font-weight: 500; text-align: left;}
.preview-verao-container .splash-colors-slider {width: 100%; float: left; margin: 30px 0; background-image: linear-gradient(to bottom, #d6dfb6 0, #d6dfb6 50%, #fff 0%);}
.preview-verao-container .splash-colors-background {width: 100%; float: left; padding: 20px; background: none;}
/*! POESIA DO CAMPO */
.preview-verao-container .poesia-do-campo-slider {width: 100%; float: left; margin: 30px 0; background-image: linear-gradient(to bottom, #e3c3c1 0, #e3c3c1 50%, #fff 0%);}
.preview-verao-container .poesia-do-campo-background {width: 100%; float: left; padding: 20px; background: none;}
/*! TAMANCO */
.preview-verao-container .tamanco-titulo {float: left; color: #000; font: 15px 'Montserrat'; margin-top: 1px; font-weight: 400; padding: 7px; text-align: right; background: #d8e3ba;}
.preview-verao-container .tamanco-subtitulo {width: 100%; float: left; color: #000; font: 40px 'Montserrat'; line-height: 33px; margin-top: 10px; font-weight: 700; text-align: left;}
.preview-verao-container .tamanco-slider {width: 100%; float: left; margin: 30px 0; background-image: linear-gradient(to bottom, #c7d3a5 0, #c7d3a5 50%, #fff 0%);}
.preview-verao-container .tamanco-background {width: 100%; float: left; padding: 20px; background-image: none;}
}
@media screen and (max-width: 640px){
/*! TEXTO APRESENTAÇÃO */
.preview-verao-container .texto-apresentacao-titulo {width: 100%; float: left; color: #000; font: 28px 'Montserrat'; font-weight: 800; margin-bottom: 20px; text-align: center;}
.preview-verao-container .texto-apresentacao-mobile {width: 95%; float: none; margin: 0 auto; color: #000; font: 14px 'Montserrat'; display: block; font-weight: 500; text-align: center;}
/*! FREE SPIRIT */
.preview-verao-container .free-spirit-slider-titulo {width: 90%; float: left; color: #fff; font: 20px 'Montserrat'; line-height: 25px; margin-left: 20px; margin-bottom: 20px; font-weight: 700; text-align: left;}
.preview-verao-container .free-spirit-titulo-mobilex {width: 100%; float: left; color: #000; font: 33px 'Montserrat'; line-height: 33px; margin-top: 10px; font-weight: 700; display: block;}
.preview-verao-container .free-spirit-desc {width: 360px; float: left; color: #000; font: 14px 'Montserrat'; line-height: 20px; margin-top: 15px; font-weight: 400;}
/*! SPLASH COLORS */
.preview-verao-container .splash-colors-titulo {width: 100%; float: left; color: #000; font: 33px 'Montserrat'; line-height: 33px; display: none; margin-top: 5px; font-weight: 700; text-align: left;}
.preview-verao-container .splash-colors-desc {width: 360px; float: left; color: #000; font: 14px 'Montserrat'; line-height: 20px; margin-top: 15px; margin-bottom: 30px; font-weight: 400; text-align: left;}
/*! TAMANCO */
.preview-verao-container .tamanco-titulo {float: left; color: #000; font: 12px 'Montserrat'; margin-top: 1px; font-weight: 400; padding: 7px; text-align: right; background: #d8e3ba;}
.preview-verao-container .tamanco-subtitulo {width: 100%; float: left; color: #000; font: 33px 'Montserrat'; line-height: 33px; margin-top: 10px; font-weight: 700; text-align: left;}
}
@media screen and (max-width: 480px){
/*! TEXTO APRESENTAÇÃO */
.preview-verao-container .texto-apresentacao-titulo {width: 100%; float: left; color: #000; font: 25px 'Montserrat'; font-weight: 700; margin-bottom: 10px; text-align: center;}
.preview-verao-container .texto-apresentacao-mobile {width: 95%; float: none; margin: 0 auto; color: #000; font: 12px 'Montserrat'; display: block; font-weight: 500; text-align: center;}
/*! FREE SPIRIT */
.preview-verao-container .free-spirit-slider-titulo {width: 90%; float: left; color: #fff; font: 20px 'Montserrat'; line-height: 30px; margin-left: 20px; margin-bottom: 20px; font-weight: 700; text-align: left;}
.preview-verao-container .free-spirit-titulo-mobilex {width: 100%; float: left; color: #000; font: 25px 'Montserrat'; line-height: 30px; margin-top: 10px; font-weight: 700; display: block;}
.preview-verao-container .free-spirit-desc {width: 260px; float: left; color: #000; font: 12px 'Montserrat'; line-height: 20px; margin-top: 15px; font-weight: 500;}
/*! SPLASH COLORS */
.preview-verao-container .splash-colors-titulo {width: 100%; float: left; color: #000; font: 25px 'Montserrat'; line-height: 33px; display: none; margin-top: 5px; font-weight: 700; text-align: left;}
.preview-verao-container .splash-colors-desc {width: 260px; float: left; color: #000; font: 12px 'Montserrat'; line-height: 20px; margin-top: 15px; margin-bottom: 30px; font-weight: 500; text-align: left;}
/*! TAMANCO */
.preview-verao-container .tamanco-titulo {float: left; color: #000; font: 10px 'Montserrat'; margin-top: 1px; font-weight: 500; padding: 7px; text-align: right; background: #d8e3ba;}
.preview-verao-container .tamanco-subtitulo {width: 100%; float: left; color: #000; font: 25px 'Montserrat'; line-height: 30px; margin-top: 10px; font-weight: 700; text-align: left;}
}
@media screen and (max-width: 390px){
/*! TEXTO APRESENTAÇÃO */
.preview-verao-container .texto-apresentacao-titulo {width: 100%; float: left; color: #000; font: 20px 'Montserrat'; font-weight: 700; margin-bottom: 10px; text-align: center;}
.preview-verao-container .texto-apresentacao-mobile {width: 100%; float: left; margin: 0 auto; color: #000; font: 12px 'Montserrat'; display: block; font-weight: 500; text-align: center;}
/*! FREE SPIRIT */
.preview-verao-container .free-spirit-slider-titulo {width: 90%; float: left; color: #fff; font: 18px 'Montserrat'; line-height: 25px; margin-left: 20px; margin-bottom: 20px; font-weight: 700; text-align: left;}
.preview-verao-container .free-spirit-titulo-mobilex {width: 100%; float: left; color: #000; font: 25px 'Montserrat'; line-height: 30px; margin-top: 10px; font-weight: 700; display: block;}
.preview-verao-container .free-spirit-desc {width: 260px; float: left; color: #000; font: 12px 'Montserrat'; line-height: 20px; margin-top: 15px; font-weight: 500;}
/*! SPLASH COLORS */
.preview-verao-container .splash-colors-titulo {width: 100%; float: left; color: #000; font: 25px 'Montserrat'; line-height: 33px; display: none; margin-top: 5px; font-weight: 700; text-align: left;}
.preview-verao-container .splash-colors-desc {width: 260px; float: left; color: #000; font: 12px 'Montserrat'; line-height: 20px; margin-top: 15px; margin-bottom: 30px; font-weight: 500; text-align: left;}
/*! TAMANCO */
.preview-verao-container .tamanco-titulo {float: left; color: #000; font: 10px 'Montserrat'; margin-top: 1px; font-weight: 500; padding: 7px; text-align: right; background: #d8e3ba;}
.preview-verao-container .tamanco-subtitulo {width: 100%; float: left; color: #000; font: 25px 'Montserrat'; line-height: 30px; margin-top: 10px; font-weight: 700; text-align: left;}
}
/* RESIZE.CSS */
/*
/*----------------------------------------------------------
Configurações Gerais <<<<<==================================
----------------------------------------------------------*/
.preview-verao-container .center{
margin: 0 auto;
max-width: 1550px; /*largura máxima do layout*/
width: 85%; /*ajuste do layout à tela*/
}
/*.clearfix usado para adicionar um espaço vazio antes e depois dos elementos
evitando que os floats se aglomerem.
*/
.preview-verao-container .clearfix:before, .preview-verao-container .clearfix:after {content: " "; display: table;}
.preview-verao-container .clearfix:after {clear: both;}
.preview-verao-container .clearfix {*zoom: 1;}
/*fim do clearfix*/
.preview-verao-container img, .preview-verao-container picture, .preview-verao-container video, .preview-verao-container embed {max-width: 100%; /*define a largura máxima em até 100%*/}
/*----------------------------------------------------------
Seção HEADER - Topo do Site <<<<<===========================
----------------------------------------------------------*/
.preview-verao-container .corpo{
border-bottom: 1px solid #E0E0E0;
height:100%;
width:100%; /*1200px ÷ 1200px = 1 x 100 = 100%*/
}
/*----------------------------------------------------------
Seção .CHAMADA <<<<<========================================
----------------------------------------------------------*/
.preview-verao-container .chamada{
height:290px;
text-align:center;
width:100%; /*1200px ÷ 1200px = 1 x 100 = 100%*/
}
.preview-verao-container h2 span{
font-size: 1em; /* 60px ÷ 60px = 1em */
font-weight: 300;
letter-spacing: -0.0333333333em; /* -2px ÷ 60px = 0.0333333333em */
line-height: 1em; /* 60px ÷ 60px = 1em */
}
.preview-verao-container .chamada h3 {
margin: 0 auto;
width:75%; /* 900px ÷ 1200px = 0.75 x 100 = 75%*/
}
/*----------------------------------------------------------
Seção .CONTAINER - Conteúdo com 3 colunas <<<<<=============
----------------------------------------------------------*/
.preview-verao-container .container{
height: 60px;
padding:2.5%; /* 30px ÷ 1200px = 0.025 x 100 = 2.5%*/
width:95%; /* 1200px ÷ 1200px = 1 x 100 = 100% .:. 100% - 5.0% de padding (direita e esquerda) = 95%*/
}
/*Por causa do padding, a largura, width, do .container passou de 1.200px para 1.140px (95%)*/
.preview-verao-container .desktop, .preview-verao-container .tablet, .preview-verao-container .mobile{
float:left;
position:relative;
text-align:center;
width:31.57894736842105%; /* 360px ÷ 1140px = 0.3157894736842105 x 100 = 31.57894736842105%*/
}
.preview-verao-container .desktop, .preview-verao-container .tablet{
margin-right: 2.631578947368421%; /* 30px ÷ 1140px = 0.02631578947368421 x 100 = 2.631578947368421%*/
}
.preview-verao-container .mobile{
background-color:#9C8CB9; padding-bottom: 15px;
margin-right:0px;
}
.preview-verao-container .desktop{
background-color:#FE9481; padding-bottom: 15px;
}
.preview-verao-container .tablet{
background-color:#FCDA92; padding-bottom: 15px;
}
/*
=========================
figure - imagens
=========================
*/
.preview-verao-container .container .desktop figure, .preview-verao-container .container .tablet figure, .preview-verao-container .container .mobile figure {
margin: 0 auto 0px auto;
width:69.44444444444444%; /* 250px ÷ 360px = 0.6944444444444 x 100 = 69.44444444444444%*/
}
/*
=========================
formatação do texto
=========================
*/
.preview-verao-container .container h3{
color:#fff;
font-size: 1.77777777778em; /* 32px ÷ 18px = 1.77777777778em */
font-weight: 300;
letter-spacing: -0.0625em; /* -2px ÷ 32px = 0.0625em */
margin-bottom: 30px;
text-shadow:none;
}
.preview-verao-container .container p{
background-color:#fff;
float:left;
height:160px;
padding: 1.9444444444444445%; /* 7px ÷ 360px = 0.019444444444444445 x 100 = 1.9444444444444445%*/
position:absolute;
width-max:100%; /* 360px ÷ 360px = 1 x 100 = 100%*/
text-align:justify;
top:225px;
}
/*
=========================
formatação do botão
=========================
*/
.preview-verao-container span.btn{
font-size: 1.1111111111em; /* 20px ÷ 18px = 1.1111111111em */
font-weight: 400;
letter-spacing: -0.1em; /* -2px ÷ 20px = -0.1em */
height:27px;
margin-top: 30px;
position:absolute;
right: 1px;
text-align:center;
text-shadow:none;
width:33.33333333333333%; /* 120px ÷ 360px = 0.3333333333333333 x 100 = 33.33333333333333%*/
}
.preview-verao-container span.btn a{
color:#fff;
padding: 2px 3.333333333333333%; /* 4px ÷ 120px = 0.3333333333333333 x 100 = 3.333333333333333%*/
}
.preview-verao-container .desktop span.btn a{
background-color:#FE9481;
}
.preview-verao-container .tablet span.btn a{
background-color:#FCDA92;
}
.preview-verao-container .mobile span.btn a{
background-color:#9C8CB9;
}