/* Estilo hotsite Feira Preta v1.1 */

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;900&display=swap');

.lp-feira-preta {width:100%; font-family: 'Lato', sans-serif; color: #000; font-size: 20px; background-color: #fff;}
.lp-feira-preta h2 {font-size: 24px; padding-top: 40px; font-weight: bolder;}
.lp-feira-preta h3 {font-size: 36px; padding: 75px 0 54px 0; text-transform: uppercase; text-align: center;}
.lp-feira-preta h4 {font-size: 24px; font-weight: bolder; text-decoration: underline; padding-top: 40px;}
.lp-feira-preta p {font-size: 16px; text-align: left; padding-top: 15px;}
.lp-feira-preta .container-content {width:1240px; margin: 0 auto;}
.desktop-only {display: block!important;}
.mobile-only {display: none!important;}
figure {padding: 0; margin: 0;}


section.lp-hero::before {content:""; position: absolute; background: url(https://www.casasbahia-imagens.com.br/criacao/03-hotsite/2021/11-nov/feirapreta/images/bg-hero-desk.png) center center no-repeat #000; height: 720px; width: 100%; display: block;}
section.lp-hero > .container-content {position: relative; z-index: 2;}
section.lp-hero .container-content .lp-hero-cont {display: flex; justify-content: flex-end;}
section.lp-hero .container-content .text {width: 500px;}
section.lp-hero .container-content .text img {margin-top: 77px;}
section.lp-hero .container-content .text .btn {margin-top: 30px;}
section.lp-hero .container-content .text .btn a {font-size: 16px; padding: 10px 20px; background-color: #000; color: #fff; border-radius: 10px; font-weight: bolder;}
section.lp-hero .container-content .text .btn a:hover {background-color: #FFF000; border: 3px solid #000; color: #000;}

section.lp-hero .container-content .video {text-align: center; margin-top: 20px;}
iframe {width: 758px; height: 426px; border: 10px solid #fff; margin-top: 50px; box-shadow: 0px 20px 50px -20px rgb(0 0 0 / 50%);}
.lp-feira-preta .name {font-size: 12px; position: absolute; right: 425px; bottom: 435px;}

section.lp-cont .container-content .wrapper {display: flex; align-items: center;}
section.lp-cont .container-content .wrapper figure {position: relative; margin-right: 50px;}
section.lp-cont .container-content .wrapper figure:nth-child(2) {margin-right: 0; margin-left: 50px;}
section.lp-cont .container-content .wrapper figure img:first-child {position: absolute; top: 20px;}
section.lp-cont .container-content .wrapper figure .logo-right {right: 20px;}
section.lp-cont .container-content .wrapper figure .logo-left {left: 20px;}
section.lp-cont .container-content .wrapper .card figure img:first-child {left: 260px;}
section.lp-cont .container-content .wrapper .card {width: 380px; margin-right: 50px;}
section.lp-cont .container-content .wrapper .card:last-child {margin: 0}
section.lp-cont .container-content .wrapper .text.iris p {padding-right: 20px;}
section.lp-cont .container-content .wrapper.top {margin-top: 80px;  border-right: 50px solid #FFF000; border-left: 50px solid #FFF000;}
section.lp-cont .container-content .wrapper.top .text {padding-right: 50px;}

section.lp-produtos {height: 207px; background: url(https://www.casasbahia-imagens.com.br/criacao/03-hotsite/2021/11-nov/feirapreta/images/bg-faixa.png) center center no-repeat #FFF000; margin-top: 80px;}
section.lp-produtos .btn {text-align: center; padding-top: 90px;}
section.lp-produtos .btn a {font-size: 22px; padding: 20px 40px; background-color: #000; color: #fff; border-radius: 10px; font-weight: bolder;}
section.lp-produtos .btn a:hover {background-color: #FFF000; border: 3px solid #000; color: #000;}

section.brand {background-color: #000; padding: 80px;}
section.brand .container-content {display: flex; justify-content: center; text-align: center;}
section.brand .container-content img {padding-right: 100px;}
section.brand .container-content img:nth-child(3n) {padding-right: 0!important;}

section.lp-diversidade .container-content img {margin: 0 auto;}

/* Styles mobile */
@media screen and (max-width: 768px) {
.desktop-only {display: none!important;}
.mobile-only {display: block!important;}
.lp-feira-preta .container-content {width: 100%;}
.lp-feira-preta h2 {font-size: 18px; padding: 0;}
.lp-feira-preta h3 {font-size: 26px; padding: 50px 0 30px 0;}
.lp-feira-preta h4 {font-size: 22px; padding-top: 30px; text-align: center;}
.lp-feira-preta p {font-size: 14px;  padding-top: 15px; text-align: center;}

section.lp-hero {width: 100%; text-align: center;}
section.lp-hero::before {content:""; position: absolute; background: url(https://www.casasbahia-imagens.com.br/criacao/03-hotsite/2021/11-nov/feirapreta/images/bg-hero-mob.png) center center no-repeat #FFF000; height: 825px; width: 100%; max-width: 768px; display: block; background-size: cover;}
section.lp-hero .container-content .text img {width: 50%; margin: 50px 0 30px 0;}
section.lp-hero .container-content .text {padding: 0 20px;}

section.lp-hero .container-content .lp-hero-cont {justify-content: center; background: #FFF000;}

iframe {width: 100%; margin-top: 230px; height: 50vw; padding: 0 20px; border: none; box-shadow: none;}
section.lp-hero .container-content .video {margin-top: 80px;}
section.lp-hero .name {left: 10px; width: 25%; text-align: left;}
section.lp-cont .container-content .wrapper {width: 100%; display: block;}
section.lp-cont .container-content .wrapper.monique-mob {display: flex!important; flex-direction: column-reverse;}
section.lp-cont .container-content .wrapper figure {width: 100%; height: 212px; overflow: hidden; margin: 0!important;}
section.lp-cont .container-content .wrapper figure img {width: 100%; }
section.lp-cont .container-content .wrapper .card figure img:first-child,section.lp-cont .container-content .wrapper figure img:first-child {right: 10px; top: 10px; left: initial;}
section.lp-cont .container-content .wrapper figure .logo-left {width: 25%;}
section.lp-cont .container-content .wrapper figure .logo-right {width: 25%;}
section.lp-cont .container-content .wrapper figure.faixa {border-top: 30px solid #FFF000;}
section.lp-cont .container-content .wrapper .text {padding: 0 20px 30px 20px;}
section.lp-cont .container-content .wrapper .text.bg {background-color: #FFF000;}
section.lp-cont .container-content .wrapper .card {width: 100%; margin: 0}
section.lp-cont .container-content .wrapper.top {margin-top: 0; border: none;}
section.lp-cont .container-content .wrapper.top .text {padding-right: 20px;}

section.lp-produtos {width: 100%; height: 275px; background: url(https://www.casasbahia-imagens.com.br/criacao/03-hotsite/2021/11-nov/feirapreta/images/bg-faixa-mobile.png) center center repeat-x; margin-top: 40px;}
section.lp-produtos .container-content  a {font-size: 18px; padding: 20px;}
section.lp-produtos .container-content .btn {padding-top: 70px;}

section.brand {padding: 20px;}
section.brand .container-content {display: block;}
section.brand .container-content img {padding: 20px 0;  margin: 0 20px;}

section.lp-diversidade .container-content img {width: 100%;}

}