/* ===========================================================
   Gestor Leve — estilos próprios da landing page
   Base visual/layout continua sendo o tema Xintra.
   =========================================================== */

/* --- Ajustes gerais de conteúdo --- */
.media-slot{
 min-height:310px;border-radius:1rem;position:relative;overflow:hidden;
 background:linear-gradient(145deg,var(--primary01),var(--primary005));
 border:1px solid var(--primary02);display:flex;align-items:center;justify-content:center;
}
.media-slot .slot-inner{text-align:center;padding:2rem;max-width:330px}
.media-slot .slot-icon{
 width:72px;height:72px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
 background:var(--primary01);color:rgb(var(--primary-rgb));font-size:2rem;margin-bottom:1rem;
}
.media-slot.hero-slot{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.media-slot.hero-slot .slot-icon{background:rgba(255,255,255,.14);color:#fff}
.media-slot small{opacity:.72}
.gestor-logo{font-size:1.35rem;font-weight:800;color:rgb(var(--primary-rgb));text-decoration:none;white-space:nowrap}
.gestor-logo b{color:rgb(var(--primary1-rgb))}
.quick-strip{background:var(--custom-white);border-bottom:1px solid var(--default-border)}
.flow-line{font-weight:600;color:rgb(var(--primary-rgb))}
.price-main{font-size:2.4rem;line-height:1;font-weight:700}
.plan-featured{border:1px solid rgb(var(--primary-rgb))!important;box-shadow:0 0.5rem 1.2rem rgba(var(--primary-rgb),.10)!important}
.whatsapp-btn{background:#25D366!important;border-color:#25D366!important;color:#fff!important}
.whatsapp-btn:hover{background:#1fb85a!important;border-color:#1fb85a!important}
.whatsapp-float{
 position:fixed;right:22px;bottom:22px;z-index:1100;width:56px;height:56px;border-radius:50%;
 display:flex;align-items:center;justify-content:center;background:#25D366;color:#fff;font-size:1.6rem;
 box-shadow:0 8px 25px rgba(0,0,0,.18);text-decoration:none;border:none;outline:none;overflow:hidden;line-height:1
}
.whatsapp-float i{background:transparent;border:none}
/* Botão "voltar ao topo" do tema removido desta página — fica só o WhatsApp flutuante */
.scrollToTop{display:none!important}
.app-header .header-content-right{margin-inline-start:auto}
@media(max-width:767.98px){
 .landing-banner-heading{font-size:2rem!important}
 .media-slot{min-height:230px}
 .app-header .main-header-container{padding-inline:.75rem}
}

/* --- Paleta e tema "Gestor Leve" (azul) --- */
:root{
 --gl-navy:#202d4d; --gl-navy-2:#182541; --gl-blue:#5064f7; --gl-sky:#2aa8f7;
 --gl-bg:#f5f7fb; --gl-text:#17213a; --gl-muted:#6d7b9b; --gl-line:#e6ebf4;
 --gl-green:#20c997; --gl-red:#ff4d57; --gl-orange:#ff9f0a;
}
/* gestor-leve.css só carrega em /site — seguro travar overflow-x aqui direto */
html,body.landing-body{overflow-x:hidden}
body.landing-body{background:#fff;color:var(--gl-text)}
.app-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--gl-line)!important;box-shadow:0 5px 22px rgba(32,45,77,.04)!important}
.app-sidebar{background:#fff!important}
.gestor-logo{color:var(--gl-navy)!important;font-size:1.45rem;font-weight:800;letter-spacing:-.035em}
.landing-body .main-menu-container{justify-content:center}
.gestor-logo b{color:var(--gl-sky)!important}
.btn-primary{background:var(--gl-blue)!important;border-color:var(--gl-blue)!important}
.landing-banner{
 position:relative;overflow:hidden;
 background:
 radial-gradient(circle at 78% 25%,rgba(42,168,247,.22),transparent 27%),
 linear-gradient(128deg,var(--gl-navy-2) 0%,var(--gl-navy) 52%,#2a3b64 100%)!important;
}
.landing-banner:after{content:"";position:absolute;right:-120px;bottom:-220px;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%}
.landing-banner .container{position:relative;z-index:2}
.landing-banner-heading{font-size:clamp(1.8rem,2.9vw,2.85rem)!important;line-height:1.08!important;letter-spacing:-.05em!important}
.quick-strip{background:#fff!important;border-bottom:1px solid var(--gl-line)!important;padding:1.15rem 0!important}
.section{padding-top:5rem!important;padding-bottom:5rem!important}
.section-bg{background:var(--gl-bg)!important}
.landing-section-heading{color:var(--gl-blue)!important}
.media-slot{
 min-height:330px!important;border-radius:1.15rem!important;border:1px solid #dfe6f1!important;
 background:#fff!important;box-shadow:0 14px 45px rgba(32,45,77,.08)!important;overflow:hidden
}
.media-slot.hero-slot{min-height:400px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff}
.media-slot .slot-icon{background:#edf2ff!important;color:var(--gl-blue)!important}
.media-slot.hero-slot .slot-icon{background:rgba(255,255,255,.12)!important;color:#fff!important}
.card.custom-card.landing-card{border:1px solid var(--gl-line)!important;border-radius:1rem!important;box-shadow:0 10px 35px rgba(32,45,77,.055)!important}
.plan-featured{border:1.5px solid var(--gl-blue)!important}
.price-main{color:var(--gl-navy)!important}
.flow-line{color:var(--gl-blue)!important}
.landing-Features{background:linear-gradient(130deg,var(--gl-navy-2),var(--gl-navy) 62%,#2c3e68)!important}
.accordion-item{border-color:var(--gl-line)!important}
.accordion-button:not(.collapsed){background:#eef1ff!important;color:var(--gl-blue)!important}
.whatsapp-btn{background:#20b86a!important;border-color:#20b86a!important;color:#fff!important}
.whatsapp-float{background:#20b86a!important}
.faux-window{width:100%;background:#fff;border-radius:1.15rem;padding:.85rem;box-shadow:0 18px 48px rgba(32,45,77,.28)}
.faux-window img{display:block;width:100%;height:auto;margin-top:.75rem;border-radius:.75rem}
.faux-top{height:38px;border-radius:.6rem;background:#f6f8fc;border:1px solid #e8edf5;display:flex;align-items:center;gap:.35rem;padding:0 .7rem;color:#6d7b9b}
.faux-dot{width:7px;height:7px;border-radius:50%;background:#ccd4e4}
.phone-mock{width:240px;height:400px;margin:auto;border:7px solid var(--gl-navy);border-radius:28px;background:#fff;padding:16px 10px;box-shadow:0 18px 40px rgba(32,45,77,.16)}
.chat{padding:.55rem .7rem;border-radius:.75rem;background:#e8f9ef;font-size:.72rem;margin-top:1rem;color:#315a42}
@media(max-width:767.98px){.section{padding-top:3.75rem!important;padding-bottom:3.75rem!important}.media-slot,.media-slot.hero-slot{min-height:260px!important}.landing-banner-heading{font-size:1.9rem!important}}

/* --- Ajustes finos (v3), sem alterar a estrutura original do Xintra --- */
.gl-mobile-emphasis{display:flex;align-items:center;justify-content:center;gap:1.35rem;max-width:940px;margin:auto;text-align:left}
.gl-mobile-icon{flex:0 0 92px;width:92px;height:92px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:#edf3ff;color:var(--gl-blue);font-size:3.15rem;box-shadow:0 10px 28px rgba(80,100,247,.12)}
.gl-checklist-row{background:#f5f7fb}
.gl-despesas-card{min-height:440px}
.gl-note-card{background:#fff9ec;border:1px dashed rgba(255,193,7,.4)}
.gl-expense-visuals{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch}
.gl-expense-visuals>.media-slot{min-width:0;height:560px;min-height:0!important}
/* A moldura usa a mesma proporção das imagens (739x1600) para o print aparecer
   inteiro — sem cortar as laterais nem o topo/rodapé. */
.phone-frame{position:relative;width:250px;max-width:100%;height:auto;flex-shrink:0;aspect-ratio:739/1600;margin:auto;border:7px solid var(--gl-navy);border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 18px 40px rgba(32,45,77,.16);box-sizing:border-box}
.phone-frame img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}

/* Barra de navegação do Android (voltar / início / recentes), simulada por
   cima dos prints de celular para dar a sensação de tela real do aparelho. */
.android-navbar{
 position:absolute!important;left:0;right:0;bottom:0;height:28px;z-index:5;
 display:flex!important;align-items:center;justify-content:space-evenly;
 background:rgba(6,9,20,.92);border-top:1px solid rgba(255,255,255,.08);
 pointer-events:none;
}
.android-navbar span{display:block;flex-shrink:0}
.android-navbar .and-back{
 width:0;height:0;border-style:solid;border-width:5px 8px 5px 0;
 border-color:transparent rgba(255,255,255,.95) transparent transparent;
}
.android-navbar .and-home{width:12px;height:12px;border-radius:50%;border:1.6px solid rgba(255,255,255,.95)}
.android-navbar .and-recent{width:12px;height:12px;border:1.6px solid rgba(255,255,255,.95);border-radius:2.5px}
.gl-gallery-thumbs .android-navbar{height:14px;border-top-width:1px}
.gl-gallery-thumbs .android-navbar .and-back{border-width:3px 5px 3px 0}
.gl-gallery-thumbs .android-navbar .and-home{width:7px;height:7px;border-width:1.1px}
.gl-gallery-thumbs .android-navbar .and-recent{width:7px;height:7px;border-width:1.1px}
.gl-system-screen{width:100%;padding:1.15rem}
.gl-system-screen-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.85rem;margin-bottom:1rem;border-bottom:1px solid var(--gl-line)}
.gl-form-row{display:flex;justify-content:space-between;gap:.75rem;padding:.72rem .8rem;margin-bottom:.65rem;border:1px solid #e5eaf3;border-radius:.65rem;background:#f7f9fc;font-size:.78rem;color:#6d7b9b}
.gl-form-row strong{color:var(--gl-navy);text-align:right}
.gl-final-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:3rem;align-items:center}
.gl-final-shot{border:1px solid rgba(255,255,255,.16);border-radius:1.2rem;background:rgba(255,255,255,.07);padding:1.15rem}
.gl-thin-footer{padding:.7rem 0!important}
.gl-thin-footer .footer-brand{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700}
.gl-thin-footer .footer-by{font-size:.7rem;font-weight:500;opacity:.5;letter-spacing:.03em}
/* Chip branco (a logo Inovatec é navy+laranja e some no rodapé escuro). Usa a
   versão "-trim" — recortada nas margens transparentes do PNG original — para
   a logo preencher o chip em vez de ficar pequena com espaço vazio em volta. */
.gl-thin-footer .footer-inovatec{display:inline-flex;align-items:center;background:#fff;border-radius:999px;padding:.32rem .62rem;box-shadow:0 2px 9px rgba(0,0,0,.2)}
.gl-thin-footer .footer-inovatec img{height:21px;width:auto;display:block}
.gl-thin-footer .footer-copy{font-size:.7rem;opacity:.7}
@media(max-width:575.98px){
 .gl-thin-footer .footer-inovatec img{height:18px}
}
@media(max-width:991.98px){
 .gl-expense-visuals,.gl-final-grid{grid-template-columns:1fr}
 .gl-final-grid{gap:1.5rem}
 .gl-final-copy{text-align:center}
 .gl-expense-visuals>.media-slot{height:445px}
 .phone-frame{width:195px}
 .gl-despesas-card{min-height:0}
}
@media(max-width:575.98px){
 .gl-mobile-emphasis{gap:.85rem}
 .gl-mobile-icon{flex-basis:64px;width:64px;height:64px;border-radius:18px;font-size:2.25rem}
}

/* --- Galerias de imagens estilo e-commerce (seção Resultados) --- */
.gl-gallery-main{border-radius:1.15rem;overflow:hidden;border:1px solid #dfe6f1;background:#f5f7fb;box-shadow:0 14px 45px rgba(32,45,77,.08)}
.gl-gallery-main .swiper-slide{display:flex;flex-direction:column;align-items:center;justify-content:center;height:460px;padding:1.35rem 1.5rem 1.1rem;gap:.6rem}
/* Prints de computador são panorâmicos: o card fica mais baixo para a moldura
   não nadar em espaço vazio. Se o navegador não suportar :has(), o card mantém
   a altura padrão (moldura centralizada) — sem quebra. */
.gl-gallery-main .swiper-slide:has(.gl-frame-monitor){height:330px}
.gl-gallery-main .swiper-slide>.gl-frame{flex:1 1 auto;min-height:0}
.gl-frame-title{flex:0 0 auto;font-size:.9rem;font-weight:600;color:var(--gl-navy);text-align:center}
.gl-gallery-main .swiper-button-prev,.gl-gallery-main .swiper-button-next{width:2.6rem;height:2.6rem;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(32,45,77,.14);color:var(--gl-blue)}
.gl-gallery-main .swiper-button-prev:after,.gl-gallery-main .swiper-button-next:after{font-size:1.05rem;font-weight:700}
.gl-gallery-thumbs{margin-top:.75rem}
.gl-gallery-thumbs .swiper-slide{display:flex;align-items:center;justify-content:center;height:76px;padding:.35rem;border-radius:.65rem;opacity:.55;cursor:pointer;transition:opacity .15s}
.gl-gallery-thumbs .swiper-slide-thumb-active{opacity:1}

/* Clique na imagem abre a versão ampliada em modal */
.gl-has-zoom{position:relative;cursor:pointer}
.gl-has-zoom .gl-frame{transition:transform .15s}
.gl-has-zoom:hover .gl-frame{transform:scale(1.015)}

/* Moldura de monitor (prints da versão computador)
   A tela usa proporção próxima à dos prints (~16/7) para o conteúdo aparecer
   inteiro; qualquer folga fica em branco (invisível sobre o print), sem barras
   pretas. */
.gl-frame-monitor{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}
.gl-frame-monitor .gl-frame-screen{flex:0 1 auto;width:100%;max-height:100%;aspect-ratio:16/7;border:8px solid var(--gl-navy);border-radius:.6rem;background:#fff;overflow:hidden}
.gl-frame-monitor .gl-frame-screen img{width:100%;height:100%;object-fit:contain;object-position:top center;display:block}
.gl-frame-monitor .gl-frame-stand{position:relative;flex:0 0 auto;width:110px;height:10px;margin-top:14px;background:var(--gl-navy);border-radius:0 0 6px 6px}
.gl-frame-monitor .gl-frame-stand:before{content:"";position:absolute;left:50%;bottom:100%;transform:translateX(-50%);width:16px;height:18px;background:var(--gl-navy)}

/* Moldura de celular (prints da versão mobile).
   A moldura é um pouco mais alta que o print (aspect-ratio 39/74 vs 39/70 da
   imagem) para reservar uma "safe area" à barra de navegação Android simulada:
   a barra fica ABAIXO do print, em faixa própria, em vez de cobrir a parte de
   baixo da imagem — assim aparece mais conteúdo do print. */
.gl-frame-phone{position:relative;display:flex;flex-direction:column;height:100%;width:auto;aspect-ratio:39/74;max-width:100%;margin:auto;border:7px solid var(--gl-navy);border-radius:1.6rem;background:#fff;overflow:hidden;box-sizing:border-box}
.gl-frame-phone:before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:42px;height:5px;border-radius:3px;background:rgba(20,30,55,.22);z-index:2}
.gl-frame-phone img{flex:1 1 auto;min-height:0;width:100%;height:auto;object-fit:cover;object-position:top center;display:block}
.gl-frame-phone .android-navbar{position:relative!important;flex:0 0 30px;left:auto;right:auto;bottom:auto;z-index:auto}

/* Miniaturas: mesma moldura, versão reduzida */
.gl-gallery-thumbs .gl-frame-monitor .gl-frame-screen{border-width:3px;border-radius:.35rem}
.gl-gallery-thumbs .gl-frame-monitor .gl-frame-stand{display:none}
.gl-gallery-thumbs .gl-frame-phone{border-width:3px;border-radius:.6rem;max-width:70px;aspect-ratio:39/70}
.gl-gallery-thumbs .gl-frame-phone:before{display:none}
.gl-gallery-thumbs .gl-frame-phone .android-navbar{display:none!important}
.gl-gallery-thumbs .swiper-slide-thumb-active .gl-frame-monitor .gl-frame-screen,
.gl-gallery-thumbs .swiper-slide-thumb-active .gl-frame-phone{border-color:var(--gl-blue)}

@media(max-width:767.98px){
 .gl-gallery-main .swiper-slide{height:300px;padding:.85rem}
 .gl-gallery-main .swiper-slide:has(.gl-frame-monitor){height:225px}
 .gl-frame-phone{aspect-ratio:39/72}
 .gl-frame-phone .android-navbar{flex-basis:22px}
 .gl-frame-title{font-size:.82rem}
 .gl-gallery-main .swiper-button-prev,.gl-gallery-main .swiper-button-next{display:none}
 .gl-gallery-thumbs .swiper-slide{height:56px}
}

/* Modal de zoom (lightbox estilo e-commerce) */
.gl-zoom-modal .modal-dialog{max-width:900px}
.gl-zoom-modal .modal-content{background:transparent;border:none}
.gl-zoom-close{position:absolute;top:-.9rem;right:-.9rem;z-index:10;width:2.4rem;height:2.4rem;border:none;border-radius:50%;background:#fff;color:#e02424;display:flex;align-items:center;justify-content:center;font-size:1.35rem;line-height:1;box-shadow:0 6px 16px rgba(0,0,0,.3);cursor:pointer;transition:background .15s,transform .15s}
.gl-zoom-close:hover{background:#e02424;color:#fff;transform:scale(1.06)}
.gl-zoom-swiper .swiper-slide{display:flex;flex-direction:column;align-items:center;justify-content:center}
.gl-zoom-swiper .swiper-slide>img{width:100%;max-height:78vh;object-fit:contain;border-radius:.9rem;background:#0c1526}
.gl-zoom-caption{margin-top:.85rem;color:#fff;font-weight:600;text-align:center}
.gl-zoom-swiper .swiper-button-prev,.gl-zoom-swiper .swiper-button-next{color:#fff;background:rgba(255,255,255,.12);width:2.6rem;height:2.6rem;border-radius:50%}
.gl-zoom-swiper .swiper-button-prev:after,.gl-zoom-swiper .swiper-button-next:after{font-size:1.05rem;font-weight:700}

/* Zoom de prints mobile: mantém a moldura de celular em vez da imagem solta */
.gl-zoom-swiper .gl-frame-phone{height:min(80vh,640px);width:auto;max-width:100%;margin:0 auto}
.gl-zoom-swiper .gl-frame-phone img{width:100%;height:auto;max-height:none;object-fit:cover;border-radius:0;background:none}
.gl-zoom-swiper .gl-frame-phone .android-navbar{flex-basis:40px}

/* Zoom de prints desktop: mantém a moldura de monitor em vez da imagem solta */
.gl-zoom-swiper .gl-frame-monitor{width:100%}
.gl-zoom-swiper .gl-frame-monitor .gl-frame-screen{max-width:100%;max-height:80vh}
@media(max-width:575.98px){
 .gl-zoom-close{top:-2.5rem;right:0}
 .gl-zoom-swiper .gl-frame-phone{height:60vh}
}

/* Lightbox simples para imagens soltas da página (fora das galerias com swiper):
   escurece o fundo e dá zoom centralizado na imagem clicada. */
.gl-zoomable,.phone-frame img,.faux-window img,.gl-final-shot img{cursor:zoom-in}
.gl-lightbox{
 position:fixed;inset:0;z-index:2000;background:rgba(10,16,32,.88);
 display:flex;align-items:center;justify-content:center;padding:2.5rem;
 opacity:0;visibility:hidden;transition:opacity .25s ease;cursor:zoom-out
}
.gl-lightbox.show{opacity:1;visibility:visible}
.gl-lightbox img{
 max-width:min(90vw,760px);max-height:88vh;border-radius:1rem;cursor:default;
 box-shadow:0 30px 80px rgba(0,0,0,.5);transform:scale(.92);transition:transform .25s ease
}
.gl-lightbox.show img{transform:scale(1)}
.gl-lightbox-close{
 position:absolute;top:22px;right:26px;width:2.6rem;height:2.6rem;border-radius:50%;
 border:none;background:rgba(255,255,255,.12);color:#fff;font-size:1.35rem;
 display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s
}
.gl-lightbox-close:hover{background:rgba(255,255,255,.24)}
body.gl-lightbox-open{overflow:hidden}
@media(max-width:575.98px){
 .gl-lightbox{padding:1.25rem}
 .gl-lightbox-close{top:12px;right:14px}
}

/* --- Seção Planos (pricing cards) --- */
.gl-pricing-card{border:1px solid var(--gl-line);border-radius:1rem;transition:transform .2s,box-shadow .2s}
.gl-pricing-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(32,45,77,.12)}
.gl-pricing-ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--gl-blue),var(--gl-sky));color:#fff;border-radius:20px;padding:4px 16px;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 3px 10px rgba(80,100,247,.35);z-index:1}
.gl-price{font-size:2.4rem;font-weight:800;color:var(--gl-navy);line-height:1}
.gl-price sup{font-size:1.4rem;font-weight:600}
.gl-price span{font-size:1rem;font-weight:500;color:var(--gl-muted)}
.gl-price-total{font-size:.8rem;color:var(--gl-muted);margin-top:.35rem}
.gl-savings-tag{display:inline-block;background:#dcfce7;color:#16a34a;border-radius:20px;padding:5px 15px;font-size:13.5px;font-weight:700;letter-spacing:.01em}
.gl-feature-list li{padding:7px 0;border-bottom:1px solid var(--gl-line);display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--gl-text)}
.gl-feature-list li:last-child{border-bottom:none}
.gl-feature-list li i{color:var(--gl-blue);font-size:15px;margin-top:1px;flex-shrink:0}
.gl-plan-dark{background:linear-gradient(160deg,var(--gl-navy) 0%,var(--gl-navy-2) 100%)!important;border-color:var(--gl-navy)!important}
.gl-feature-list-dark li{border-bottom-color:rgba(255,255,255,.12);color:rgba(255,255,255,.85)}
.gl-feature-list-dark li i{color:#8ea1ff}
.gl-btn-gradient{background:linear-gradient(135deg,var(--gl-blue),var(--gl-sky));color:#fff;border:none}
.gl-btn-gradient:hover{color:#fff;filter:brightness(1.08)}

/* Planos com features compartilhadas: cards só de preço + bloco único
   "tudo incluído". A diferença real entre planos é apenas o valor. */
.gl-savings-tag-neutral{background:#eef1ff;color:var(--gl-blue)}
.gl-plans-row .gl-price-total{min-height:2.4em;display:flex;align-items:center;justify-content:center}
.gl-included-card{border-radius:1rem}
.gl-included-list{display:grid;grid-template-columns:1fr 1fr;column-gap:2.25rem}
/* Separadores como borda superior: a última linha nunca fica com traço solto,
   independente de a lista ter número par ou ímpar de itens. */
.gl-included-list li{border-bottom:none;border-top:1px solid var(--gl-line)}
.gl-included-list li:first-child,
.gl-included-list li:nth-child(2){border-top:none}
@media (max-width:767.98px){
  .gl-included-list{grid-template-columns:1fr;column-gap:0}
  .gl-included-list li:nth-child(2){border-top:1px solid var(--gl-line)}
  .gl-plans-row .gl-price-total{min-height:0}
}
[data-theme-mode=dark] .gl-savings-tag-neutral{background:rgba(80,100,247,.18);color:#8ea1ff}
[data-theme-mode=dark] .gl-included-list li{border-top-color:rgba(255,255,255,.1)}

/* ===========================================================
   Modo escuro
   As regras acima fixam fundos claros com !important (era um
   design só-claro). O texto (h1-h6, .text-muted, menu) já troca
   de cor sozinho via variáveis do tema Xintra — só faltava o
   fundo acompanhar. Reaproveita a paleta navy do hero/CTA.
   =========================================================== */
[data-theme-mode=dark]{--gl-text:#e7ecf9}
[data-theme-mode=dark] body.landing-body{background:var(--gl-navy-2)}
[data-theme-mode=dark] .app-header{background:rgba(24,37,65,.96)!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
[data-theme-mode=dark] .app-sidebar{background:var(--gl-navy-2)!important}
[data-theme-mode=dark] .gestor-logo{color:#eef1fb!important}
[data-theme-mode=dark] .quick-strip{background:var(--gl-navy-2)!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
[data-theme-mode=dark] .section-bg{background:var(--gl-navy)!important}
[data-theme-mode=dark] .media-slot{background:var(--gl-navy)!important;border-color:rgba(255,255,255,.12)!important}
[data-theme-mode=dark] .media-slot.hero-slot{background:rgba(255,255,255,.07)!important}
[data-theme-mode=dark] .gl-mobile-icon{background:rgba(255,255,255,.1)}
[data-theme-mode=dark] .gl-checklist-row{background:rgba(255,255,255,.08)}
[data-theme-mode=dark] .gl-note-card{background:rgba(255,193,7,.08);border-color:rgba(255,193,7,.3)}
[data-theme-mode=dark] .gl-gallery-main{background:var(--gl-navy);border-color:rgba(255,255,255,.12)}
[data-theme-mode=dark] .gl-frame-title{color:#e7ecf9}
[data-theme-mode=dark] .gl-price{color:#eef1fb}
[data-theme-mode=dark] .accordion-button:not(.collapsed){background:rgba(80,100,247,.18)!important;color:#8ea1ff!important}
/* .phone-mock representa a tela de um celular (mockup do WhatsApp) e
   fica sempre clara, como um print real — não acompanha o tema do site */
[data-theme-mode=dark] .phone-mock .text-muted{color:#6d7b9b!important}
[data-theme-mode=dark] .phone-mock,[data-theme-mode=dark] .phone-frame{border-color:#4a5a89;box-shadow:0 18px 40px rgba(0,0,0,.35)}
[data-theme-mode=dark] .phone-frame{background:#eef2f8}
[data-theme-mode=dark] .gl-frame-monitor .gl-frame-screen,[data-theme-mode=dark] .gl-frame-phone{border-color:#4a5a89;background:#0d1526}
[data-theme-mode=dark] .gl-frame-monitor .gl-frame-stand,[data-theme-mode=dark] .gl-frame-monitor .gl-frame-stand:before{background:#4a5a89}
/* No modo escuro, as "janelas" (faux-window) que antes ficavam brancas passam a
   usar a paleta navy da página — os prints escuros não ficam mais "quebrados"
   dentro de uma caixa branca destoante. */
[data-theme-mode=dark] .faux-window{background:#14213f;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 48px rgba(0,0,0,.4)}
[data-theme-mode=dark] .faux-top{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#a9b5d3}
[data-theme-mode=dark] .faux-dot{background:rgba(255,255,255,.22)}

/* ===========================================================
   Seção Transformação — narrativa dor -> resultado
   Duas colunas ("Hoje você..." / "Com o Gestor Leve, você...")
   separadas por linhas sutis. No mobile vira coluna única
   mantendo a hierarquia (antes discreto, depois em destaque).
   =========================================================== */
.gl-transform{max-width:880px;margin:0 auto}
.gl-transform-title{font-size:clamp(1.55rem,1rem + 2.4vw,2.35rem);line-height:1.28;letter-spacing:-.02em;color:var(--gl-navy);max-width:760px;margin-left:auto;margin-right:auto}
.gl-transform-title .accent{color:var(--gl-blue)}
.gl-transform-lead{max-width:540px}
.gl-transform-table{margin-top:2.75rem;border-top:1px solid var(--gl-line)}
.gl-transform-head,
.gl-transform-row{display:grid;grid-template-columns:1fr 1fr;gap:2.75rem}
.gl-transform-head{padding:1.05rem .25rem .55rem}
.gl-transform-head span{font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gl-muted)}
.gl-transform-head span:last-child{color:var(--gl-blue)}
.gl-transform-row{padding:1.45rem .25rem;border-top:1px solid var(--gl-line)}
.gl-transform-row>div{display:flex;gap:.7rem;align-items:flex-start}
.gl-transform-row i{font-size:1.15rem;line-height:1.5;flex-shrink:0}
.gl-transform-before i{color:var(--gl-muted)}
.gl-transform-after i{color:var(--gl-green)}
.gl-transform-row p{margin:0;font-size:.95rem;line-height:1.6}
.gl-transform-before p{color:var(--gl-muted)}
.gl-transform-after p{color:var(--gl-text);font-weight:500}
.gl-transform-row>div::before{content:attr(data-label);display:none}
.gl-transform-close{margin:2.5rem auto 0;max-width:560px;font-size:.98rem;color:var(--gl-muted)}

@media (max-width:767.98px){
  .gl-transform-table{margin-top:2rem}
  .gl-transform-head{display:none}
  .gl-transform-row{grid-template-columns:1fr;gap:0;padding:1.35rem 0}
  .gl-transform-before{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px dashed var(--gl-line)}
  .gl-transform-row>div::before{display:block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gl-muted);margin-bottom:.4rem;padding-left:1.85rem}
  .gl-transform-after::before{color:var(--gl-blue)}
}

[data-theme-mode=dark] .gl-transform-title{color:#eef1fb}
[data-theme-mode=dark] .gl-transform-table,
[data-theme-mode=dark] .gl-transform-row{border-color:rgba(255,255,255,.1)}
[data-theme-mode=dark] .gl-transform-before{border-color:rgba(255,255,255,.12)}
[data-theme-mode=dark] .gl-transform-head span{color:#a9b5d3}
[data-theme-mode=dark] .gl-transform-head span:last-child,
[data-theme-mode=dark] .gl-transform-after::before{color:#8ea1ff}
[data-theme-mode=dark] .gl-transform-before p,
[data-theme-mode=dark] .gl-transform-before i{color:#9aa6c4}
[data-theme-mode=dark] .gl-transform-close{color:#9aa6c4}

/* ===========================================================
   Modal "Falar com um especialista" (captura de lead)
   =========================================================== */
.gl-especialista-modal .modal-content{position:relative;border:none;border-radius:1.15rem;overflow:hidden;box-shadow:0 30px 80px rgba(15,23,42,.32)}
.gl-especialista-close{position:absolute;top:14px;right:14px;z-index:3;width:34px;height:34px;border:none;border-radius:50%;background:#f1f5f9;color:#475569;font-size:1.15rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}
.gl-especialista-close:hover{background:#e2e8f0}
.gl-especialista-form,.gl-especialista-sucesso{padding:2.35rem 2rem 2rem}
.gl-especialista-head{text-align:center;margin-bottom:1.5rem}
.gl-especialista-icon{width:56px;height:56px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gl-green),#16a34a);color:#fff;font-size:1.7rem;margin-bottom:.9rem}
.gl-especialista-head h4{font-weight:700;color:var(--gl-navy);margin-bottom:.4rem;letter-spacing:-.01em}
.gl-especialista-head p{font-size:.92rem;color:var(--gl-muted);line-height:1.55;max-width:360px;margin:0 auto}
.gl-especialista-campo{margin-bottom:.95rem}
.gl-especialista-campo label{display:block;font-size:.8rem;font-weight:600;color:var(--gl-navy);margin-bottom:.35rem}
.gl-especialista-campo input{width:100%;padding:.72rem .85rem;border:1px solid var(--gl-line);border-radius:.6rem;font-size:.95rem;color:var(--gl-text);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}
.gl-especialista-campo input:focus{border-color:var(--gl-blue);box-shadow:0 0 0 3px rgba(80,100,247,.12)}
.gl-especialista-campo input.is-invalid{border-color:var(--gl-red);box-shadow:0 0 0 3px rgba(255,77,87,.12)}
.gl-especialista-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.gl-especialista-erro{display:none;font-size:.82rem;color:var(--gl-red);margin:.1rem 0 .55rem}
.gl-especialista-erro.mostrar{display:block}
.gl-especialista-submit{display:flex;align-items:center;justify-content:center;width:100%;padding:.82rem 1rem;margin-top:.4rem;border:none;border-radius:.6rem;font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--gl-green),#16a34a);cursor:pointer;text-decoration:none;transition:filter .15s}
.gl-especialista-submit:hover{filter:brightness(1.06);color:#fff}
.gl-especialista-submit:disabled{opacity:.6;cursor:default;filter:none}
.gl-especialista-submit-neutro{background:#f1f5f9;color:#475569}
.gl-especialista-submit-neutro:hover{background:#e2e8f0;color:#475569;filter:none}
.gl-especialista-nota{font-size:.75rem;color:var(--gl-muted);text-align:center;margin:.75rem 0 0}
.gl-especialista-sucesso{text-align:center}
.gl-especialista-check{width:58px;height:58px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#dcfce7;color:#16a34a;font-size:2rem;margin-bottom:1rem}
.gl-especialista-sucesso h4{font-weight:700;color:var(--gl-navy);margin-bottom:.5rem}
.gl-especialista-sucesso p{font-size:.92rem;color:var(--gl-muted);line-height:1.55;max-width:360px;margin:0 auto 1.25rem}

[data-theme-mode=dark] .gl-especialista-modal .modal-content{background:#14213f}
[data-theme-mode=dark] .gl-especialista-close{background:rgba(255,255,255,.1);color:#cbd5e1}
[data-theme-mode=dark] .gl-especialista-close:hover{background:rgba(255,255,255,.18)}
[data-theme-mode=dark] .gl-especialista-head h4,
[data-theme-mode=dark] .gl-especialista-sucesso h4{color:#eef1fb}
[data-theme-mode=dark] .gl-especialista-campo label{color:#cbd5e1}
[data-theme-mode=dark] .gl-especialista-campo input{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:#e7ecf9}
[data-theme-mode=dark] .gl-especialista-campo input::placeholder{color:#7c8aa8}
[data-theme-mode=dark] .gl-especialista-submit-neutro{background:rgba(255,255,255,.1);color:#cbd5e1}
[data-theme-mode=dark] .gl-especialista-submit-neutro:hover{background:rgba(255,255,255,.16);color:#cbd5e1}