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

html {
overflow-y: scroll;
overflow-x: auto;
}

* {
margin: 0;
padding: 0;
font-family: 'Poppins', Arial, Verdana, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} 

BODY {
color: #000;
background: #FFF;
font-size: 16px;
}

.clear { clear: both; }
.right { float:right; }
.cright { clear:right; }
.left { float:left; }
.cleft { clear:left; }
img{ border: none; display: inline; max-width: 100%; }
div { position: relative; }
h1,h2,h3,h1 *,h2 *,h3 * { color:#000; font-family: 'Poppins'; font-weight: 700; }
p { line-height: 24px; }
.center { position: relative; width:1100px; max-width: 90%; margin: 0 auto; padding: 0; }
.red { background: #bb1835; }
.pink { background: #ffc3ce; }
.rainbow { background: rgb(255,195,206); background: linear-gradient(90deg, rgba(255,195,206,1) 0%, rgba(253,237,103,1) 100%); }

.ytvideow { margin: 0 auto; width: 100%; max-width: 685px; }
.ytvideo169 { width: 100%; height: 0; padding-bottom: 56.25%; }
.ytvideo169 iframe { position:absolute; left: 0; top: 0; height: 100%; width: 100%; }
.stig { width: 85%; margin: 15px 1% 0; display: inline-block; }
.stig916 { width: 100%; height: 0; padding-bottom: 177.77%; }
.stig video { position:absolute; left: 0; top: 0; height: 100%; width: 100%; }

.mlp { padding: 10px 0 60px; }
.mlp h1 { text-indent: -9999px; /* background: url('../images/pronta-para-o-romance-2.png') no-repeat; */ width: 176px; height:56px; margin: 20px auto; }
.mlp h2 { font-size: 35px; text-align: center; line-height: 42px; }
.mlp h3 { font-size: 18px; text-align: center; font-weight: normal; line-height: 24px; margin-top: 15px; }
.vframe { border:1px dashed #000; width:685px; max-width: 100%; margin: 25px auto 15px; }
.mlp .vsound { text-align: center; }
.mlp .vsound i { content: url('../images/sound.png'); vertical-align: middle; margin-right: 8px; }
.mlp .featured { margin-top: 15px; }
.mlp .featured h3 { font-size: 12px; }
.mlp .featured ul { list-style: none; text-align:center; margin:0 auto 10px; }
.mlp .featured ul li { display: inline-block; margin: 0 2px; }
.mlp .cta { text-align: center; margin-top:30px; }
.handbtn { display: inline-block; background: #00b648; color:#FFF; text-shadow: 2px 2px 2px #009c39; font-size: 25px; font-weight: bold; padding: 25px 70px; border:none; border-radius: 45px; text-decoration: none; margin: 15px; }
.mlp .cta .handbtn { margin-top: 30px; }
.handbtn i { content: url('../images/hand.png'); vertical-align: middle; margin: -5px 0 0 15px; }
.cta .warning { width: 280px; color:#F00; font-size: 17px; margin: 0 auto; }
.cta .warning .counter { font-weight: 700; }
.cta .warning+.warning { margin-top: 15px; }
.profile { padding: 60px 0; width: 860px; }
.profile .left { width: 40%; text-align: right; }
.profile .right { width: 55%; color: #a00420; }
.profile h2 { font-size: 30px; color: #bb1835; }
.profile p { margin-top:5px; }
.profile p+p { margin-top:20px; }

.content { margin-bottom: 15px; }
.content h1, .content h2:first-of-type { text-align: center; margin: 25px auto 0; max-width: 700px; line-height: 35px; }
.content h2:first-of-type { margin: 10px auto 20px; font-weight: normal; font-size: 20px; line-height: 25px; }
.content h2 { text-align: left; margin: 20px 0; color: #bb1835; line-height: 30px; }
.content p + p { margin-top: 20px; }
.content img { margin: 15px auto; display: block; }
.content .author { max-width: 360px; border: 2px dashed #ffc3ce; border-radius:20px; float: left; margin: 0 30px 20px 10px; box-sizing: border-box; padding: 10px 10px 10px 150px;  }
.content .author p { font-size: 14px; margin:0; }
.content .author p.aname { font-size: 16px; color: #bb1835; font-weight: 700; }
.content .author:before { content: url('../images/miria-perfil.png'); position: absolute; left: 10px; top: -8px; }
.content ul { margin: 25px 0 25px 20px; list-style-position: inside; }
.content ul li { margin-top: 10px; }
.content a { color:#bb1835; }


.siteheader { padding: 25px 0; background: #ffc3ce; margin-bottom: 15px; }

.red .cta { padding: 15px 0 25px; }
.red .cta .left, .red .cta .right { width: 50%; }
.red .cta h2 { color: #FFF; font-weight: normal; width: 250px; margin: 0 auto; text-align: center; margin-top: 23px; line-height: 30px;}
.red .cta h2 strong { color: #FFF; }
.red .cta .handbtn { width: 185px; text-align: center; padding:15px 100px 15px 35px; line-height: 28px; }
.red .cta .handbtn i { position: absolute; margin: -20px 0px 0px 20px }
.red .cta .warning { width:350px; color: #fff7b6; margin:0; text-align: center; font-size:14px; margin-top:-7px; }
.red .cta .minibtn { display: block; width: 350px; text-align: center; margin-top: 15px; }

.ycourse { background: #fff5db; }
.course { margin:0 auto; padding: 40px 0; width:90%; max-width: 780px; }
.course .vframe { width:100%; }
.course h2 { font-size: 30px; color: #bb1835; line-height: 34px; max-width: 250px; margin: 0 auto 20px; text-align: center; }
.course strong, .course .pr { color: #bb1835; }
.course p+p, .course ul, .course ul+p { margin-top: 20px; }
.course ul { list-style: none; }
.course ul li { position: relative; margin-left: 15px; }
.course ul li:before { position: absolute; content:url('../images/check.png'); left: -28px; top: 1px; }
.course .pg { margin-top:0; font-size: 14px; text-align: center; }
.course .oldprice { color: #F00; text-align: center; text-decoration: line-through; }
.course .price { color: #37b248; font-weight:700; text-align: center; margin-top:0; }
.course .warning { color: #F00; text-align: center; }
.course .warning+.warning { margin-top: 8px; }
.course .warning+.pg { text-align: center; margin-top: 15px; }

.course .promos { box-sizing: border-box; }
.course .promos strong { font-size: 16px; }
.course .promos div { background:#ffee7f; border-radius:12px; padding: 12px 12px 12px 70px; display: block; width: 100%; box-sizing: border-box; margin-bottom: 10px; }
.course .promos div.half { width: 49%; float: left; }
.course .promos div.half.right { float: right; }
.course .promos div.gift { background: #ffee7f url('../images/gift.png') no-repeat 8px center; }
.course .promos div.bonus { background: #ffee7f url('../images/bonus.png') no-repeat 8px center; }

.course .pill { background: #FFF; border-radius:12px; width: 40%; float: left; margin: 15px 5% 15px; box-sizing: border-box; padding: 10px; text-align: center; font-size: 17px; }
.course .pill.price { color:#000; font-weight: normal; padding: 16px 10px; }
.course .pill.price span { font-size: 14px; text-decoration: line-through; margin-left: -40px; }
.course .pill.price:after { content: "-80%"; position:absolute; top:-5px; right:-5px; border-radius: 16px; padding: 8px 15px; font-size: 14px; background: linear-gradient(0deg, rgba(67,234,128,1) 0%, rgba(57,248,211,1) 100%); }
.course .pill.timer { font-size: 14px; }
.course .pill.timer span { font-size: 29px; }

.includes h2 { font-size: 28px; color: #bb1835; text-align: center; }
.includes .module { max-width: 760px; margin: 20px auto; border: 2px solid #bb1835; border-radius: 10px; }
.includes .module .left, .includes .module .right { padding: 15px; box-sizing: border-box; }
.includes .module .left { width: 30%; }
.includes .module .right { width: 70%; }
.includes .module h3 { font-size: 18px; }
.includes .module ul { list-style: none; }
.includes .module ul li { display: inline-block; padding: 5px 12px; background: #ffdbe1; border-radius: 15px; font-size: 14px; margin: 8px 8px 0 0 }

.testimonials { padding: 35px 0; }
.testimonials h2 { color:#bb1835; text-align: center; max-width: 300px; margin: 0 auto; padding-bottom:15px; font-size: 30px; line-height: 34px; }
.testimonials ul { list-style: none; }
.testimonials ul li { text-align: center; }
.testimonials h3 { margin-top: 5px; }
.testimonials ul li p { padding: 0 20px;  padding-bottom:15px;}

.faq { max-width: 650px; width: 90%; padding: 25px 0; }
.faq h2 { text-align: center; color:#bb1835; }
.faq h3 { margin-top: 20px; font-size: 16px; }
.faq p { font-size: 16px; margin: 5px 0 10px; }

.footer { max-width: 80%; padding: 30px 0; }
.footer .logo { width: 100%; text-align: center; }
.footer .left, .footer .right { width: 50%; }
.footer .left, .footer .left a { color: #bb1835; text-decoration: none; }
.footer .right { text-align: center; padding-top: 30px; }
.footer .right a { margin: 0 15px; }

iframe[name=google_conversion_frame], object { position: absolute; height:0; }

@media (max-width: 760px) {
.footer .left, .footer .right { width:100%; float: none; text-align: center; }
.footer .logo { margin-bottom: 20px; }
}

@media (max-width: 700px) {
.red .cta .left, .red .cta .right, .course .left, .course .right { width:100%; float: none; }
.red .cta .right, .course h2 { text-align: center; }
.red .cta .minibtn { margin:15px auto 0; width: auto; }
.red .cta .warning { margin: 0 auto; width:100%; }
.red .cta h2, .red .cta h2 strong { font-size: 18px; margin: 0 auto; }
.red .cta .handbtn, .course .handbtn { width: 100%; font-size: 22px; box-sizing: border-box; max-width: 295px; }
.handbtn { margin: 15px 0; }
.course .right { padding: 0 15px; box-sizing: border-box; }
.course h2 { margin-bottom: 15px; }
}

@media (max-width: 680px) {
.mlp h2 { font-size: 28px; line-height: 34px; width: 330px; margin: 0 auto; }
.mlp h3 { max-width: 380px; margin: 15px auto 0; }
.testimonials .vdep { max-width: 300px; margin: 0 auto; }
.includes .module .left, .includes .module .right { width:100%; float: none; }
.includes .module .left { text-align: center; }
}

@media (max-width: 620px) {
.handbtn { width: 185px; text-align: center; padding:15px 100px 15px 35px; line-height: 28px; }
.handbtn i { position: absolute; margin: -20px 0px 0px 20px }
.course .promos div.half { float:none; width:100%; }
.content .author { float: none; margin: 0 auto 25px; }
}

@media (max-width: 560px) {
.stig { width: 100%; max-width: 340px; margin: 15px auto 0; display: block; }
.profile .left, .profile .right { width:100%; float: none; }
.profile .left, .profile h2 { text-align: center; }
.profile h2 { margin-top: 20px; }
.includes .module p { word-break: break-word; }
}

@media (max-width: 520px) {
.course .pill.price { padding: 26px 10px; }
}

@media (max-width: 390px) {
.mlp .featured ul li { max-width:30%; }
.footer { font-size: 14px; }
}