.elementor-30 .elementor-element.elementor-element-c893e47{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-30 .elementor-element.elementor-element-c893e47.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-30 .elementor-element.elementor-element-c893e47{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-e9d4ce8 *//* Remover espaço em brando lateral no mobile

 */
html, body{
    overflow-x: hidden !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c893e47 *//* ================================================= */
/* === ARQUIVO CSS MESTRE - MODACERTA 360º === */
/* ================================================= */


/* ============================ */
/* 1. RESET E ESTILOS GLOBAIS */
/* ============================ */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Poppins', sans-serif; background-color: #121212; color: #EAEAEA; line-height: 1.6; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
section { padding: 80px 0; position: relative; }
h1, h2, h3 { color: #FFFFFF; }
h1 { font-size: 3rem; line-height: 1.2; text-align: center; margin-bottom: 20px; }
h2 { font-size: 2.5rem; text-align: center; margin-bottom: 40px; }
p { font-size: 1.1rem; color: #BDBDBD; }
.cta-button { display: inline-block; background-color: #008000; color: #FFFFFF; font-size: 1.2rem; font-weight: 600; text-decoration: none; padding: 15px 35px; border-radius: 8px; transition: transform 0.2s ease, background-color 0.2s ease; text-transform: uppercase; border: none; cursor: pointer; }
.cta-button:hover { transform: scale(1.05); background-color: #006400; }

/* ... Todos os outros estilos que já criamos para Header, Menus, Páginas de Conta, PMPro, etc. ... */

/* ================================== */
/* NOVA PÁGINA PRINCIPAL PERSUASIVA (V2) */
/* ================================== */
.hero-section-v2 {
    padding: 0;
    position: relative;
    background-color: #121212;
    overflow: hidden;
}
.hero-background-image {
    background-image: url('https://modacerta360.com.br/wp-content/uploads/2025/06/loja-roupa-feminina-fundo.jpg');
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.15; /* Deixa a imagem bem sutil */
}
.hero-section-v2 .container {
    position: relative;
    z-index: 2;
    padding-top: 100px;
    padding-bottom: 100px;
}
.hero-grid-v2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 50px;
    align-items: center;
}
@media (min-width: 992px) {
    .hero-grid-v2 { grid-template-columns: 1.2fr 1fr; }
}
.hero-text-v2 h1 {
    font-size: 2.8rem;
    font-weight: 800;
    line-height: 1.3;
    text-align: left;
    color: #FFFFFF;
}
.hero-text-v2 h1 span { color: #FFD700; }
.hero-text-v2 .hero-subheadline-v2 {
    font-size: 1.2rem;
    color: #BDBDBD;
    text-align: left;
    margin: 20px 0 40px 0;
    max-width: 95%;
}
.hero-cta-v2 { font-size: 1.3rem; padding: 18px 40px; }
.hero-video-v2 {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}
.hero-video-v2 iframe { width: 100%; height: 100%; border: none; }
.video-placeholder { width: 100%; height: 100%; background-color: #1F1F1F; color: #BDBDBD; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 2px dashed #444; }
.video-placeholder i { font-size: 4rem; margin-bottom: 15px; }

.benefits-section-v2 { background-color: #1F1F1F; text-align: center; }
.benefits-grid-v2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.benefit-item-v2 { background-color: #121212; padding: 30px; border-radius: 10px; }
.benefit-item-v2 i { font-size: 2.5rem; color: #FFD700; margin-bottom: 20px; }
.benefit-item-v2 h3 { font-size: 1.5rem; margin-bottom: 15px; }
.benefit-item-v2 p { text-align: center; max-width: none; }

.how-it-works-section-v2 { text-align: center; }
.steps-grid-v2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 50px; }
.step-item-v2 { background-color: #1F1F1F; padding: 30px; border-radius: 10px; }
.step-number { background-color: #FFD700; color: #121212; font-weight: 700; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; font-size: 1.3rem; }
.step-item-v2 h3 { font-size: 1.4rem; margin-bottom: 15px; }
.step-item-v2 p { text-align: center; max-width: none; }

.testimonials-section-v2 { background-color: #1F1F1F; text-align: center; }
.testimonials-grid-v2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; }
.testimonial-item-v2 { background-color: #121212; padding: 30px; border-radius: 10px; }
.testimonial-item-v2 img { width: 70px; height: 70px; border-radius: 50%; object-fit: cover; margin-bottom: 20px; }
.testimonial-item-v2 p { font-style: italic; line-height: 1.7; margin: 0 auto 15px; text-align: center; }
.testimonial-author-v2 { font-weight: 600; color: #FFD700; font-size: 0.9rem; }

.cta-final-section-v2 { text-align: center; }
.cta-box-v2 { background-color: #1F1F1F; padding: 50px 40px; border-radius: 15px; max-width: 800px; margin: 0 auto; border-top: 5px solid #FFD700; }
.cta-box-v2 h2 { font-size: 2.2rem; }
.cta-box-v2 p { text-align: center; }
.cta-box-v2 .final-cta-v2 { font-size: 1.3rem; padding: 20px 40px; margin-top: 30px; }/* End custom CSS */