.elementor-30 .elementor-element.elementor-element-63bdce8{--display:flex;--min-height:678px;--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;--justify-content:center;--overlay-opacity:0.5;}.elementor-30 .elementor-element.elementor-element-63bdce8:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-63bdce8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://planodestaque.guiadabaixada.com.br/wp-content/uploads/2026/04/banner-desk.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-30 .elementor-element.elementor-element-63bdce8::before, .elementor-30 .elementor-element.elementor-element-63bdce8 > .elementor-background-video-container::before, .elementor-30 .elementor-element.elementor-element-63bdce8 > .e-con-inner > .elementor-background-video-container::before, .elementor-30 .elementor-element.elementor-element-63bdce8 > .elementor-background-slideshow::before, .elementor-30 .elementor-element.elementor-element-63bdce8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-30 .elementor-element.elementor-element-63bdce8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-30 .elementor-element.elementor-element-224777c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-30 .elementor-element.elementor-element-6c3ebd6{--display:flex;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-30 .elementor-element.elementor-element-39e899c{text-align:start;}.elementor-30 .elementor-element.elementor-element-39e899c img{width:41%;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-30 .elementor-element.elementor-element-9046e97{margin:-6% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;font-family:"Poppins", Sans-serif;font-size:45px;font-weight:400;line-height:41px;color:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-a670ccc{margin:-3% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;font-family:"Poppins", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-a670ccc p{margin-block-end:5px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-30 .elementor-element.elementor-element-c779dab .elementor-button{background-color:#FFE00D;font-family:"Poppins", Sans-serif;font-size:22px;font-weight:500;fill:#000000;color:#000000;border-radius:9px 9px 9px 9px;}.elementor-30 .elementor-element.elementor-element-82229ad{--display:flex;}.elementor-30 .elementor-element.elementor-element-df5d28d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-16a38c8{--display:flex;--min-height:413px;--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;--justify-content:center;--margin-top:-21px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-30 .elementor-element.elementor-element-16a38c8:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-16a38c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-30 .elementor-element.elementor-element-27c802e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF26;--border-color:#FFFFFF26;--border-radius:5px 5px 5px 5px;--margin-top:9px;--margin-bottom:9px;--margin-left:9px;--margin-right:9px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-30 .elementor-element.elementor-element-27c802e:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-27c802e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-30 .elementor-element.elementor-element-a9e835d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:44px;font-weight:600;color:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-90261bd{text-align:center;}.elementor-30 .elementor-element.elementor-element-90261bd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-30 .elementor-element.elementor-element-f35e6b2{--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;}@media(min-width:768px){.elementor-30 .elementor-element.elementor-element-df5d28d{--content-width:1600px;}}@media(max-width:767px){.elementor-30 .elementor-element.elementor-element-63bdce8:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-63bdce8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://planodestaque.guiadabaixada.com.br/wp-content/uploads/2026/04/mobile.png");}.elementor-30 .elementor-element.elementor-element-63bdce8{--overlay-opacity:1;}.elementor-30 .elementor-element.elementor-element-39e899c{text-align:center;}.elementor-30 .elementor-element.elementor-element-39e899c img{width:72%;}.elementor-30 .elementor-element.elementor-element-9046e97{text-align:center;font-size:28px;line-height:1em;}.elementor-30 .elementor-element.elementor-element-a670ccc{text-align:center;}.elementor-30 .elementor-element.elementor-element-82229ad{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}}/* Start custom CSS for html, class: .elementor-element-e22c0b0 */:root {
    --bg: #030306; /* Quase preto para Dark Mode Profissional */
    --primary: #007cf0; /* Azul SaaS Apple/Coink */
    --cyan: #00dfd8; /* Ciano Neon */
    --accent: #ff4d4d; /* Vermelho Alerta */
    --text: #ffffff;
    --text-dim: #a1a1a1;
    --glass: rgba(255, 255, 255, 0.02); /* Efeito Vidro Suave */
    --border: rgba(255, 255, 255, 0.08); /* Borda Glass */
}

/* RESET */
* { margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; }

