/* PortalNews — páginas de vendas limpas e compactas (V7) */
:root{
  --sales-v7-bg:#f4f6fa;
  --sales-v7-surface:#ffffff;
  --sales-v7-surface-soft:#f8fafc;
  --sales-v7-text:#101828;
  --sales-v7-muted:#667085;
  --sales-v7-line:#e4e7ec;
  --sales-v7-accent:#dc1731;
  --sales-v7-accent-dark:#a90d22;
  --sales-v7-radius:20px;
  --sales-v7-shadow:0 10px 30px rgba(15,23,42,.07);
}

/* Ajuste 08/08: menu mobile sem corte nas vendas do Admin e Super Admin */
@media(max-width:900px){
  body .superSalesPage,
  body .salesPage.adminPersuasive{overflow:visible!important}
  body .saleTop.superSaleTop,
  body .salesPage.adminPersuasive .saleTop{
    display:flex!important;
    align-items:center!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  body .saleTop .salesHeaderActions{position:static!important;width:0!important;min-width:0!important;margin:0!important}
  body .saleTop .salesMobileMenu{
    position:relative!important;
    z-index:3005!important;
    display:inline-flex!important;
    margin-left:auto!important;
  }
  body .saleTop .salesNav,
  body .superSaleTop .salesNav,
  body .salesPage.adminPersuasive .saleTop .salesNav{
    position:fixed!important;
    inset:0 0 0 auto!important;
    width:min(88vw,360px)!important;
    height:100dvh!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:82px 18px 26px!important;
    overflow-y:auto!important;
    border:0!important;
    border-radius:24px 0 0 24px!important;
    background:#fff!important;
    box-shadow:-28px 0 80px rgba(15,23,42,.3)!important;
    transform:translateX(110%)!important;
    transition:transform .25s ease!important;
    z-index:3004!important;
  }
  body .saleTop .salesNav.show,
  body .superSaleTop .salesNav.show,
  body .salesPage.adminPersuasive .saleTop .salesNav.show{transform:translateX(0)!important}
  body .saleTop .salesNav:before{content:'Menu';position:absolute;top:25px;left:20px;color:#101828;font-size:21px;font-weight:950}
  body .saleTop .salesNav>a,
  body .saleTop .salesNav>button{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:48px!important;
    margin:0!important;
    padding:12px 14px!important;
    border:1px solid #e4e7ec!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#344054!important;
    font-size:14px!important;
    font-weight:850!important;
    text-align:left!important;
  }
  body .saleTop .salesNav>a.btn{justify-content:center!important;background:linear-gradient(135deg,#ef334d,#a90d22)!important;color:#fff!important;border-color:transparent!important}
  body.salesMenuOpen{overflow:hidden!important}
  body.salesMenuOpen:before{content:'';position:fixed;inset:0;z-index:2999;background:rgba(2,6,23,.58);backdrop-filter:blur(3px)}
}

/* Jornal Digital: revista no celular e jornal no computador, ambos interativos */
.jornalRealDemos{padding:20px!important}
.jornalRealDemoGrid{align-items:stretch!important;gap:18px!important}
.jornalRealDemoCard{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-between!important;padding:18px!important;overflow:visible!important}
.jornalRealDevice{position:relative;display:block;width:100%;margin:auto}
.jornalRealDevice .jornalRealFrame:after{display:none!important}
.jornalRealDevice .jornalRealFrame iframe{pointer-events:auto!important}
.jornalRealPhone{max-width:238px;padding:13px 9px 15px;border:2px solid #293142;border-radius:34px;background:#080b11;box-shadow:0 25px 55px rgba(15,23,42,.25),inset 0 0 0 2px rgba(255,255,255,.08)}
.jornalRealPhone .jornalPhoneSpeaker{position:absolute;z-index:3;top:6px;left:50%;width:54px;height:5px;transform:translateX(-50%);border-radius:999px;background:#333b49}
.jornalRealPhone .jornalRealFrame{height:368px!important;border:0!important;border-radius:23px!important;background:#fff}
.jornalRealPhone .jornalRealFrame iframe{left:50%!important;width:1200px!important;height:900px!important;transform:translateX(-50%) scale(.405)!important;transform-origin:top center!important}
.jornalRealDesktop{max-width:430px;padding:8px 8px 14px;border:2px solid #253044;border-radius:18px;background:#101827;box-shadow:0 25px 55px rgba(15,23,42,.25)}
.jornalDesktopBar{height:25px;display:flex;align-items:center;gap:5px;padding:0 4px;color:#fff;font-size:9px}
.jornalDesktopBar i{width:7px;height:7px;border-radius:50%;background:#ff5d5d}.jornalDesktopBar i:nth-child(2){background:#ffc14d}.jornalDesktopBar i:nth-child(3){background:#45cf83}.jornalDesktopBar b{margin-left:auto;margin-right:5px;opacity:.8}
.jornalRealDesktop .jornalRealFrame{height:300px!important;border:0!important;border-radius:10px!important;background:#fff}
.jornalRealDesktop .jornalRealFrame iframe{left:50%!important;width:1200px!important;height:900px!important;transform:translateX(-50%) scale(.36)!important;transform-origin:top center!important}
.jornalDesktopStand{position:absolute;left:50%;bottom:-24px;width:92px;height:24px;transform:translateX(-50%);border-radius:0 0 9px 9px;background:linear-gradient(90deg,#7d8797,#dce1e8 48%,#7d8797)}
.jornalDesktopStand:after{content:'';position:absolute;left:50%;bottom:-6px;width:148px;height:7px;transform:translateX(-50%);border-radius:999px;background:#707b8b}
.jornalRealDemoInfo{width:100%!important;margin-top:25px!important;text-align:center!important}
.jornalExternalLink{position:relative;z-index:4;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;margin:10px auto 0;padding:10px 15px;border-radius:999px;background:#c90000;color:#fff!important;text-decoration:none;font-weight:900}
@media(max-width:900px){
  .jornalRealDemoGrid{grid-template-columns:1fr!important;gap:24px!important}
  .jornalRealDemoCard{padding:16px 10px!important}
  .jornalRealPhone{max-width:226px}
  .jornalRealDesktop{max-width:min(100%,430px)}
}
@media(max-width:480px){
  .jornalRealPhone .jornalRealFrame{height:340px!important}
  .jornalRealPhone .jornalRealFrame iframe{transform:translateX(-50%) scale(.38)!important}
  .jornalRealDesktop .jornalRealFrame{height:230px!important}
  .jornalRealDesktop .jornalRealFrame iframe{transform:translateX(-50%) scale(.29)!important}
}

/* WhatsApp comercial configurável nas páginas de vendas */
.salesNavWhatsapp{gap:6px!important;color:#087b44!important}
.salesNavWhatsapp i{font-size:15px}
.salesWhatsappHero{background:linear-gradient(135deg,#25d366,#128c4a)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 12px 28px rgba(18,140,74,.24)!important}
.salesWhatsappFloat{position:fixed;right:18px;bottom:18px;z-index:2200;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:10px 15px 10px 11px;border-radius:999px;background:linear-gradient(135deg,#25d366,#128c4a);color:#fff!important;text-decoration:none;box-shadow:0 16px 42px rgba(18,140,74,.35);transition:transform .2s ease,box-shadow .2s ease}
.salesWhatsappFloat:hover{transform:translateY(-3px);box-shadow:0 21px 52px rgba(18,140,74,.42)}
.salesWhatsappFloat>i{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:rgba(255,255,255,.16);font-size:23px}
.salesWhatsappFloat>span{display:grid;line-height:1.12}.salesWhatsappFloat small{color:rgba(255,255,255,.82);font-size:9px;font-weight:800}.salesWhatsappFloat b{color:#fff;font-size:12px;white-space:nowrap}
.salesFooterWhatsapp{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:7px;color:#22c55e;font-weight:850}
@media(max-width:768px){
  .heroSaasActions{grid-template-columns:minmax(0,1fr)!important}
  .salesWhatsappFloat{right:10px;bottom:10px;padding:9px!important}
  .salesWhatsappFloat>span{display:none}
  .salesWhatsappFloat>i{width:42px;height:42px;font-size:25px}
}

body.salesBodyModern,
body:has(.salesPage.adminPersuasive){
  background:var(--sales-v7-bg)!important;
  color:var(--sales-v7-text)!important;
}

.superSalesPage,
.salesPage.adminPersuasive{
  min-height:100vh!important;
  overflow:clip!important;
  background:
    radial-gradient(circle at 88% 4%,rgba(220,23,49,.07),transparent 22%),
    linear-gradient(180deg,#f9fafc 0,var(--sales-v7-bg) 100%)!important;
}

/* Cabeçalho menor, sem ocupar a tela */
.superSaleTop,
.salesPage.adminPersuasive .saleTop{
  position:sticky!important;
  top:8px!important;
  left:auto!important;
  right:auto!important;
  z-index:3000!important;
  transform:none!important;
  width:min(1180px,calc(100% - 24px))!important;
  min-height:58px!important;
  margin:8px auto 0!important;
  padding:7px 8px 7px 12px!important;
  border:1px solid rgba(228,231,236,.94)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.92)!important;
  color:var(--sales-v7-text)!important;
  box-shadow:0 9px 28px rgba(15,23,42,.09)!important;
  backdrop-filter:blur(16px) saturate(150%)!important;
}
.superSaleTop .salesBrand,
.salesPage.adminPersuasive .saleTop .salesBrand{
  gap:8px!important;
  color:var(--sales-v7-text)!important;
  font-size:14px!important;
}
.superSaleTop .salesBrand i,
.salesPage.adminPersuasive .saleTop .salesBrand>i{
  width:36px!important;
  height:36px!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#ef334d,var(--sales-v7-accent-dark))!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(220,23,49,.2)!important;
}
.superSaleTop .salesBrand img,
.salesPage.adminPersuasive .saleTop .salesBrand img{
  max-height:36px!important;
  width:auto!important;
  object-fit:contain!important;
}
.superSaleTop .salesNav,
.salesPage.adminPersuasive .saleTop .salesNav{
  gap:2px!important;
}
.superSaleTop .salesNav>a:not(.btn),
.salesPage.adminPersuasive .saleTop .salesNav>a:not(.btn){
  padding:8px 9px!important;
  border-radius:9px!important;
  color:#475467!important;
  font-size:10px!important;
  font-weight:850!important;
}
.superSaleTop .salesNav>a:not(.btn):hover,
.salesPage.adminPersuasive .saleTop .salesNav>a:not(.btn):hover{
  background:#f2f4f7!important;
  color:var(--sales-v7-text)!important;
  transform:none!important;
}
.superSaleTop .salesNav .btn,
.salesPage.adminPersuasive .saleTop .salesNav .btn{
  min-height:36px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  font-size:10px!important;
  box-shadow:0 7px 16px rgba(220,23,49,.17)!important;
}
.salesMobileMenu{
  width:36px!important;
  height:36px!important;
  min-height:36px!important;
  border-radius:10px!important;
}

/* Idioma ocupa somente o espaço necessário */
.salesLanguageRow{
  width:min(1180px,calc(100% - 24px))!important;
  margin:7px auto 0!important;
}
.salesLanguageBox{
  gap:0!important;
  padding:3px!important;
  border-radius:11px!important;
  border:1px solid var(--sales-v7-line)!important;
  background:#fff!important;
  box-shadow:0 5px 14px rgba(15,23,42,.05)!important;
}
.salesLanguageBox>span{display:none!important}
.salesLanguageBox .appLanguageSwitcher,
.salesLanguageBox .appLanguageSwitcherSales{
  min-height:30px!important;
  padding:0 7px!important;
  border:0!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.salesLanguageBox select{
  min-width:44px!important;
  padding:0!important;
  font-size:10px!important;
  font-weight:900!important;
}

/* Hero Super Admin: menor e com leitura mais fácil */
.superSalesPage .saleHero.heroSaasNews{
  min-height:0!important;
  margin:10px auto 0!important;
  padding:58px 0 22px!important;
  border-radius:0 0 28px 28px!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(239,35,60,.22),transparent 26%),
    linear-gradient(135deg,#0c1019 0%,#151c2a 58%,#210b11 100%)!important;
}
.superSalesPage .saleHero.heroSaasNews:after{
  width:390px!important;
  height:390px!important;
  top:-180px!important;
  right:-120px!important;
  opacity:.65!important;
}
.heroSaasWrap{
  width:min(1160px,calc(100% - 30px))!important;
  grid-template-columns:minmax(300px,.92fr) minmax(430px,1.08fr)!important;
  gap:30px!important;
}
.heroSaasEyebrow{
  padding:8px 11px!important;
  border-radius:9px!important;
  font-size:10px!important;
}
.heroSaasTitle{
  max-width:650px!important;
  margin:14px 0 8px!important;
  font-size:clamp(38px,4.8vw,66px)!important;
  line-height:.98!important;
}
.heroSaasSubHighlight{
  margin:0 0 9px!important;
  font-size:12px!important;
}
.heroSaasLead{
  max-width:660px!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.58!important;
}
.heroSaasChecks{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:15px!important;
}
.heroSaasChecks span{
  min-height:34px!important;
  padding:7px 9px!important;
  border-radius:10px!important;
  font-size:10px!important;
}
.heroSaasActions{margin-top:16px!important;gap:8px!important}
.heroSaasActions .btn{
  min-height:42px!important;
  padding:0 15px!important;
  border-radius:11px!important;
  font-size:11px!important;
}
.heroSaasTrust{margin-top:11px!important;font-size:9px!important}
.heroSaasShowcase{min-height:410px!important}
.heroDesktopDevice{
  max-width:650px!important;
  border-radius:20px!important;
  padding:8px!important;
  box-shadow:0 25px 65px rgba(0,0,0,.32)!important;
}
.heroDesktopScreen{height:330px!important;border-radius:13px!important}
.heroPhoneDevice{width:142px!important;padding:6px!important;border-radius:24px!important}
.heroPhoneScreen{height:275px!important;border-radius:18px!important}
.heroDeviceLabel{padding:9px!important;border-radius:12px!important}
.heroSaasMetrics{
  width:min(1160px,calc(100% - 30px))!important;
  margin:18px auto 0!important;
  border-radius:14px!important;
}
.heroSaasMetric{padding:12px!important}
.heroSaasMetric b{font-size:18px!important}
.heroSaasMetric span{font-size:9px!important}

/* Hero das páginas de venda dos Admins */
.salesPage.adminPersuasive .saleHero{
  width:min(1180px,calc(100% - 24px))!important;
  min-height:0!important;
  margin:10px auto!important;
  padding:38px 28px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 90% 0,rgba(255,255,255,.15),transparent 28%),
    linear-gradient(135deg,#111827,#1f2937 64%,#3b0b14)!important;
  box-shadow:var(--sales-v7-shadow)!important;
}
.salesPage.adminPersuasive .saleHero .wrap{
  width:100%!important;
  grid-template-columns:minmax(300px,.95fr) minmax(370px,1.05fr)!important;
  gap:24px!important;
}
.salesPage.adminPersuasive .saleHero h1{
  max-width:680px!important;
  margin:10px 0 8px!important;
  font-size:clamp(34px,4.4vw,59px)!important;
  line-height:1!important;
}
.salesPage.adminPersuasive .saleHero p{
  margin:0!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.salesPage.adminPersuasive .heroBullets{
  gap:6px!important;
  margin:13px 0!important;
}
.salesPage.adminPersuasive .heroBullets span{
  padding:6px 8px!important;
  border-radius:8px!important;
  font-size:9px!important;
}
.salesPage.adminPersuasive .heroCtas{gap:8px!important;margin-top:13px!important}
.salesPage.adminPersuasive .heroCtas .btn{min-height:40px!important;padding:0 13px!important;font-size:10px!important}
.salesPage.adminPersuasive .trustLine{margin-top:10px!important;font-size:9px!important}
.salesPage.adminPersuasive .salesDevice{max-width:510px!important}

/* Seções compactas e limpas */
.superSalesPage .salesSection,
.salesPage.adminPersuasive .salesSection{
  width:min(1180px,calc(100% - 24px))!important;
  margin:12px auto!important;
  padding:26px!important;
  border:1px solid var(--sales-v7-line)!important;
  border-radius:var(--sales-v7-radius)!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:var(--sales-v7-shadow)!important;
}
.superSalesPage .salesSection:before{display:none!important}
.superSalesPage .sectionTitle,
.salesPage.adminPersuasive .sectionTitle{
  max-width:760px!important;
  margin:0 auto 16px!important;
  text-align:center!important;
}
.superSalesPage .sectionTitle h2,
.salesPage.adminPersuasive .sectionTitle h2{
  margin:0!important;
  color:var(--sales-v7-text)!important;
  font-size:clamp(23px,2.8vw,35px)!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
}
.superSalesPage .sectionTitle p,
.salesPage.adminPersuasive .sectionTitle p{
  margin:6px auto 0!important;
  color:var(--sales-v7-muted)!important;
  font-size:12px!important;
  line-height:1.5!important;
}

/* Cards menores */
.superSalesPage .grid,
.salesPage.adminPersuasive .grid{gap:10px!important}
.superSalesPage .featureCard,
.salesPage.adminPersuasive .featureCard{
  min-height:0!important;
  padding:15px!important;
  border:1px solid var(--sales-v7-line)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#fff,#fafbfc)!important;
  box-shadow:none!important;
  gap:7px!important;
  transform:none!important;
}
.superSalesPage .featureCard:hover,
.salesPage.adminPersuasive .featureCard:hover{
  transform:translateY(-2px)!important;
  border-color:#f5b7c0!important;
  box-shadow:0 9px 22px rgba(220,23,49,.07)!important;
}
.superSalesPage .featureCard>i,
.salesPage.adminPersuasive .featureCard>i{
  width:38px!important;
  height:38px!important;
  border-radius:11px!important;
  font-size:15px!important;
}
.superSalesPage .featureCard h3,
.salesPage.adminPersuasive .featureCard h3{
  margin:0!important;
  font-size:14px!important;
  line-height:1.18!important;
  color:var(--sales-v7-text)!important;
}
.superSalesPage .featureCard p,
.salesPage.adminPersuasive .featureCard p{
  margin:0!important;
  color:var(--sales-v7-muted)!important;
  font-size:10px!important;
  line-height:1.42!important;
}
.superSalesPage #recursos .grid.grid-3{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
.superSalesPage #recursos .featureCard{min-height:142px!important;padding:13px!important;border-radius:14px!important}
.superSalesPage #recursos .featureCard i{width:35px!important;height:35px!important;font-size:14px!important;border-radius:10px!important}
.superSalesPage #recursos .featureCard h3{font-size:12px!important}
.superSalesPage #recursos .featureCard p{font-size:9px!important;line-height:1.35!important}
.resourceMoreActions{margin-top:13px!important;gap:8px!important}
.resourceMoreButton{min-width:170px!important;min-height:38px!important;font-size:10px!important}
.resourceMoreActions small{font-size:9px!important}

/* Central de modais menor */
.salesModalHubGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
.salesModalHubCard{
  min-height:125px!important;
  padding:14px!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:10px!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
.salesModalHubCard>i,.salesModalHubIcon{width:40px!important;height:40px!important;border-radius:11px!important;font-size:16px!important}
.salesModalHubCard h3{font-size:13px!important;line-height:1.18!important}
.salesModalHubCard p{font-size:9px!important;line-height:1.35!important}
.salesModalHubCard small{font-size:8px!important}

/* Jornal digital e demais demos */
.jornalSalesFeature{gap:20px!important}
.jornalSalesFeature h2{font-size:clamp(24px,3vw,38px)!important}
.jornalSalesFeature p{font-size:12px!important;line-height:1.48!important}
.jornalSalesBullets{gap:7px!important;margin:12px 0!important}
.jornalSalesBullets span{font-size:10px!important}
.jornalRealDemoGrid{gap:9px!important}
.jornalRealDemoCard{border-radius:14px!important}
.jornalRealFrame{height:210px!important}
.jornalRealDemoInfo{padding:9px!important}

/* Demos: proporção consistente e sem corte */
.superSalesPage #demos .demoPortalGrid,
.salesPage.adminPersuasive #demos .demoPortalGrid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
.superSalesPage #demos .demoPortalCard.demoPortalLiveCard,
.salesPage.adminPersuasive #demos .demoPortalCard.demoPortalLiveCard{
  height:auto!important;
  aspect-ratio:16/10!important;
  min-height:230px!important;
  border:1px solid #dfe4eb!important;
  border-radius:15px!important;
  background:#eef2f6!important;
  box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
}
.superSalesPage #demos .demoPortalLiveCard .demoPortalThumb,
.salesPage.adminPersuasive #demos .demoPortalLiveCard .demoPortalThumb{
  inset:0!important;
  height:100%!important;
}
.superSalesPage #demos .demoPortalLiveCard .demoPortalThumb iframe,
.salesPage.adminPersuasive #demos .demoPortalLiveCard .demoPortalThumb iframe{
  width:222.222%!important;
  height:222.222%!important;
  transform:scale(.45)!important;
  transform-origin:top left!important;
}
.superSalesPage #demos .demoPortalLiveCard .demoPortalBody,
.salesPage.adminPersuasive #demos .demoPortalLiveCard .demoPortalBody{
  right:6px!important;
  bottom:6px!important;
  left:6px!important;
  padding:8px 9px!important;
  border-radius:10px!important;
  background:rgba(15,23,42,.88)!important;
}
.superSalesPage #demos .demoPortalLiveCard .demoPortalBody h3,
.salesPage.adminPersuasive #demos .demoPortalLiveCard .demoPortalBody h3{font-size:11px!important}
.superSalesPage #demos .demoPortalLiveCard .demoPortalBody .btn,
.salesPage.adminPersuasive #demos .demoPortalLiveCard .demoPortalBody .btn{
  min-height:27px!important;
  padding:5px 7px!important;
  border-radius:7px!important;
  font-size:8px!important;
}

/* Planos: visual leve, preço em destaque e sem cabeçalho pesado */
.salesPlansModern.salesPlansV6{
  padding:20px!important;
  background:#fff!important;
}
.salesPlansV6>.salesPlansIntroV6{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 12px!important;
  padding:0 0 14px!important;
  border:0!important;
  border-bottom:1px solid var(--sales-v7-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.salesPlansCopyV6{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.salesPlansCopyV6>.pill{
  flex:0 0 auto!important;
  max-width:none!important;
  padding:6px 9px!important;
  border-radius:8px!important;
  background:#fff1f3!important;
  color:var(--sales-v7-accent-dark)!important;
  border:1px solid #fecdd3!important;
  font-size:8px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.salesPlansCopyV6 h2{font-size:24px!important;line-height:1!important}
.salesPlansCopyV6 p{margin-top:3px!important;font-size:10px!important;line-height:1.3!important}
.salesPlansIntroV6>.salesPlanPayments{max-width:none!important;gap:4px!important}
.salesPlansIntroV6>.salesPlanPayments>i,
.salesPlansIntroV6>.salesPlanPayments>span{
  min-height:24px!important;
  padding:4px 7px!important;
  font-size:8px!important;
}
.salesPlansIntroV6>.salesPlanPayments>i{width:24px!important}
.salesPlansV6>.salesPlansGrid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
.pricingCardModern.pricingCardV6,
.superSalesPage .pricingCardModern.pricingCardV6{
  gap:7px!important;
  padding:12px!important;
  border:1px solid var(--sales-v7-line)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}
.pricingCardModern.pricingCardV6:hover,
.superSalesPage .pricingCardModern.pricingCardV6:hover{
  transform:translateY(-2px)!important;
  border-color:#f2aab6!important;
  box-shadow:0 10px 25px rgba(220,23,49,.07)!important;
}
.pricingCardModern.pricingCardV6.isRecommended{
  border:1.5px solid var(--sales-v7-accent)!important;
  background:linear-gradient(180deg,#fff,#fff8f9)!important;
  box-shadow:0 10px 28px rgba(220,23,49,.09)!important;
}
.pricingCardModern.pricingCardV6:after{display:none!important}
.pricingCardV6 .pricingCardTop{min-height:22px!important}
.pricingCardV6 .pricingPeriod,
.pricingCardV6 .pricingRecommendedBadge{
  min-height:22px!important;
  padding:4px 7px!important;
  border-radius:7px!important;
  font-size:7px!important;
}
.pricingCardV6 .pricingPlanIdentity{grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important}
.pricingCardV6 .pricingPlanIdentity .pricingPlanIcon{width:34px!important;height:34px!important;border-radius:10px!important;font-size:13px!important}
.pricingCardV6 .pricingPlanIdentity h3{font-size:16px!important}
.pricingCardV6 .pricingPlanIdentity small{font-size:8px!important}
.pricingCardV6 .pricingPriceWrap{padding:7px 0!important}
.pricingCardV6 .pricingPriceWrap .price{font-size:27px!important}
.pricingCardV6 .pricingPriceWrap small{padding:4px 6px!important;font-size:7px!important}
.pricingCardV6 .pricingFeaturesLabel{font-size:7px!important}
.pricingCardV6 .pricingFeatureList{gap:4px!important}
.pricingCardV6 .pricingFeatureList li{font-size:9px!important;line-height:1.22!important}
.pricingCardV6 .pricingFeaturesMore{padding-top:5px!important}
.pricingCardV6 .pricingFeaturesMore summary{font-size:8px!important}
.pricingCardV6 .pricingMetaGrid{gap:4px!important}
.pricingCardV6 .pricingMetaGrid>span{min-width:92px!important;padding:6px!important;border-radius:8px!important}
.pricingCardV6 .pricingMetaGrid b{font-size:8px!important}
.pricingCardV6 .pricingMetaGrid small{font-size:6.5px!important}
.pricingCardV6 .pricingMainAction{min-height:35px!important;padding:8px 10px!important;border-radius:9px!important;font-size:9px!important}
.salesPlansV6>.salesPlansBenefits{margin-top:8px!important;gap:4px!important}
.salesPlansV6>.salesPlansBenefits span{padding:6px 7px!important;border-radius:8px!important;font-size:8px!important}

/* CTA e rodapé sem excesso de altura */
.superSalesPage .salesCta,
.salesPage.adminPersuasive .salesCta{
  width:min(1180px,calc(100% - 24px))!important;
  margin:12px auto!important;
  padding:34px 25px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#111827,#271017)!important;
  box-shadow:0 14px 36px rgba(15,23,42,.18)!important;
}
.superSalesPage .salesCta h2,
.salesPage.adminPersuasive .salesCta h2{font-size:clamp(24px,3vw,38px)!important}
.superSalesPage .salesCta p,
.salesPage.adminPersuasive .salesCta p{font-size:11px!important}
.superSalesPage .salesCta .btn,
.salesPage.adminPersuasive .salesCta .btn{min-height:39px!important;font-size:10px!important}
.superSalesPage .footerNews,
.salesPage.adminPersuasive .footerNews{padding:20px!important;font-size:10px!important}

@media(max-width:1050px){
  .superSalesPage #recursos .grid.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .salesModalHubGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .heroSaasWrap{grid-template-columns:1fr 1fr!important}
  .superSalesPage #demos .demoPortalGrid,
  .salesPage.adminPersuasive #demos .demoPortalGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:900px){
  .superSaleTop,
  .salesPage.adminPersuasive .saleTop{top:5px!important}
  .superSaleTop .salesNav,
  .salesPage.adminPersuasive .saleTop .salesNav{
    top:64px!important;
    left:0!important;
    right:0!important;
    padding:8px!important;
    border-radius:14px!important;
    background:#fff!important;
    border:1px solid var(--sales-v7-line)!important;
    box-shadow:0 18px 38px rgba(15,23,42,.13)!important;
  }
  .superSaleTop .salesNav>a:not(.btn),
  .salesPage.adminPersuasive .saleTop .salesNav>a:not(.btn){color:#344054!important}
  .heroSaasWrap,
  .salesPage.adminPersuasive .saleHero .wrap{grid-template-columns:1fr!important}
  .heroSaasShowcase{min-height:360px!important;max-width:660px!important;margin:0 auto!important}
  .salesPage.adminPersuasive .salesDevice{margin:0 auto!important}
  .salesPlansV6>.salesPlansGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:650px){
  .superSaleTop,
  .salesPage.adminPersuasive .saleTop{
    width:calc(100% - 12px)!important;
    margin-top:5px!important;
    border-radius:13px!important;
    padding:5px 6px 5px 9px!important;
  }
  .superSaleTop .salesBrand b,
  .salesPage.adminPersuasive .saleTop .salesBrand b{max-width:145px!important;font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .salesLanguageRow{width:calc(100% - 14px)!important;margin-top:5px!important}
  .superSalesPage .saleHero.heroSaasNews{
    margin-top:7px!important;
    padding:34px 0 14px!important;
    border-radius:0 0 20px 20px!important;
  }
  .heroSaasWrap{width:calc(100% - 20px)!important;gap:20px!important}
  .heroSaasTitle{font-size:38px!important}
  .heroSaasLead{font-size:11px!important}
  .heroSaasChecks{grid-template-columns:1fr 1fr!important;gap:5px!important}
  .heroSaasChecks span{min-height:31px!important;padding:6px!important;font-size:8px!important}
  .heroSaasActions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .heroSaasActions .btn{width:100%!important;min-height:38px!important;padding:0 8px!important;font-size:9px!important}
  .heroSaasShowcase{min-height:320px!important}
  .heroDesktopScreen{height:255px!important}
  .heroPhoneDevice{width:118px!important}
  .heroPhoneScreen{height:225px!important}
  .heroDeviceLabel{display:none!important}
  .heroSaasMetrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:calc(100% - 20px)!important}
  .heroSaasMetric{padding:8px 4px!important}
  .heroSaasMetric b{font-size:14px!important}
  .heroSaasMetric span{font-size:7px!important}

  .salesPage.adminPersuasive .saleHero{
    width:calc(100% - 14px)!important;
    padding:26px 14px!important;
    border-radius:18px!important;
  }
  .salesPage.adminPersuasive .saleHero h1{font-size:34px!important}
  .salesPage.adminPersuasive .heroBullets{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .superSalesPage .salesSection,
  .salesPage.adminPersuasive .salesSection{
    width:calc(100% - 14px)!important;
    margin:8px auto!important;
    padding:17px 11px!important;
    border-radius:16px!important;
  }
  .superSalesPage .sectionTitle,
  .salesPage.adminPersuasive .sectionTitle{margin-bottom:11px!important}
  .superSalesPage .sectionTitle h2,
  .salesPage.adminPersuasive .sectionTitle h2{font-size:23px!important}
  .superSalesPage .sectionTitle p,
  .salesPage.adminPersuasive .sectionTitle p{font-size:10px!important}

  .superSalesPage #recursos .grid.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .superSalesPage #recursos .featureCard{min-height:128px!important;padding:10px!important}
  .salesModalHubGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .salesModalHubCard{min-height:112px!important;padding:10px!important;grid-template-columns:32px minmax(0,1fr)!important;gap:7px!important}
  .salesModalHubCard>i,.salesModalHubIcon{width:32px!important;height:32px!important;font-size:13px!important}
  .salesModalHubCard h3{font-size:11px!important}
  .salesModalHubCard p{font-size:8px!important}

  .jornalSalesFeature{grid-template-columns:1fr!important}
  .jornalRealFrame{height:180px!important}

  .superSalesPage #demos .demoPortalGrid,
  .salesPage.adminPersuasive #demos .demoPortalGrid{grid-template-columns:1fr!important;gap:7px!important}
  .superSalesPage #demos .demoPortalCard.demoPortalLiveCard,
  .salesPage.adminPersuasive #demos .demoPortalCard.demoPortalLiveCard{
    min-height:220px!important;
    aspect-ratio:16/9!important;
    border-radius:13px!important;
  }
  .superSalesPage #demos .demoPortalLiveCard .demoPortalThumb iframe,
  .salesPage.adminPersuasive #demos .demoPortalLiveCard .demoPortalThumb iframe{
    width:250%!important;
    height:250%!important;
    transform:scale(.4)!important;
  }

  .salesPlansModern.salesPlansV6{padding:12px 9px!important}
  .salesPlansV6>.salesPlansIntroV6{
    display:block!important;
    padding-bottom:10px!important;
  }
  .salesPlansCopyV6{display:flex!important;align-items:flex-start!important;gap:8px!important}
  .salesPlansCopyV6>.pill{margin-top:1px!important;padding:5px 6px!important;font-size:7px!important}
  .salesPlansCopyV6 h2{font-size:20px!important}
  .salesPlansCopyV6 p{font-size:8.5px!important}
  .salesPlansIntroV6>.salesPlanPayments{justify-content:flex-start!important;margin-top:7px!important}
  .salesPlansV6>.salesPlansGrid{
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(245px,82vw)!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:1px 1px 7px!important;
    scroll-snap-type:x mandatory!important;
  }
  .pricingCardModern.pricingCardV6{scroll-snap-align:start!important;padding:10px!important;border-radius:13px!important}
  .pricingCardV6 .pricingPlanIdentity h3{font-size:15px!important}
  .pricingCardV6 .pricingPriceWrap .price{font-size:25px!important}
  .salesPlansV6>.salesPlansBenefits{display:none!important}

  .superSalesPage .salesCta,
  .salesPage.adminPersuasive .salesCta{
    width:calc(100% - 14px)!important;
    margin:8px auto!important;
    padding:25px 14px!important;
    border-radius:17px!important;
  }
}


/* V7.1 — navegação por modal e central comercial ainda mais compacta */
.superSaleTop .salesNav .salesNavModalLink,
.salesPage.adminPersuasive .saleTop .salesNav .salesNavModalLink{
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  color:#475467!important;
  min-height:34px!important;
  padding:8px 9px!important;
  border-radius:9px!important;
  font:inherit!important;
  font-size:10px!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.superSaleTop .salesNav .salesNavModalLink:hover,
.salesPage.adminPersuasive .saleTop .salesNav .salesNavModalLink:hover{
  background:#f2f4f7!important;
  color:var(--sales-v7-text)!important;
}
.salesExploreHub{padding:20px!important}
.salesExploreHub .sectionTitle{margin-bottom:12px!important}
.salesExploreGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}
.salesExploreCard{
  min-height:118px!important;
  padding:11px!important;
  grid-template-columns:35px minmax(0,1fr)!important;
  gap:8px!important;
  border-radius:14px!important;
}
.salesExploreCard>i{width:35px!important;height:35px!important;border-radius:10px!important;font-size:14px!important}
.salesExploreCard b{font-size:11px!important;line-height:1.2!important}
.salesExploreCard small{font-size:8.5px!important;line-height:1.35!important;margin-top:4px!important}
.salesExploreCard em{font-size:8px!important;margin-top:4px!important}
.salesExploreCardProcess{background:linear-gradient(145deg,#fff7f8,#fff)!important;border-color:#fecdd3!important}

/* Recursos da página do Admin: cinco por vez, sem alongar a venda. */
.salesPage.adminPersuasive #recursos .adminProgressiveResources{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:7px!important;
}
.salesPage.adminPersuasive #recursos .adminProgressiveResources>div{
  min-height:82px!important;
  padding:10px!important;
  border:1px solid var(--sales-v7-line)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fff,#fafbfc)!important;
  color:#344054!important;
  font-size:9px!important;
  line-height:1.35!important;
  box-shadow:none!important;
}
.salesPage.adminPersuasive #recursos .adminProgressiveResources>div>i{
  width:30px!important;
  height:30px!important;
  margin:0 0 7px!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  background:#fff1f3!important;
  color:var(--sales-v7-accent)!important;
  font-size:12px!important;
}
.salesPage.adminPersuasive #recursos .adminProgressiveResources>.featureCard h3{font-size:10px!important}
.salesPage.adminPersuasive #recursos .adminProgressiveResources>.featureCard p{font-size:8px!important}
.adminResourceMoreActions{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:10px}
.adminResourceMoreButton{min-height:35px!important;padding:0 12px!important;border-radius:9px!important;font-size:9px!important}
.adminResourceMoreActions small{color:var(--sales-v7-muted);font-size:8px;font-weight:800}

@media(max-width:1050px){
  .salesExploreGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .salesPage.adminPersuasive #recursos .adminProgressiveResources{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .superSaleTop .salesNav .salesNavModalLink,
  .salesPage.adminPersuasive .saleTop .salesNav .salesNavModalLink{
    width:100%!important;
    justify-content:flex-start!important;
    text-align:left!important;
    color:#344054!important;
  }
}
@media(max-width:650px){
  .salesExploreHub{padding:13px 10px!important}
  .salesExploreGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .salesExploreCard{min-height:104px!important;padding:9px!important;grid-template-columns:30px minmax(0,1fr)!important}
  .salesExploreCard>i{width:30px!important;height:30px!important;font-size:12px!important}
  .salesExploreCard b{font-size:9.5px!important}
  .salesExploreCard small{font-size:7.5px!important}
  .salesExploreCard em{font-size:7px!important}
  .salesPage.adminPersuasive #recursos .adminProgressiveResources{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .salesPage.adminPersuasive #recursos .adminProgressiveResources>div{min-height:74px!important;padding:8px!important;font-size:8px!important}
  .adminResourceMoreActions{align-items:stretch;flex-direction:column;gap:5px;text-align:center}
  .adminResourceMoreButton{width:100%!important}
}

/* V11 — demonstração mobile correta no hero.
   Mantém o iframe em viewport real de 390px e sincroniza a escala com a moldura,
   evitando corte lateral e aparência de portal desktop espremido. */
.heroSaasShowcase .heroPhoneDevice{
  width:168px!important;
  padding:7px!important;
  left:6px!important;
  bottom:24px!important;
  border-radius:29px!important;
  overflow:hidden!important;
  transform:none!important;
}
.heroSaasShowcase .heroPhoneNotch{
  top:12px!important;
  width:60px!important;
  height:15px!important;
  border-radius:0 0 12px 12px!important;
}
.heroSaasShowcase .heroPhoneScreen{
  width:100%!important;
  height:304px!important;
  border:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
.heroSaasShowcase .heroPhoneScreen iframe{
  width:390px!important;
  height:780px!important;
  max-width:none!important;
  transform:scale(.3897436)!important;
  transform-origin:0 0!important;
}
.heroSaasShowcase .heroPhoneScreen .heroStaticPhone{
  width:390px!important;
  min-width:390px!important;
  height:780px!important;
  transform:scale(.3897436)!important;
  transform-origin:0 0!important;
}

/* No celular do visitante, mostra uma demonstração realmente mobile e centralizada. */
@media(max-width:650px){
  .heroSaasShowcase{
    min-height:438px!important;
    display:grid!important;
    place-items:center!important;
    padding:0 0 6px!important;
    margin:0 auto!important;
    overflow:visible!important;
  }
  .heroSaasShowcase .heroDesktopDevice{
    display:none!important;
  }
  .heroSaasShowcase .heroPhoneDevice{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:220px!important;
    padding:7px!important;
    margin:0 auto!important;
    border-radius:35px!important;
    overflow:hidden!important;
    box-shadow:0 28px 58px rgba(0,0,0,.62),0 0 36px rgba(239,35,60,.24)!important;
  }
  .heroSaasShowcase .heroPhoneNotch{
    top:12px!important;
    width:70px!important;
    height:17px!important;
  }
  .heroSaasShowcase .heroPhoneScreen{
    height:408px!important;
    border-radius:28px!important;
  }
  .heroSaasShowcase .heroPhoneScreen iframe{
    width:390px!important;
    height:780px!important;
    transform:scale(.5230769)!important;
  }
  .heroSaasShowcase .heroPhoneScreen .heroStaticPhone{
    width:390px!important;
    min-width:390px!important;
    height:780px!important;
    transform:scale(.5230769)!important;
  }
  .heroSaasShowcase .heroDeviceLabel,
  .heroSaasShowcase .heroRocketFloat{
    display:none!important;
  }
}

@media(max-width:340px){
  .heroSaasShowcase{min-height:406px!important}
  .heroSaasShowcase .heroPhoneDevice{width:206px!important}
  .heroSaasShowcase .heroPhoneScreen{height:380px!important}
  .heroSaasShowcase .heroPhoneScreen iframe,
  .heroSaasShowcase .heroPhoneScreen .heroStaticPhone{transform:scale(.4871795)!important}
}

/* V12 — blindagem mobile completa, sem estouro nem rolagem horizontal */
html{max-width:100%;overflow-x:clip!important}
body.salesBodyModern,
body:has(.salesPage.adminPersuasive){width:100%;max-width:100%;overflow-x:clip!important}
.superSalesPage,
.salesPage.adminPersuasive{width:100%;max-width:100%;overflow-x:clip!important}
.superSalesPage *,
.salesPage.adminPersuasive *{box-sizing:border-box;min-width:0}
.superSalesPage img,
.salesPage.adminPersuasive img,
.superSalesPage video,
.salesPage.adminPersuasive video,
.superSalesPage svg,
.salesPage.adminPersuasive svg{max-width:100%;height:auto}
.superSalesPage h1,.superSalesPage h2,.superSalesPage h3,.superSalesPage p,.superSalesPage a,.superSalesPage span,.superSalesPage small,.superSalesPage b,
.salesPage.adminPersuasive h1,.salesPage.adminPersuasive h2,.salesPage.adminPersuasive h3,.salesPage.adminPersuasive p,.salesPage.adminPersuasive a,.salesPage.adminPersuasive span,.salesPage.adminPersuasive small,.salesPage.adminPersuasive b{overflow-wrap:anywhere;word-break:normal}

@media(max-width:768px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:clip!important}
  body .superSalesPage,
  body .salesPage.adminPersuasive{width:100%!important;max-width:100%!important;overflow-x:clip!important}

  .superSaleTop,
  .salesPage.adminPersuasive .saleTop{
    left:auto!important;
    right:auto!important;
    transform:none!important;
    max-width:calc(100% - 12px)!important;
  }
  .superSaleTop .salesBrand,
  .salesPage.adminPersuasive .saleTop .salesBrand{max-width:calc(100% - 48px)!important;overflow:hidden!important}
  .superSaleTop .salesBrand b,
  .salesPage.adminPersuasive .saleTop .salesBrand b{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  body .saleTop .salesNav,
  body .superSaleTop .salesNav,
  body .salesPage.adminPersuasive .saleTop .salesNav{
    top:0!important;
    left:auto!important;
    right:0!important;
    bottom:0!important;
    max-width:100vw!important;
  }

  .salesLanguageRow,
  .superSalesPage .salesSection,
  .salesPage.adminPersuasive .salesSection,
  .superSalesPage .salesCta,
  .salesPage.adminPersuasive .salesCta,
  .heroSaasWrap,
  .heroSaasMetrics,
  .salesPage.adminPersuasive .saleHero{
    width:calc(100% - 14px)!important;
    max-width:calc(100% - 14px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .superSalesPage .salesSection,
  .salesPage.adminPersuasive .salesSection{padding-left:12px!important;padding-right:12px!important;overflow:hidden!important}

  .heroSaasWrap,
  .salesPage.adminPersuasive .saleHero .wrap,
  .jornalSalesFeature,
  .salesDeviceDemoGrid,
  .jornalRealDemoGrid{grid-template-columns:minmax(0,1fr)!important}
  .heroSaasContent,.heroSaasShowcase,.heroDesktopDevice,.heroDesktopScreen,
  .salesPage.adminPersuasive .salesDevice,.jornalSalesText,.jornalSalesMock,
  .salesDeviceDemoCard,.salesDeviceDemoStage,.salesDemoDesktop,.salesDemoDesktopScreen{width:100%!important;max-width:100%!important}
  .heroSaasTitle,
  .salesPage.adminPersuasive .saleHero h1{max-width:100%!important;font-size:clamp(30px,10vw,42px)!important;line-height:1.04!important}
  .heroSaasLead,.salesPage.adminPersuasive .saleHero p{max-width:100%!important}
  .heroSaasActions,.salesPage.adminPersuasive .heroCtas{width:100%!important}
  .heroSaasActions .btn,.salesPage.adminPersuasive .heroCtas .btn{white-space:normal!important;text-align:center!important;justify-content:center!important}

  .salesPlansV6>.salesPlansGrid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    width:100%!important;
    max-width:100%!important;
    gap:12px!important;
    overflow:visible!important;
    padding:0!important;
    scroll-snap-type:none!important;
  }
  .salesPlansV6>.salesPlansGrid>*{width:100%!important;max-width:100%!important;scroll-snap-align:none!important}
  .pricingCardModern.pricingCardV6{width:100%!important;max-width:100%!important}
  .pricingCardV6 .pricingMetaGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pricingCardV6 .pricingMetaGrid>span{min-width:0!important;width:auto!important}

  .jornalRealDemos,.jornalRealDemoCard{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .jornalRealPhone{width:min(226px,100%)!important;max-width:100%!important}
  .jornalRealDesktop{width:100%!important;max-width:430px!important}
  .jornalDesktopStand:after{max-width:55vw!important}

  .salesDeviceDemoStage{padding-left:8px!important;padding-right:8px!important;overflow:hidden!important}
  .salesDemoDesktop{transform:none!important;margin:0 auto!important}
  .salesDemoPhone{right:6px!important;max-width:34%!important}
  .salesDeviceDemoInfo .btn{max-width:100%!important;white-space:normal!important;text-align:center!important}

  .salesInfoModal{max-width:100vw!important;overflow:hidden!important}
  .salesInfoModalDialog,.salesInfoModalDialogWide{width:100%!important;max-width:100%!important}
  .salesInfoModalScroll,.salesModalDetailGrid{max-width:100%!important;overflow-x:hidden!important}
  .salesModalDetailGrid{grid-template-columns:minmax(0,1fr)!important}

  .superSalesPage .profitTableWrap,
  .superSalesPage .modernProfitTableWrap,
  .salesPage.adminPersuasive .profitTableWrap,
  .salesPage.adminPersuasive .modernProfitTableWrap{width:100%!important;max-width:100%!important;overflow:visible!important;padding:10px!important}
  .superSalesPage .modernProfitTable,
  .salesPage.adminPersuasive .modernProfitTable{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;border-spacing:0!important}
  .superSalesPage .modernProfitTable thead,
  .salesPage.adminPersuasive .modernProfitTable thead{display:none!important}
  .superSalesPage .modernProfitTable tbody,
  .salesPage.adminPersuasive .modernProfitTable tbody{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
  .superSalesPage .modernProfitTable tr,
  .salesPage.adminPersuasive .modernProfitTable tr{display:grid!important;width:100%!important;padding:9px!important;border:1px solid #e4e7ec!important;border-radius:12px!important;background:#fff!important}
  .superSalesPage .modernProfitTable td,
  .salesPage.adminPersuasive .modernProfitTable td{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;width:100%!important;padding:6px 2px!important;border:0!important;border-bottom:1px solid #eef1f5!important;text-align:right!important;white-space:normal!important}
  .superSalesPage .modernProfitTable td:last-child,
  .salesPage.adminPersuasive .modernProfitTable td:last-child{border-bottom:0!important}
  .superSalesPage .modernProfitTable td:before,
  .salesPage.adminPersuasive .modernProfitTable td:before{color:#667085;font-size:9px;font-weight:850;text-align:left}
  .modernProfitTable td:nth-child(1):before{content:'Anunciantes'}
  .modernProfitTable td:nth-child(2):before{content:'Plano'}
  .modernProfitTable td:nth-child(3):before{content:'Mensal'}
  .modernProfitTable td:nth-child(4):before{content:'Anual'}

  .resourceMoreButton,.adminResourceMoreButton,.superSalesPage .btn,.salesPage.adminPersuasive .btn{max-width:100%!important}
  .salesPlanPayments,.salesPlansBenefits,.heroBullets,.heroSaasChecks{max-width:100%!important}
}

@media(max-width:480px){
  .superSalesPage .salesSection,
  .salesPage.adminPersuasive .salesSection{padding:16px 10px!important}
  .heroSaasChecks,
  .heroSaasActions,
  .salesPage.adminPersuasive .heroBullets,
  .salesPage.adminPersuasive .heroCtas,
  .superSalesPage #recursos .grid.grid-3,
  .salesModalHubGrid,
  .salesExploreGrid,
  .salesPage.adminPersuasive #recursos .adminProgressiveResources,
  .pricingCardV6 .pricingMetaGrid{grid-template-columns:minmax(0,1fr)!important}
  .heroSaasMetrics{grid-template-columns:minmax(0,1fr)!important}
  .heroSaasMetric{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
  .heroSaasMetric:last-child{border-bottom:0!important}
  .salesExploreCard,.salesModalHubCard{width:100%!important;max-width:100%!important}
  .salesPlansCopyV6{display:block!important}
  .salesPlansCopyV6>.pill{display:inline-flex!important;margin-bottom:8px!important}
  .salesPlansIntroV6>.salesPlanPayments{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
  .salesPlansIntroV6>.salesPlanPayments>*{justify-content:center!important;text-align:center!important}
  .superSalesPage .modernProfitTable tbody,
  .salesPage.adminPersuasive .modernProfitTable tbody{grid-template-columns:minmax(0,1fr)!important}
  .jornalSalesBullets{grid-template-columns:minmax(0,1fr)!important}
  .jornalExternalLink{width:100%!important;white-space:normal!important}
  .salesLanguageBox{width:100%!important;max-width:100%!important}
  .salesLanguageBox .appLanguageSwitcher,.salesLanguageBox select{max-width:100%!important}
}