<style>
.lp-namorados {display: flex; justify-content: center; flex-wrap: wrap;}

/* 01-banner */
.lp-namorados section.parte-01 {background: #250038; display:flex; justify-content: center; width: 100%; }
.lp-namorados section.parte-01 a {max-width: 1200px; }
.lp-namorados section.parte-01 img {width: 100%;}

.lp-namorados section.parte-02 {display: flex; justify-content: center; width: 100%;background-image:linear-gradient(#250038 0%, #250038 60%, #8508C6 0%, #6E01B4 100%) }
.lp-namorados section.parte-02 .cards {display:flex; flex-wrap: wrap; justify-content: space-around;max-width: 1200px; margin-top: 30px;}
.lp-namorados section.parte-02 .cards a {margin: 20px 10px 0px 10px; }
.lp-namorados section.parte-02 .cards a img {max-width: 100%;border-radius: 20px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2) }
.lp-namorados section.parte-02 .cards .flip-card {width: 280px;height: 418px;perspective: 1000px;}
.lp-namorados section.parte-02 .cards .flip-card-inner {transition: transform 0.6s;transform-style: preserve-3d;}
.lp-namorados section.parte-02 .cards .flip-card:hover .flip-card-inner {transform: rotateY(180deg); }
.lp-namorados section.parte-02 .cards .flip-card-front,
.lp-namorados section.parte-02 .cards .flip-card-back {position: absolute; -webkit-backface-visibility: hidden;backface-visibility: hidden;}
.lp-namorados section.parte-02 .cards .flip-card-back {transform: rotateY(180deg);}

.lp-namorados section.parte-03 {display: flex; justify-content: center;padding-top: 50px;width: 100%; background: #6d00b3; padding-bottom: 35px;}
.lp-namorados section.parte-03 .categorias {margin-top: 60px;  display:flex; flex-wrap: wrap; justify-content: space-around; max-width: 1200px;  transition: 0.15s;} 
.lp-namorados section.parte-03 .categorias a {margin: 20px 10px 0px 10px; transition: 0.15s;}
.lp-namorados section.parte-03 .categorias a:hover {transform: scale(1.02);}
.lp-namorados section.parte-03 .categorias:hover a:not(:hover) {filter: grayscale(1); opacity: 0.5;}
.lp-namorados section.parte-03 .categorias a:hover img {-webkit-filter: drop-shadow(0px 0px 5px #fc00ffd9); filter: drop-shadow(0px 0px 5px #fc00ffd9);}
.lp-namorados section.parte-03 .categorias a img {max-width: 100%;border-radius: 20px; -webkit-filter: drop-shadow(-2px 2px 2px #00000044); filter: drop-shadow(-2px 2px 2px #00000044);}

/*----------- FAQ ----------------*/
.lp-namorados section.faq {background: #ff7800;width: 100%; padding-top: 40px;}
.lp-namorados section.faq div  {display: flex; justify-content: center; margin: 0px auto;max-width: 1200px;flex-wrap: wrap;}
.lp-namorados section.faq .questions  {margin: 40px 10px;}
.lp-namorados section.faq button {font-size: 16px; padding: 20px 30px; position: relative; color: #8401C8; background: #fff; width: 100%; display: block; text-align: left; border: none; outline: none; cursor: pointer; font-weight: bold;border-radius: 100px;}
.lp-namorados section.faq .panel {text-align: left; padding: 0 30px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; width: 100%; margin-bottom: 5px}
.lp-namorados section.faq .panel p {color: #fff;text-align: left; font-size: 14px; padding: 20px 0px}
.lp-namorados section.faq .panel p b {color: #00fbca;}
.lp-namorados section.faq .accordion:after {content: '\002B';color: #ff7800; font-weight: bold; float: right; margin-left: 5px;}
.lp-namorados section.faq .active:after {content: "\2212"; color: #fff;}
.lp-namorados section.faq .active,
.lp-namorados section.faq button:hover {background-color: #7700bb; color: #fff}

/* VOLTA AO TOPO */
.lp-namorados section.parte-05 {width: 100%;display:  flex;justify-content: center; flex-wrap: wrap; background: #ff7800;}
.lp-namorados section.parte-05 .btn {display: flex; justify-content: center; width: 500px;}
.lp-namorados section.parte-05 .btn .voltar-aotopo {width: 220px; background: #212121; border-radius: 50px; margin: 40px auto; -webkit-transition: all 0.2s ease-in-out;}
.lp-namorados section.parte-05 .btn .voltar-aotopo a {text-align: center; font-size: 15px; color: #fff;font-weight: bold;}
.lp-namorados section.parte-05 .btn .voltar-aotopo h3 {padding: 15px 20px;}
.lp-namorados section.parte-05 .btn .voltar-aotopo:hover {background: #212121; opacity:0.8;-webkit-transition: all 0.2s}

/* TITULOS */
.lp-namorados h1 {margin: 0px 20px;text-align: center; width: 100%; font-weight: bold; font-size: 24px; color: white;margin-top: 20px;}
.lp-namorados h2 {margin: 0px 20px;text-align: center;font-size: 30px;font-weight: bold;}
.lp-namorados section.parte-02 h2 {color: #FFFFFF;margin-top: -5px;}
.lp-namorados section.parte-03 h2 {color: #fff}
.lp-namorados section.parte-04 h2 {color: #fff}
.lp-namorados section.faq h2 {color: #fff}
.texto {position: absolute; opacity: 0; animation: fader 4s infinite;}
.a {animation-delay: 0s;}
.b {animation-delay: 2s;}
@keyframes fader {10% {opacity: 1;} 40% {opacity: 1;} 50% {opacity: 0;}}



/* responsivo */
.img-mobile {display:none;}

@media all and (max-width: 768px) {

.img-mobile {display: block;}
.img-desk {display:none;}

.lp-namorados section.parte-02 {padding-top: 40px; background-image:linear-gradient(#250038 0%, #250038 60%, #8508C6 0%, #6E01B4 100%)}
.lp-namorados section.parte-02 .cards {width: 100%;background: #feaa00; padding-bottom: 20px; border-radius: 20px; margin: 50px 10px 0px 10px;}
.lp-namorados section.parte-03 .categorias a {width: 45%; }
.lp-namorados section.parte-03 .categorias:hover a:not(:hover) {filter: none; opacity: 1;}

.lp-namorados section.faq button {font-size: 14px; padding: 10px 20px;}

/* TITULOS */
.lp-namorados h2 {font-size: 24px;}



</style>