#conteudo {
display: block;
margin: auto;
width: 90%;
}
/******CUPOM 01*******/
.conteudo-item01 .cupom-card{
background: linear-gradient(135deg, #FF6700, #FF9C1A);
display:flex !important;
}
.conteudo-item01 .nome-cupom {
color: #FF6700;
}
.conteudo-item01 .conteudo-content:before {
background-image: linear-gradient(135deg, #FF6700 0%, #FF9C1A 100%);
}
.conteudo-item01:hover .cupom-card{
background: #FF6700;
}
#codigo01{
border: 2px dashed #fff;
padding: 9px 20px;
border-radius: 10px 0 0 10px;
font-size: 16px;
/* letter-spacing: 0.1rem;*/
}
#cpnBtn01{
border: 2px solid #fff;
background: #fff;
padding: 10px 20px;
color: #000;
cursor: pointer;
border-radius: 0 10px 10px 0;
&:hover {color: #000 !important; background: #a3a3a3;}
&:active {color: #000 !important; background: #FFEC00;}
&:visited {color: #000 !important;background: #FFEC00;}
}
.conteudo-item01 .icone {
background: radial-gradient(#c9c9c9, #949494);
}
.cupom-da-semana:hover .cupom-da-semana:hover .cpnBtn01{
color: #000 !important;
}
/******FIM CUPOM 01******/
/******CUPOM 02*******/
.conteudo-item02 .cupom-card{
background: linear-gradient(135deg, #00911F, #56B768);
}
.conteudo-item02 .conteudo-content:before {
background-image: linear-gradient(135deg, #00911F, #56B768);
}
.conteudo-item02 .nome-cupom {
color: #00911F;
}
.conteudo-item02:hover .cupom-card{
background: #00911F;
}
#codigo02{
border: 2px dashed #fff;
padding: 9px 20px;
border-radius: 10px 0 0 10px;
font-size: 16px;
/* letter-spacing: 0.1rem;*/
}
#cpnBtn02{
border: 2px solid #fff;
background: #fff;
padding: 10px 20px;
color: #000;
cursor: pointer;
border-radius: 0 10px 10px 0;
&:hover {color: #000 !important; background: #a3a3a3;}
&:active {color: #000 !important; background: #FFEC00;}
&:visited {color: #000 !important;background: #FFEC00;}
}
.conteudo-item02 .icone {
background: radial-gradient(#c9c9c9, #949494);
}
.cupom-da-semana:hover .cupom-da-semana:hover .cpnBtn02{
color: #000 !important;
}
/******FIM CUPOM 02******/
/******CUPOM 03*******/
.conteudo-item03 .cupom-card{
background: linear-gradient(135deg, #5500A0, #874DC4);
}
.conteudo-item03 .nome-cupom {
color: #5500A0;
}
.conteudo-item03 .conteudo-content:before {
background-image: linear-gradient(135deg, #5500A0 0%, #874DC4 100%);
}
.conteudo-item03:hover .cupom-card{
background: #5500A0;
}
#codigo03{
border: 2px dashed #fff;
padding: 9px 20px;
border-radius: 10px 0 0 10px;
font-size: 16px;
/* letter-spacing: 0.1rem;*/
}
#cpnBtn03{
border: 2px solid #fff;
background: #fff;
padding: 10px 20px;
color: #000;
cursor: pointer;
border-radius: 0 10px 10px 0;
&:hover {color: #000 !important; background: #a3a3a3;}
&:active {color: #000 !important; background: #FFEC00;}
&:visited {color: #000 !important;background: #FFEC00;}
}
.conteudo-item03 .icone {
background: radial-gradient(#c9c9c9, #949494);
}
.cupom-da-semana:hover .cupom-da-semana:hover .cpnBtn03{
color: #000 !important;
}
/******FIM CUPOM 03******/
/******CUPOM 04*******/
.conteudo-item04 .cupom-card{
background: linear-gradient(135deg, #003C93, #2969B7);
}
.conteudo-item04 .nome-cupom {
color: #003C93;
}
.conteudo-item04 .conteudo-content:before {
background-image: linear-gradient(135deg, #003C93 0%, #2969B7 100%);
}
.conteudo-item04:hover .cupom-card{
background: #003C93;
}
#codigo04{
border: 2px dashed #fff;
padding: 9px 20px;
border-radius: 10px 0 0 10px;
font-size: 16px;
/* letter-spacing: 0.1rem;*/
}
#cpnBtn04{
border: 2px solid #fff;
background: #fff;
padding: 10px 20px;
color: #000;
cursor: pointer;
border-radius: 0 10px 10px 0;
&:hover {color: #000 !important; background: #a3a3a3;}
&:active {color: #000 !important; background: #FFEC00;}
&:visited {color: #000 !important;background: #FFEC00;}
}
.conteudo-item04 .icone {
background: radial-gradient(#c9c9c9, #949494);
}
.cupom-da-semana:hover .cupom-da-semana:hover .cpnBtn04{
color: #000 !important;
}
/******FIM CUPOM 04******/
/******CUPOM 05*******/
.conteudo-item05 .cupom-card{
background: linear-gradient(135deg, #B70000, #CE3A3A);
}
.conteudo-item05 .nome-cupom {
color: #B70000;
}
.conteudo-item05 .conteudo-content:before {
background-image: linear-gradient(135deg, #B70000 0%, #CE3A3A 100%);
}
.conteudo-item05:hover .cupom-card{
background: #B70000;
}
#codigo05{
border: 2px dashed #fff;
padding: 9px 20px;
border-radius: 10px 0 0 10px;
font-size: 16px;
/* letter-spacing: 0.1rem;*/
}
#cpnBtn05{
border: 2px solid #fff;
background: #fff;
padding: 10px 20px;
color: #000;
cursor: pointer;
border-radius: 0 10px 10px 0;
&:hover {color: #000 !important; background: #a3a3a3;}
&:active {color: #000 !important; background: #FFEC00;}
&:visited {color: #000 !important;background: #FFEC00;}
}
.conteudo-item05 .icone {
background: radial-gradient(#c9c9c9, #949494);
}
.cupom-da-semana:hover .cupom-da-semana:hover .cpnBtn05{
color: #000 !important;
}
/******FIM CUPOM 05******/
/******CUPOM 06*******/
.conteudo-item06 .btn-vitrine {
background: #ededed;
&:hover{background: #c7c7c7;}
font-size: 16px;
font-weight: 500;
letter-spacing: 0px;
}
.conteudo-item06 .cupom-card{
background: linear-gradient(135deg, #FFB000, #FFBC00);
&:hover{background: #FFBC00;}
}
.conteudo-item06 .nome-cupom {
color: #FFEC00;
text-shadow: 2px 2px 4px #000000;
&:hover{ color: #FFEC00 !important;}
}
.conteudo-item06 span {
color: #fff;
text-shadow: 2px 2px 4px #000000;
}
.conteudo-item06 .cupom-row {
color: #003C93 !important;
text-shadow: 2px 2px 4px #000000;
}
.conteudo-item06 .conteudo-content {
background-image: linear-gradient(135deg, #005292 0%, #2969B7 100%);
}
.conteudo-item06 .conteudo-content:before {
background-image: linear-gradient(135deg, #2969B7 0%, #005292 100%);
}
#codigo06{
border: 2px dashed #003C93;
padding: 9px 20px;
border-radius: 10px 0 0 10px;
font-size: 16px;
/* letter-spacing: 0.1rem;*/
color: #000;
text-shadow: none;
font-weight: 800;
background-color: rgba(255, 0, 0, 0.3);
}
#cpnBtn06{
border: 2px solid #003C93;
background: #003C93;
padding: 10px 20px;
color: #fff;
cursor: pointer;
border-radius: 0 10px 10px 0;
&:hover {color: #fff !important; background: #595959;}
&:active {color: #000 !important; background: #FFEC00;}
&:visited {color: #000 !important;background: #FFEC00;}
}
.conteudo-item06 .icone {
background: radial-gradient(#c9c9c9, #949494);
}
.cupom-da-semana:hover .cupom-da-semana:hover .cpnBtn06{
color: #000 !important;
}
/******FIM CUPOM 06******/
.cupom-container {
width: 95% !important;
display: flex;
align-items: center;
justify-content: center;
margin: 30px auto;
padding: 0;
box-sizing: border-box;
font-family: 'poppins', sans-serif !important;
}
.cupom-row{
display: flex;
align-items: center;
margin: auto;
width: fit-content;
}
.icone {
width: 88px;
height: 40%;
position: relative;
position: absolute;
top: -10px;
left: 25px;
z-index: 3;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
background: radial-gradient(#c9c9c9, #949494);
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
display: flex;
justify-content: center;
}
.cupom-da-semana:hover .conteudo-content:before {
opacity: 1;
}
.cupom-da-semana:hover .icone {
top: -20px;
}
.conteudo-content {
background: #fff;
overflow: hidden;
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.2);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
}
.conteudo-content:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.btn-vitrine {
background-color: #FFEC00;
letter-spacing: 1px;
font-weight: bold;
border-radius: 0 0 10px 10px;
font-size: 16px;
padding: 10px 30px;
text-align: center;
align-items: center;
font-family: Montserrat, sans-serif;
&:hover {
background-color: #FFCC00;
cursor: pointer;
color: #000 !important;
}
a:link { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #000 !important; }
a:active { text-decoration: none; color: #000; }
}
.cupom-da-semana .cupom-card{
color: #fff;
text-align: center;
padding: 20px 0;
width: 95%;
z-index: 3;
border-radius: 15px;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.15);
position: relative;
border: 1px solid #FFEC00;
}
.circulo1, .circulo2{
background: #fff;
width: 35px;
height: 40px;
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.circulo1{
left: -25px;
}
.circulo2{
right: -25px;
}
#conteudo {
height: auto;
}
.center-heading {
text-align: center;
}
.center-heading .section-title {
color: #3B566E;
letter-spacing: 1.75px;
line-height: 38px;
margin-bottom: 20px;
}
.center-heading.colored .section-title {
color: #ffffff;
}
.center-text {
text-align: center;
color: #fff;
line-height: 28px;
letter-spacing: 1px;
margin-bottom: 50px;
}
.center-text.colored {
color: #fff;
}
.center-text p {
margin-bottom: 30px;
}
.cupom-da-semana {
display: block;
position: relative;
margin-bottom: 50px;
float: left;
width: 32%;
margin-top: 20px;
padding: 1%;
justify-content: center;
align-items: center;
height: 100%;
}
.cupom-da-semana:hover .nome-cupom {
color: #fff;
}
.cupom-da-semana:hover .txt:before, .cupom-da-semana:hover .txt:after {
opacity: .1;
}
.cupom-da-semana:hover span, .cupom-da-semana:hover{
color: #fff;
}
.cupom-da-semana:hover .circulo1{
display: none;
}
.cupom-da-semana:hover .circulo2{
display: none;
}
.cupom-da-semana img{
max-width: 70%;
}
.cupom-da-semana .nome-cupom {
display: block;
font-weight: 700;
font-size: 20px;
margin-top: 20px;
padding-left: 130px;
margin-bottom: 5px;
position: relative;
z-index: 3;
font-family: Montserrat, sans-serif;
}
.cupom-da-semana span {
display: block;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.2px;
padding-left: 130px;
padding-right: 50px;
position: relative;
z-index: 3;
font-family: Montserrat, sans-serif;
}
.cupom-da-semana .txt {
position: relative;
overflow: hidden;
}
.cupom-da-semana .txt:before {
position: absolute;
left: 25px;
top: 25px;
color: #fff;
z-index: 1;
font-size: 40px;
opacity: .4;
color: #fff;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.cupom-da-semana .txt:after {
position: absolute;
right: 25px;
bottom: 15px;
color: #fff;
z-index: 1;
font-size: 40px;
opacity: .4;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.cupom-da-semana .txt p {
padding-left: 25px;
padding-right: 25px;
margin-bottom: 25px;
margin-top: 40px;
font-weight: 400;
font-size: 16px;
color: #000;
letter-spacing: 0.6px;
line-height: 20px;
position: relative;
z-index: 3;
text-align: justify;
font-family: Montserrat, sans-serif;
line-height: 20px; !important
}
@media (min-width: 1570px) and (max-width: 1789px) {
.cupom-da-semana {
width: 32%;
}
}
@media (min-width: 1300px) and (max-width: 1700px) {
.cupom-da-semana .cupom-row{
width: fit-content;
flex-direction: column !important;
padding:0px 20px;
}
:is(#codigo01, #codigo02, #codigo03, #codigo04, #codigo05, #codigo06) { min-width: 100% !important; border: 4px 20px 20px 0px !important; border-radius:10px 10px 0px 0px !important;}
:is(#cpnBtn01, #cpnBtn02, #cpnBtn03, #cpnBtn04, #cpnBtn05, #cpnBtn06) { min-width: 100% !important; border-radius:0px 0px 10px 10px !important;}
.circulo1{display:none;} .circulo2{display:none;}
}
@media (min-width: 955px) and (max-width: 1300px) {
.cupom-da-semana {
display: block;
position: absolut;
margin-bottom: 20px;
float: left;
width: 45%;
margin-top: 30px;
padding-right: 1%;
height: 100%;
}
.conteudo-content{
height: relative;
}
.cupom-da-semana .cupom-row{
width: fit-content;
flex-direction: column !important;
}
:is(#codigo01, #codigo02, #codigo03, #codigo04, #codigo05, #codigo06) { min-width: 100% !important; border: 4px 20px 20px 0px !important; border-radius:10px 10px 0px 0px !important;}
:is(#cpnBtn01, #cpnBtn02, #cpnBtn03, #cpnBtn04, #cpnBtn05, #cpnBtn06) { min-width: 100% !important; border-radius:0px 0px 10px 10px !important;}
}
@media (min-width: 580px) and (max-width: 955px) {
.cupom-da-semana {
display: block;
position: relative;
margin-bottom: 20px;
float: left;
width: 100%;
margin-top: 30px;
height: 100%;
}
.cupom-da-semana .cupom-row{
width: fit-content;
flex-direction: row !important;
}
.cupom-da-semana span {
padding-right: 20px;
}
}
@media (max-width: 580px) {
.cupom-da-semana {
display: block;
position: relative;
margin-bottom: 10px;
float: center;
width: 95%;
margin-top: 10px;
height: 100%;
}
.conteudo-content{
height: relative;
}
.cupom-da-semana .cupom-row{
width: fit-content;
flex-direction: column !important;
}
:is(#codigo01, #codigo02, #codigo03, #codigo04, #codigo05, #codigo06) { min-width: 100% !important; border: 4px 20px 20px 0px !important; border-radius:10px 10px 0px 0px !important;}
:is(#cpnBtn01, #cpnBtn02, #cpnBtn03, #cpnBtn04, #cpnBtn05, #cpnBtn06) { min-width: 100% !important; border-radius:0px 0px 10px 10px !important;}
.icone{display:none;}
.circulo1{display:none;} .circulo2{display:none;}
.cupom-da-semana .nome-cupom {padding-left: 20px;}
.cupom-da-semana span {letter-spacing: 0.1px; padding-left: 20px; padding-right: 20px;}
.btn-vitrine {letter-spacing: 0.1px; font-size: 14px; padding: 10px 10px;}
}
}
/******OUTROS CODIGOS DA PAGINA*******/
.breadcrumbs {
display: none;
}
.cms-page-view.page-layout-cms-full-width .slick-track, .cms-home.cms-index-index.page-layout-1column .slick-track, .catalog-category-view .slick-track, .catalog-product-view .slick-track {
display: flex;
align-items: stretch;
margin: 0 auto;
}
html {
scroll-behavior: smooth;
}
.bloco-botao .pagebuilder-button-secondary {
background: #b70000 !important;
color: #ffffff;
font-size: 18px;
font-weight: 600;
border-width: 0px;
border-radius: 10px;
padding: 10px 30px;
position: relative;
}
.bloco-botao:hover .pagebuilder-button-secondary {
background: #6b0000 !important;
color: #ffffff;
font-size: 18px;
font-weight: 600;
border-width: 0px;
border-radius: 10px;
padding: 10px 30px;
position: relative;
}