body {
    background-color: var(--bg);
    color: var(--text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    line-height: 1.6;
    overflow-x: hidden;
}

.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* Fundo Fixo com Efeito Glow (SaaS Style) */
.glow-bg {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: 
        radial-gradient(circle at 15% 25%, rgba(0, 124, 240, 0.1) 0%, transparent 40%),
        radial-gradient(circle at 85% 75%, rgba(0, 223, 216, 0.05) 0%, transparent 40%);
    z-index: -1;
}

/* Typography Avançada */
h1 { font-size: 4rem; font-weight: 800; letter-spacing: -3px; line-height: 1.1; margin-bottom: 25px; }
h2 { font-size: 2.8rem; font-weight: 700; letter-spacing: -1.5px; margin-bottom: 20px; }
h4 { font-size: 1.4rem; font-weight: 600; margin-bottom: 10px; }

.gradient-text { 
    background: linear-gradient(90deg, var(--primary), var(--cyan)); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}
.title-center { text-align: center; margin-bottom: 60px; }

/* Sections */
.section { padding: 100px 0; }

/* Navbar (Modern Glass) */
.navbar {
    position: fixed; top: 0; width: 100%; z-index: 100;
    background: rgba(3, 3, 6, 0.8);
    backdrop-filter: blur(15px);
    border-bottom: 1px solid var(--border);
    padding: 20px 0;
}
.nav-content { display: flex; justify-content: space-between; align-items: center; }
.logo { font-weight: 800; font-size: 1.6rem; letter-spacing: -1px; }
.logo span { background: linear-gradient(90deg, var(--primary), var(--cyan)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.nav-btn { background: #fff; color: #000; padding: 10px 25px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 0.9rem; transition: 0.3s; }
.nav-btn:hover { box-shadow: 0 0 20px rgba(255,255,255,0.2); }

/* Hero */
.hero { padding: 160px 0 100px; }
.hero-container { display: flex; align-items: center; gap: 60px; }
.hero-text { flex: 1.2; }
.hero-image { flex: 0.8; }
.hero-img-effect { 
    width: 100%; border-radius: 20px; 
    border: 1px solid var(--border);
    box-shadow: 0 20px 60px rgba(0,0,0,0.5), 0 0 20px rgba(0, 124, 240, 0.1); 
}

.tag-modern { background: var(--glass); border: 1px solid var(--border); padding: 8px 20px; border-radius: 50px; font-size: 0.85rem; margin-bottom: 30px; display: inline-block; color: var(--cyan); font-weight: 600; }
.hero-text p { font-size: 1.3rem; color: var(--text-dim); margin-bottom: 50px; font-weight: 300; }

/* Buttons */
.btn-primary {
    background: linear-gradient(135deg, var(--primary), var(--cyan)); 
    color: #000; padding: 20px 45px; border-radius: 12px;
    text-decoration: none; font-weight: 800; font-size: 1.1rem; display: inline-block;
    transition: 0.3s;
    box-shadow: 0 10px 20px rgba(0, 124, 240, 0.2);
}
.btn-primary:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 124, 240, 0.4); }

/* Glass Cards */
.glass-card {
    background: var(--glass); border: 1px solid var(--border);
    padding: 50px; border-radius: 25px; backdrop-filter: blur(20px);
    transition: 0.3s;
}
.warning-border { border-left: 5px solid var(--accent); }

/* Bento Grid Avançado Problems */
.grid-problems { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 50px; }
.problem-item { text-align: center; padding: 40px; }
.icon-bad { font-size: 2.2rem; margin-bottom: 20px; color: var(--accent); }

.pior-cenario { margin-top: 40px; text-align: center; color: var(--accent); }

/* Solution Box (Impacto Neon) */
.solution-box {
    background: #FFE00D;
    color: #000; text-align: center; padding: 80px 0;
}
.solution-box h2 { color: #000; }
.solution-box p { font-weight: 600; font-size: 1.2rem; }

/* Advantages Grid */
.advantages-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.adv-card { position: relative; }
.adv-card span { font-size: 0.8rem; color: var(--cyan); font-weight: bold; margin-bottom: 10px; display: block; }
.adv-card p { color: var(--text-dim); }
.highlight-adv { border: 1px solid var(--cyan); background: rgba(0, 223, 216, 0.05); }

/* Authority Logos */
.section-authority { text-align: center; }
.logos-scroll { font-size: 1.6rem; font-weight: 800; opacity: 0.1; margin: 40px 0; color: #fff; text-transform: uppercase; }

/* Offer Card (A Conversão Branca) */
.section-offer { background-color: #000; color: #000; } /* Estilo Coink: Seção de conversão branca */
.offer-card { background: #fff; color: #000; box-shadow: 0 20px 60px rgba(0,0,0,0.05); border: 0; text-align: center;}
.offer-card h2 { color: #000; }
.price-container { margin: 40px 0; }
.current-price { font-size: 5rem; font-weight: 800; line-height: 1; margin: 10px 0; color: var(--primary); }
.current-price span { font-size: 1rem; color: #555; font-weight: 400; }
.old-price { text-decoration: line-through; color: #a1a1a1; font-size: 1.2rem;}
.benefits-list { list-style: none; margin: 40px 0; text-align: left; display: inline-block; color: #444; }
.benefits-list li { margin-bottom: 12px; font-weight: 500; font-size: 1.05rem; }

.exclusivity { color: var(--accent); font-weight: 800; margin-bottom: 15px; letter-spacing: 1px;}
.offer-actions { margin-top: 30px; }

/* FAQ Grid */
.faq-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
.faq-item hstrong { color: var(--cyan); }

/* Footer */
.footer { padding: 80px 0; text-align: center; border-top: 1px solid var(--border); color: var(--text-dim); }
.sub-footer { font-size: 0.8rem; margin-top: 20px; }

/* Animations & Effects */
@keyframes pulse {
    0% { transform: scale(1); box-shadow: 0 10px 20px rgba(0, 124, 240, 0.2); }
    50% { transform: scale(1.05); box-shadow: 0 20px 50px rgba(0, 124, 240, 0.5); }
    100% { transform: scale(1); box-shadow: 0 10px 20px rgba(0, 124, 240, 0.2); }
}
.pulse { animation: pulse 2.5s infinite; }

/* RESPONSIVIDADE (MOBILE-FIRST) */
@media (max-width: 992px) {
    .hero-container { flex-direction: column; text-align: center; gap: 40px;}
    .hero-img-effect { max-width: 400px; }
    .grid-problems, .advantages-grid { grid-template-columns: 1fr; }
    h1 { font-size: 2.8rem; }
    .current-price { font-size: 3.5rem; }
}

@media (max-width: 768px) {
    h1 { font-size: 2.3rem; }
    h2 { font-size: 1.9rem; }
    .section { padding: 60px 0; }
    .navbar { padding: 15px 0; }
}/* End custom CSS */