/* ================= MOBILE FIXES - ATLAS TECH SOLUTIONS =================
   Escopo: somente mobile/tablet. Mantem desktop, header/footer desktop,
   identidade, copy e scripts existentes. */

@media (max-width: 768px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  body {
    font-size: 16px;
    text-rendering: optimizeLegibility;
  }

  *,
  *::before,
  *::after {
    max-width: 100vw;
  }

  img,
  video,
  canvas,
  svg {
    max-width: 100% !important;
  }

  section {
    overflow: hidden !important;
  }

  .container,
  .section-inner,
  .hero-inner,
  .content,
  .wrapper,
  .about-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  h1,
  .hero-title {
    font-size: clamp(38px, 11.4vw, 48px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.055em !important;
    max-width: 11.5ch !important;
    margin-bottom: 20px !important;
    text-wrap: balance;
  }

  h2,
  .section-title,
  .about-title {
    font-size: clamp(30px, 8.4vw, 40px) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.045em !important;
    max-width: 100% !important;
    margin-bottom: 18px !important;
    text-wrap: balance;
  }

  h3,
  .eco-card .ec-title,
  #ecoFinal .ef-title {
    font-size: clamp(24px, 6.4vw, 31px) !important;
    line-height: 1.09 !important;
    letter-spacing: -0.04em !important;
    text-wrap: balance;
  }

  p,
  .lead,
  .section-text,
  .hero-text,
  .sub,
  .eco-card .ec-lead,
  .eco-card .ec-text,
  .about-sub,
  .about-menu p {
    font-size: 15.5px !important;
    line-height: 1.54 !important;
    max-width: 100% !important;
  }

  .btn,
  button,
  .cta,
  .primary-btn,
  .atlas-primary-btn,
  a[class*="btn"],
  .eco-card .wp-cta,
  .rcalc-cta,
  .fc-btn {
    min-height: 48px !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 0 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .cta-row {
    width: 100% !important;
    gap: 12px !important;
  }

  #hero .cta {
    width: 100% !important;
  }
}

/* ===== PAGE 4 SIMPLE COPY + IMAGE ===== */
.eco-orb-slot:has(#ecoOrb3.atlas-rifas-section) {
  width: min(1160px, 94vw) !important;
  height: min(580px, 72vh) !important;
  overflow: visible !important;
}

#ecoOrb3.atlas-rifas-section {
  width: 100% !important;
  height: auto !important;
  min-height: auto !important;
  padding: 0 clamp(14px, 2vw, 24px) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#ecoOrb3.atlas-rifas-section::before,
#ecoOrb3.atlas-rifas-section .atlas-rifas-list,
#ecoOrb3.atlas-rifas-section .atlas-rifas-cards,
#ecoOrb3.atlas-rifas-section .atlas-rifas-card,
#ecoOrb3.atlas-rifas-section .atlas-rifas-window-head,
#ecoOrb3.atlas-rifas-section .atlas-rifas-status {
  display: none !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-grid {
  display: grid !important;
  grid-template-columns: minmax(320px, 0.92fr) minmax(430px, 1.08fr) !important;
  align-items: center !important;
  gap: clamp(44px, 6vw, 86px) !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-copy {
  max-width: 520px !important;
  align-items: flex-start !important;
  text-align: left !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-kicker {
  margin-bottom: 18px !important;
  color: #2563eb !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-copy h3 {
  max-width: 13.5ch !important;
  font-size: clamp(52px, 4.35vw, 62px) !important;
  line-height: 1.01 !important;
  letter-spacing: -0.052em !important;
  background: linear-gradient(90deg, #0d1626, #2563eb) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-copy p {
  max-width: 48ch !important;
  margin-top: 18px !important;
  color: var(--cool-gray) !important;
  font-size: clamp(15.5px, 1.05vw, 17px) !important;
  line-height: 1.62 !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-cta {
  margin-top: 28px !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-visual {
  width: 100% !important;
  max-width: 590px !important;
  justify-self: end !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-window {
  overflow: visible !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-mockup {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 420px !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 20px !important;
  background: transparent !important;
  filter: drop-shadow(0 28px 46px rgba(2, 6, 23, 0.22)) !important;
}

@media (max-width: 768px) {
  .eco-orb-slot:has(#ecoOrb3.atlas-rifas-section) {
    width: 100% !important;
    height: 100% !important;
  }

  #ecoOrb3.atlas-rifas-section {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    padding: 90px 18px 28px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 28px !important;
    max-width: 520px !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy {
    align-items: center !important;
    text-align: center !important;
    max-width: 100% !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-kicker {
    justify-content: center !important;
    margin-bottom: 14px !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy h3 {
    max-width: 13.5ch !important;
    font-size: clamp(34px, 9.2vw, 40px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.045em !important;
    text-align: center !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy p {
    max-width: 35ch !important;
    margin-top: 15px !important;
    font-size: 15.5px !important;
    line-height: 1.54 !important;
    text-align: center !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-cta {
    width: 100% !important;
    max-width: 320px !important;
    margin-top: 22px !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-visual {
    max-width: 440px !important;
    justify-self: center !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-mockup {
    max-height: 270px !important;
    border-radius: 16px !important;
  }
}

@media (max-width: 430px) {
  #ecoOrb3.atlas-rifas-section {
    padding: 84px 16px 24px !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy h3 {
    font-size: clamp(34px, 9.5vw, 38px) !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-mockup {
    max-height: 230px !important;
  }
}

/* HERO MOBILE */
@media (max-width: 768px) {
  #hero {
    padding: 104px 20px 72px !important;
    align-items: flex-start !important;
  }

  #hero .hero-inner {
    position: relative !important;
    z-index: 8 !important;
    padding: 0 !important;
    max-width: 430px !important;
  }

  #hero .sub {
    max-width: 34ch !important;
    font-size: 15.5px !important;
    line-height: 1.56 !important;
  }

  .scroll-ind {
    bottom: 18px !important;
    gap: 8px !important;
  }

  .scroll-ind .track {
    height: 44px !important;
  }

  .scroll-ind .lbl {
    font-size: 10px !important;
    letter-spacing: .18em !important;
  }

  #phoneMock {
    height: min(70vh, 146vw) !important;
    width: auto !important;
    max-width: none !important;
    left: 50% !important;
    top: 54% !important;
    transform: translate(-50%, -50%) translateY(4vh) scale(.9) !important;
  }

  #phoneFx {
    height: min(70vh, 146vw) !important;
    width: min(70vh, 146vw) !important;
    left: 50% !important;
    top: 54% !important;
    transform: translate(-50%, -50%) translateY(4vh) scale(.9) !important;
  }

  .pfx-eco {
    top: 12% !important;
    left: 11% !important;
    max-width: 48% !important;
  }

  .pfx-eco .t {
    font-size: 12px !important;
    line-height: 1.15 !important;
  }

  .pfx-eco .d {
    font-size: 9px !important;
    line-height: 1.2 !important;
  }

  .pfx-app,
  .floating,
  .floating-logo {
    width: 42px !important;
    max-width: 42px !important;
    gap: 4px !important;
  }

  .pfx-app .ic,
  .pfx-app .ic img {
    width: 38px !important;
    height: 38px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    object-fit: contain !important;
  }

  .pfx-app .nm {
    font-size: 10px !important;
    line-height: 1.12 !important;
    max-width: 86px !important;
  }
}

/* JORNADA / SOLUÇÕES MOBILE */
@media (max-width: 768px) {
  .scroll-track {
    height: 520vh !important;
  }

  .eco-orb-slot {
    width: 100vw !important;
    max-width: 100vw !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    overflow: visible !important;
  }

  .eco-card {
    width: min(92vw, 390px) !important;
    max-width: 92vw !important;
    left: 50% !important;
    text-align: center !important;
    padding: 0 !important;
  }

  .eco-card .ec-kick {
    font-size: 9.5px !important;
    line-height: 1.3 !important;
    letter-spacing: .18em !important;
    margin-bottom: 8px !important;
  }

  .eco-card .ec-lead {
    margin-top: 9px !important;
  }

  .eco-card .ec-text {
    margin-top: 8px !important;
  }

  .eco-card .wp-cta-row {
    margin-top: 13px !important;
    justify-content: center !important;
  }

  #deskMock {
    width: min(88vw, 380px) !important;
    top: 31% !important;
    left: 50% !important;
  }

  #ecoCard1 {
    bottom: 7% !important;
  }

  #ecoCard1 .ec-title {
    max-width: 18ch !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .wp-support {
    display: none !important;
  }
}

/* DESENVOLVIMENTO DE SISTEMAS / SOLUCAO 3 MOBILE */
@media (max-width: 768px) {
  .eco-orb-slot:has(#ecoOrb2) {
    top: 30% !important;
    margin-top: 0 !important;
  }

  #ecoOrb2.wl-core,
  .wl-core {
    width: 94vw !important;
    height: 40vh !important;
    max-height: 40vh !important;
    overflow: visible !important;
  }

  #ecoOrb2 .wl-glow,
  #ecoOrb2 .wl-ring,
  #ecoOrb2 .wl-links,
  #ecoOrb2 .wl-pt {
    display: none !important;
  }

  #ecoOrb2 .wl-main {
    position: absolute !important;
    left: 50% !important;
    top: 6% !important;
    width: min(78vw, 318px) !important;
    transform: translateX(-50%) !important;
    z-index: 5 !important;
  }

  #ecoOrb2 .wl-mod {
    position: absolute !important;
    width: min(41vw, 150px) !important;
    max-width: 150px !important;
    transform: none !important;
  }

  #ecoOrb2 .m-members {
    left: 1vw !important;
    top: 0 !important;
  }

  #ecoOrb2 .m-aff {
    right: 1vw !important;
    top: 0 !important;
  }

  #ecoOrb2 .m-chat {
    left: 1vw !important;
    top: auto !important;
    bottom: 0 !important;
  }

  #ecoOrb2 .m-eco {
    right: 1vw !important;
    top: auto !important;
    bottom: 0 !important;
  }

  #ecoOrb2 .wl-panel {
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  #ecoOrb2 .wl-panel .ph {
    min-height: 21px !important;
    padding: 5px 7px !important;
  }

  #ecoOrb2 .wl-panel .ph b {
    font-size: 7px !important;
    line-height: 1.1 !important;
  }

  #ecoOrb2 .wl-panel .tag {
    display: none !important;
  }

  #ecoOrb2 .wl-shot {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  #ecoCard2 {
    bottom: 5.4% !important;
    width: min(92vw, 390px) !important;
  }

  #ecoCard2 .ec-title {
    font-size: clamp(22px, 6.2vw, 29px) !important;
    max-width: 20ch !important;
  }

  #ecoCard2 .ec-lead,
  #ecoCard2 .ec-text {
    max-width: 35ch !important;
  }

  #ecoCard2 .wp-cta {
    min-height: 44px !important;
    padding: 0 18px !important;
    font-size: 12px !important;
  }
}

/* REGULARIZACAO DE RIFAS E SORTEIOS */
.reg-screen .rcp-dashboard {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: 16% 0 !important;
  display: block !important;
}

.reg-screen .rcp-body,
.reg-screen .rcp-input {
  display: none !important;
}

@media (max-width: 768px) {
  .eco-orb-slot:has(#ecoOrb3) {
    top: 50% !important;
    width: 100vw !important;
    height: 100vh !important;
  }

  #ecoOrb3.rec-core,
  .rec-core {
    width: 94vw !important;
    height: 94vh !important;
    max-height: 94vh !important;
    padding-top: 82px !important;
    gap: 6px !important;
    overflow: visible !important;
  }

  .rec-perf {
    width: 92vw !important;
    max-width: 360px !important;
  }

  .rec-perf .rp-kick {
    font-size: clamp(18px, 6vw, 25px) !important;
    line-height: 1.08 !important;
  }

  .rec-phone {
    height: min(242px, 31vh) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #ecoOrb3.rec-on .rec-phone {
    height: min(175px, 23vh) !important;
  }

  .rec-stats {
    width: min(92vw, 360px) !important;
    max-width: 360px !important;
    padding: 11px 12px !important;
  }

  .rcalc-cta {
    margin-top: 8px !important;
  }
}

/* FOOTER: links com espacamento limpo no desktop e mobile */
.wgf .wgf-cols {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px 48px !important;
  align-items: flex-start !important;
}

.wgf .wgf-col {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px 24px !important;
  max-width: 620px !important;
}

.wgf .wgf-col a {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

@media (max-width: 768px) {
  .wgf,
  .wgf-inner {
    text-align: left !important;
  }

  .wgf .wgf-top,
  .wgf .wgf-cols,
  .wgf .wgf-col {
    align-items: stretch !important;
    width: 100% !important;
  }

  .wgf .wgf-cols,
  .wgf .wgf-col {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .wgf .wgf-col h4 {
    text-align: left !important;
    margin-bottom: 2px !important;
  }

  .wgf .wgf-col a {
    display: block !important;
    margin: 0 !important;
    line-height: 1.45 !important;
  }
}

/* AUTOMAÇÃO MOBILE */
@media (max-width: 768px) {
  .eco-orb-slot:has(#ecoOrb4) {
    top: 34% !important;
    left: 50% !important;
  }

  .eco-orb-slot:has(#ecoOrb4) .wb-core {
    width: min(92vw, 390px) !important;
    height: min(36vh, 300px) !important;
    max-height: 300px !important;
  }

  .eco-orb-slot:has(#ecoOrb4) .wb-phone {
    width: min(92vw, 390px) !important;
    height: auto !important;
    max-height: 300px !important;
  }

  .wb-solution-img {
    width: 100% !important;
    height: auto !important;
    max-height: 300px !important;
    object-fit: contain !important;
  }

  #ecoCard4,
  .eco-card.card-4 {
    bottom: 6% !important;
    width: min(92vw, 390px) !important;
  }

  .eco-card.card-4 .ec-title {
    font-size: clamp(24px, 6.4vw, 31px) !important;
    max-width: 17ch !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* FINAL E SOBRE MOBILE */
@media (max-width: 768px) {
  #ecoFinal {
    width: min(92vw, 430px) !important;
    min-height: 92vh !important;
    padding: 72px 20px !important;
  }

  #ecoFinal .ef-title {
    max-width: 12ch !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .about {
    padding: 64px 20px 48px !important;
  }

  .about-kick {
    font-size: 10px !important;
    letter-spacing: .2em !important;
  }

  .about-title,
  .about-sub {
    max-width: 100% !important;
  }

  .about-menus {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    margin-top: 34px !important;
  }

  .about-menu {
    padding-top: 15px !important;
  }
}

/* MOBILE MUITO PEQUENO */
@media (max-width: 430px) {
  #hero {
    padding-left: 18px !important;
    padding-right: 18px !important;
    padding-top: 96px !important;
  }

  h1,
  .hero-title {
    font-size: clamp(34px, 10.8vw, 44px) !important;
  }

  h2,
  .section-title,
  .about-title {
    font-size: clamp(28px, 8.2vw, 36px) !important;
  }

  h3,
  .eco-card .ec-title,
  #ecoFinal .ef-title {
    font-size: clamp(22px, 6.2vw, 28px) !important;
  }

  p,
  .lead,
  .section-text,
  .hero-text,
  .sub,
  .eco-card .ec-lead,
  .eco-card .ec-text,
  .about-sub,
  .about-menu p {
    font-size: 14.5px !important;
    line-height: 1.48 !important;
  }

  #phoneMock {
    height: min(66vh, 142vw) !important;
  }

  #phoneFx {
    height: min(66vh, 142vw) !important;
    width: min(66vh, 142vw) !important;
  }

  #deskMock {
    width: min(86vw, 330px) !important;
    top: 32% !important;
  }

  #ecoOrb2.wl-core,
  .wl-core {
    height: 38vh !important;
    max-height: 38vh !important;
  }

  #ecoOrb2 .wl-main {
    width: min(80vw, 300px) !important;
  }

  #ecoOrb2 .wl-mod {
    width: min(42vw, 138px) !important;
  }

  #ecoCard2 {
    bottom: 5% !important;
  }

  .rec-phone {
    height: min(205px, 28vh) !important;
  }

  #ecoOrb3.rec-on .rec-phone {
    height: min(150px, 21vh) !important;
  }

  .rec-stats {
    padding: 9px 10px !important;
  }

  .eco-orb-slot:has(#ecoOrb4) .wb-core,
  .eco-orb-slot:has(#ecoOrb4) .wb-phone,
  .wb-solution-img {
    max-height: 270px !important;
  }
}

@media (max-width: 768px) and (max-height: 740px) {
  #hero {
    padding-top: 86px !important;
  }

  #hero .sub {
    font-size: 14px !important;
    line-height: 1.44 !important;
  }

  .cta-row {
    margin-top: 18px !important;
  }

  #ecoCard1,
  #ecoCard2,
  #ecoCard4 {
    bottom: 4.5% !important;
  }

  .eco-card .ec-text {
    display: none !important;
  }

  #ecoOrb2.wl-core,
  .wl-core {
    height: 36vh !important;
    max-height: 36vh !important;
  }
}

/* ===== FIX MOBILE: SECAO WHATSAPP API COM MOCKUP SOBRE TEXTO ===== */
@media (max-width: 768px) {
  /* O JS anima este mockup com transform inline; no mobile ele precisa ficar menor e acima da copy. */
  #deskMock {
    position: fixed !important;
    display: block !important;
    width: min(80vw, 318px) !important;
    max-width: 318px !important;
    height: auto !important;
    margin: 0 !important;
    left: 50% !important;
    right: auto !important;
    top: 27% !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
  }

  #deskMock .mbk {
    width: 100% !important;
    max-width: 318px !important;
    margin: 0 auto !important;
  }

  #deskMock .wp-support {
    display: none !important;
  }

  #ecoCard1 {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: 5.5% !important;
    width: min(92vw, 390px) !important;
    max-width: 390px !important;
    padding: 0 2px !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
    z-index: 14 !important;
  }

  #ecoCard1 .ec-kick,
  #ecoCard1 .ec-title,
  #ecoCard1 .ec-lead,
  #ecoCard1 .ec-text,
  #ecoCard1 .wp-cta-row,
  #ecoCard1 .wp-cta {
    position: relative !important;
    z-index: 15 !important;
  }

  #ecoCard1 .ec-title {
    clear: both !important;
    font-size: clamp(24px, 6.8vw, 31px) !important;
    line-height: 1.08 !important;
    max-width: 18ch !important;
    margin: 0 auto !important;
  }

  #ecoCard1 .ec-lead {
    font-size: 14.5px !important;
    line-height: 1.44 !important;
    max-width: 34ch !important;
    margin: 9px auto 0 !important;
  }

  #ecoCard1 .ec-text {
    font-size: 13.5px !important;
    line-height: 1.42 !important;
    max-width: 35ch !important;
    margin: 8px auto 0 !important;
  }

  #ecoCard1 .wp-cta-row {
    display: flex !important;
    justify-content: center !important;
    margin-top: 12px !important;
  }

  #ecoCard1 .wp-cta {
    min-height: 44px !important;
    padding: 0 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  section .copy,
  section .content,
  section .text,
  section .section-copy,
  section .solution-copy,
  section h1,
  section h2,
  section h3,
  section p,
  section a {
    position: relative !important;
    z-index: 5 !important;
  }
}

@media (max-width: 430px) {
  #deskMock {
    width: min(76vw, 300px) !important;
    max-width: 300px !important;
    top: 26% !important;
  }

  #deskMock .mbk {
    max-width: 300px !important;
  }

  #ecoCard1 {
    bottom: 4.8% !important;
    width: min(92vw, 374px) !important;
  }

  #ecoCard1 .ec-title {
    font-size: clamp(23px, 6.4vw, 29px) !important;
  }

  #ecoCard1 .ec-text {
    font-size: 13px !important;
  }
}

/* ===== FIX FINAL MOBILE - WHATSAPP API ===== */
@media (max-width: 768px) {
  .whatsapp-mobile-clean {
    min-height: auto !important;
    height: auto !important;
    padding: 110px 22px 90px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  .whatsapp-mobile-clean * {
    box-sizing: border-box !important;
  }

  .whatsapp-mobile-copy {
    width: 100% !important;
    max-width: 350px !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 5 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .whatsapp-mobile-clean h1,
  .whatsapp-mobile-clean h2,
  .whatsapp-mobile-clean .hero-title,
  .whatsapp-mobile-clean .section-title {
    position: relative !important;
    z-index: 5 !important;
    width: 100% !important;
    max-width: 350px !important;
    margin: 0 auto 20px !important;
    font-size: clamp(34px, 10vw, 46px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em !important;
    text-align: center !important;
    transform: none !important;
  }

  .whatsapp-mobile-clean p,
  .whatsapp-mobile-clean .lead,
  .whatsapp-mobile-clean .section-text {
    position: relative !important;
    z-index: 5 !important;
    width: 100% !important;
    max-width: 330px !important;
    margin: 0 auto 18px !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    text-align: center !important;
    transform: none !important;
  }

  .whatsapp-mobile-mockup {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 330px !important;
    height: auto !important;
    margin: 0 auto 28px !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 2 !important;
    object-fit: contain !important;
  }

  .whatsapp-mobile-clean img:not(.site-logo):not(.logo):not(.whatsapp-mobile-mockup) {
    max-width: 330px !important;
  }

  .whatsapp-mobile-clean .btn,
  .whatsapp-mobile-clean button,
  .whatsapp-mobile-clean a[class*="btn"],
  .whatsapp-mobile-clean .cta,
  .whatsapp-mobile-clean .primary-btn {
    position: relative !important;
    z-index: 6 !important;
    margin: 24px auto 0 !important;
    width: 100% !important;
    max-width: 320px !important;
    min-height: 58px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .whatsapp-mobile-clean::before,
  .whatsapp-mobile-clean::after {
    pointer-events: none !important;
  }

  /* remove linhas/camadas decorativas que estão atravessando o texto */
  .whatsapp-mobile-clean .line,
  .whatsapp-mobile-clean .divider,
  .whatsapp-mobile-clean .stroke,
  .whatsapp-mobile-clean .decor-line,
  .whatsapp-mobile-clean .floating,
  .whatsapp-mobile-clean .orbit,
  .whatsapp-mobile-clean .orbital,
  .whatsapp-mobile-clean .eco-orb,
  .whatsapp-mobile-clean .eco-orb-slot {
    display: none !important;
  }

  /* qualquer elemento absoluto dentro dessa seção vira fluxo normal no mobile */
  .whatsapp-mobile-clean [style*="position: absolute"],
  .whatsapp-mobile-clean [style*="position:absolute"] {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
  }

  /* Ponte para a estrutura real: mockup e copy sao elementos irmaos animados por scroll. */
  #deskMock.whatsapp-mobile-mockup {
    position: fixed !important;
    display: block !important;
    width: min(82vw, 330px) !important;
    max-width: 330px !important;
    margin: 0 !important;
    left: 50% !important;
    right: auto !important;
    top: 24% !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
  }

  #deskMock.whatsapp-mobile-mockup .mbk {
    width: 100% !important;
    max-width: 330px !important;
    margin: 0 auto !important;
  }

  #deskMock.whatsapp-mobile-mockup .wp-support {
    display: none !important;
  }

  #ecoCard1.whatsapp-mobile-clean.whatsapp-mobile-copy {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 5.5% !important;
    width: min(92vw, 350px) !important;
    max-width: 350px !important;
    min-height: auto !important;
    height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: translateX(-50%) !important;
    z-index: 14 !important;
  }

  #ecoCard1.whatsapp-mobile-clean .ec-kick {
    margin: 0 auto 10px !important;
  }

  #ecoCard1.whatsapp-mobile-clean .ec-title {
    position: relative !important;
    z-index: 15 !important;
    width: 100% !important;
    max-width: 350px !important;
    margin: 0 auto 14px !important;
    font-size: clamp(30px, 8.4vw, 38px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.045em !important;
    text-align: center !important;
    transform: none !important;
  }

  #ecoCard1.whatsapp-mobile-clean .ec-lead,
  #ecoCard1.whatsapp-mobile-clean .ec-text {
    position: relative !important;
    z-index: 15 !important;
    width: 100% !important;
    max-width: 330px !important;
    margin: 0 auto 10px !important;
    font-size: 15.5px !important;
    line-height: 1.46 !important;
    text-align: center !important;
    transform: none !important;
  }

  #ecoCard1.whatsapp-mobile-clean .wp-cta-row {
    width: 100% !important;
    margin: 10px auto 0 !important;
  }
}

@media (max-width: 430px) {
  .whatsapp-mobile-clean {
    padding: 105px 18px 86px !important;
  }

  .whatsapp-mobile-clean h1,
  .whatsapp-mobile-clean h2,
  .whatsapp-mobile-clean .hero-title,
  .whatsapp-mobile-clean .section-title {
    font-size: clamp(32px, 10.5vw, 42px) !important;
    max-width: 330px !important;
  }

  .whatsapp-mobile-mockup {
    max-width: 315px !important;
    margin-bottom: 24px !important;
  }

  .whatsapp-mobile-clean p,
  .whatsapp-mobile-clean .lead,
  .whatsapp-mobile-clean .section-text {
    max-width: 315px !important;
    font-size: 16px !important;
  }

  #deskMock.whatsapp-mobile-mockup {
    width: min(78vw, 315px) !important;
    max-width: 315px !important;
    top: 23% !important;
  }

  #deskMock.whatsapp-mobile-mockup .mbk {
    max-width: 315px !important;
  }

  #ecoCard1.whatsapp-mobile-clean.whatsapp-mobile-copy {
    bottom: 4.5% !important;
    width: min(92vw, 330px) !important;
    max-width: 330px !important;
  }

  #ecoCard1.whatsapp-mobile-clean .ec-title {
    font-size: clamp(29px, 8.6vw, 36px) !important;
    max-width: 330px !important;
  }

  #ecoCard1.whatsapp-mobile-clean .ec-lead,
  #ecoCard1.whatsapp-mobile-clean .ec-text {
    max-width: 315px !important;
    font-size: 15px !important;
  }
}

/* ===== REDESIGN SECAO 04/05 - REGULARIZACAO DE RIFAS ===== */
.eco-orb-slot:has(#ecoOrb3.atlas-rifas-section) {
  width: min(1180px, 94vw) !important;
  height: min(650px, 78vh) !important;
  z-index: 7 !important;
}

#ecoCard3 {
  display: none !important;
}

#ecoOrb3.atlas-rifas-section {
  width: min(1180px, 94vw) !important;
  height: auto !important;
  min-height: min(620px, 76vh) !important;
  max-height: none !important;
  padding: clamp(28px, 4vw, 46px) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 85% 12%, rgba(14, 165, 233, 0.14), transparent 32%),
    radial-gradient(circle at 8% 88%, rgba(16, 185, 129, 0.10), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(240, 249, 255, 0.94)) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 34px 90px -46px rgba(15, 23, 42, 0.36), 0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
  color: #0f172a !important;
  overflow: hidden !important;
  --rifas-blue: #0ea5e9;
  --rifas-ink: #0f172a;
  --rifas-muted: #475569;
  --rifas-soft: #e0f2fe;
  --rifas-green: #10b981;
}

#ecoOrb3.atlas-rifas-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 18px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(15, 23, 42, 0.045) !important;
  pointer-events: none !important;
}

.atlas-rifas-grid {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(320px, 0.9fr) minmax(420px, 1.1fr) !important;
  align-items: center !important;
  gap: clamp(30px, 5vw, 64px) !important;
  width: 100% !important;
  height: 100% !important;
}

.atlas-rifas-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  max-width: 470px !important;
}

.atlas-rifas-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 18px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #0369a1 !important;
}

.atlas-rifas-kicker::before {
  content: "" !important;
  width: 28px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--rifas-blue), var(--rifas-green)) !important;
}

.atlas-rifas-copy h3 {
  margin: 0 !important;
  max-width: 11.5ch !important;
  font-family: var(--font-heading, inherit) !important;
  font-size: clamp(38px, 4.8vw, 62px) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.055em !important;
  color: var(--rifas-ink) !important;
}

.atlas-rifas-copy p {
  margin: 22px 0 0 !important;
  max-width: 52ch !important;
  font-size: clamp(15.5px, 1.2vw, 17px) !important;
  line-height: 1.62 !important;
  color: var(--rifas-muted) !important;
}

.atlas-rifas-list {
  list-style: none !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px 14px !important;
  width: 100% !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
}

.atlas-rifas-list li {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 38px !important;
  padding: 9px 10px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(15, 23, 42, 0.07) !important;
  color: #1e293b !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  box-shadow: 0 10px 24px -20px rgba(15, 23, 42, 0.36) !important;
}

.atlas-rifas-list li span {
  flex: none !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.16), rgba(16, 185, 129, 0.16)) !important;
  border: 1px solid rgba(14, 165, 233, 0.28) !important;
  position: relative !important;
}

.atlas-rifas-list li span::after {
  content: "" !important;
  position: absolute !important;
  left: 5px !important;
  top: 4px !important;
  width: 6px !important;
  height: 9px !important;
  border-right: 2px solid #0284c7 !important;
  border-bottom: 2px solid #0284c7 !important;
  transform: rotate(42deg) !important;
}

.atlas-rifas-cta {
  margin-top: 28px !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  background: linear-gradient(180deg, #0ea5e9, #0284c7) !important;
  box-shadow: 0 18px 42px -20px rgba(2, 132, 199, 0.7) !important;
}

.atlas-rifas-visual {
  position: relative !important;
  display: grid !important;
  gap: 16px !important;
  width: 100% !important;
}

.atlas-rifas-window {
  overflow: hidden !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 30px 78px -46px rgba(15, 23, 42, 0.5) !important;
}

.atlas-rifas-window-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.07) !important;
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
}

.atlas-rifas-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 58px !important;
  height: 30px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  border: 1px solid rgba(14, 165, 233, 0.22) !important;
  color: #0369a1 !important;
  font-family: var(--font-heading, inherit) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

.atlas-rifas-window-title {
  color: #334155 !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.atlas-rifas-mockup {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 330px !important;
  object-fit: cover !important;
  object-position: top center !important;
  background: #ffffff !important;
}

.atlas-rifas-cards {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.atlas-rifas-card {
  min-height: 132px !important;
  padding: 16px !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 18px 42px -34px rgba(15, 23, 42, 0.42) !important;
}

.atlas-rifas-card-icon {
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  margin-bottom: 12px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.16), rgba(16, 185, 129, 0.15)) !important;
  border: 1px solid rgba(14, 165, 233, 0.18) !important;
}

.atlas-rifas-card b {
  display: block !important;
  color: #0f172a !important;
  font-size: 14px !important;
  line-height: 1.18 !important;
  letter-spacing: -0.01em !important;
}

.atlas-rifas-card p {
  margin: 7px 0 0 !important;
  color: #64748b !important;
  font-size: 12.5px !important;
  line-height: 1.42 !important;
}

@media (max-width: 980px) {
  .eco-orb-slot:has(#ecoOrb3.atlas-rifas-section) {
    width: 94vw !important;
    height: auto !important;
  }

  #ecoOrb3.atlas-rifas-section {
    min-height: auto !important;
    padding: 28px !important;
  }

  .atlas-rifas-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .atlas-rifas-copy {
    max-width: 760px !important;
  }

  .atlas-rifas-copy h3 {
    max-width: 16ch !important;
  }
}

@media (max-width: 768px) {
  .eco-orb-slot:has(#ecoOrb3.atlas-rifas-section) {
    left: 50% !important;
    top: 50% !important;
    width: 100% !important;
    height: 100% !important;
    transform: translate(-50%, -50%) !important;
  }

  #ecoOrb3.atlas-rifas-section {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    padding: 92px 18px 22px !important;
    border-radius: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    transform: none !important;
  }

  #ecoOrb3.atlas-rifas-section::before {
    display: none !important;
  }

  .atlas-rifas-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 22px !important;
    min-height: auto !important;
  }

  .atlas-rifas-copy {
    align-items: center !important;
    text-align: center !important;
    max-width: 560px !important;
    margin: 0 auto !important;
  }

  .atlas-rifas-kicker {
    justify-content: center !important;
    margin-bottom: 13px !important;
    font-size: 10px !important;
    letter-spacing: 0.12em !important;
  }

  .atlas-rifas-copy h3 {
    max-width: 12.5ch !important;
    font-size: clamp(31px, 9vw, 42px) !important;
    line-height: 1.02 !important;
    text-align: center !important;
  }

  .atlas-rifas-copy p {
    margin-top: 16px !important;
    max-width: 36ch !important;
    font-size: 15.5px !important;
    line-height: 1.54 !important;
    text-align: center !important;
  }

  .atlas-rifas-list {
    grid-template-columns: 1fr !important;
    max-width: 360px !important;
    margin-top: 18px !important;
  }

  .atlas-rifas-list li {
    justify-content: flex-start !important;
    text-align: left !important;
  }

  .atlas-rifas-cta {
    width: 100% !important;
    max-width: 320px !important;
    min-height: 56px !important;
    margin-top: 20px !important;
    justify-content: center !important;
  }

  .atlas-rifas-visual {
    max-width: 520px !important;
    margin: 0 auto !important;
  }

  .atlas-rifas-window {
    border-radius: 20px !important;
  }

  .atlas-rifas-window-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    padding: 13px 14px !important;
  }

  .atlas-rifas-mockup {
    max-height: 240px !important;
  }

  .atlas-rifas-cards {
    grid-template-columns: 1fr !important;
  }

  .atlas-rifas-card {
    min-height: auto !important;
    padding: 15px !important;
  }
}

@media (max-width: 430px) {
  #ecoOrb3.atlas-rifas-section {
    padding: 86px 16px 20px !important;
  }

  .atlas-rifas-copy h3 {
    font-size: clamp(29px, 9.4vw, 38px) !important;
  }

  .atlas-rifas-copy p {
    font-size: 14.8px !important;
  }

  .atlas-rifas-mockup {
    max-height: 210px !important;
  }
}

/* ===== PAGE 4 NORMAL LAYOUT - REGULARIZACAO =====
   Remove a moldura gigante da pagina 4 sem alterar os cards internos. */
.eco-orb-slot:has(#ecoOrb3.atlas-rifas-section) {
  width: min(1180px, 94vw) !important;
  height: min(620px, 74vh) !important;
  overflow: visible !important;
}

#ecoOrb3.atlas-rifas-section {
  width: 100% !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  padding: 0 clamp(12px, 2vw, 24px) !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  color: #eef3fa !important;
}

#ecoOrb3.atlas-rifas-section::before {
  display: none !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-grid {
  display: grid !important;
  grid-template-columns: minmax(300px, 0.88fr) minmax(400px, 1.12fr) !important;
  align-items: center !important;
  gap: clamp(34px, 5vw, 72px) !important;
  width: 100% !important;
  max-width: 1160px !important;
  margin: 0 auto !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-copy {
  max-width: 500px !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-copy h3 {
  max-width: 13.5ch !important;
  font-size: clamp(52px, 4.2vw, 60px) !important;
  line-height: 1.01 !important;
  letter-spacing: -0.052em !important;
  background: linear-gradient(90deg, #ffffff, #38bdf8) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-copy p {
  max-width: 50ch !important;
  color: #cdd6e4 !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-list li,
#ecoOrb3.atlas-rifas-section .atlas-rifas-card,
#ecoOrb3.atlas-rifas-section .atlas-rifas-window {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(8, 13, 24, 0.9)) !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
  color: #eef3fa !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-card b,
#ecoOrb3.atlas-rifas-section .atlas-rifas-window-title {
  color: #eef3fa !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-card p {
  color: #cdd6e4 !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-window-head {
  background: linear-gradient(180deg, rgba(30, 41, 59, 0.86), rgba(15, 23, 42, 0.74)) !important;
  border-bottom-color: rgba(148, 163, 184, 0.14) !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-visual {
  max-width: 610px !important;
  justify-self: end !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-window {
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 28px 72px -38px rgba(0, 0, 0, 0.78), 0 0 0 1px rgba(120, 170, 255, 0.08) inset !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-mockup {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 300px !important;
  object-fit: contain !important;
  object-position: center !important;
}

#ecoOrb3.atlas-rifas-section .atlas-rifas-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 980px) {
  .eco-orb-slot:has(#ecoOrb3.atlas-rifas-section) {
    height: auto !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-visual {
    justify-self: center !important;
    max-width: 680px !important;
  }
}

@media (max-width: 768px) {
  .eco-orb-slot:has(#ecoOrb3.atlas-rifas-section) {
    left: 50% !important;
    top: 50% !important;
    width: 100% !important;
    height: 100% !important;
    transform: translate(-50%, -50%) !important;
    overflow: visible !important;
  }

  #ecoOrb3.atlas-rifas-section {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    padding: 88px 18px 24px !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 24px !important;
    max-width: 560px !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy {
    align-items: center !important;
    text-align: center !important;
    max-width: 100% !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy h3 {
    max-width: 13.5ch !important;
    font-size: clamp(34px, 9.2vw, 40px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.045em !important;
    text-align: center !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy p {
    max-width: 36ch !important;
    font-size: 15.5px !important;
    line-height: 1.54 !important;
    text-align: center !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-list {
    grid-template-columns: 1fr !important;
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-visual {
    max-width: 520px !important;
    width: 100% !important;
    margin: 0 auto !important;
    justify-self: center !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-window {
    border-radius: 18px !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-mockup {
    max-height: 235px !important;
    object-fit: contain !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-cards {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 430px) {
  #ecoOrb3.atlas-rifas-section {
    padding: 82px 16px 22px !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy h3 {
    font-size: clamp(34px, 9.4vw, 38px) !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-mockup {
    max-height: 210px !important;
  }
}

/* ===== MOBILE LIGHT THEME FIXED =====
   Mantem o mobile no mesmo tema claro/premium base do desktop. */
@media (max-width: 768px) {
  html,
  body {
    color-scheme: light !important;
    background: var(--black) !important;
    color: var(--white) !important;
  }

  body {
    background: var(--black) !important;
    color: var(--white) !important;
  }

  main,
  section,
  .page,
  .slide,
  .screen,
  .wrapper,
  .container {
    background-color: transparent !important;
    color: var(--white) !important;
  }

  #bg-blue {
    opacity: 1 !important;
  }

  #bg-glow {
    background:
      radial-gradient(120% 80% at 50% 58%, rgba(37, 99, 235, 0.16) 0%, rgba(11, 27, 63, 0.10) 32%, rgba(3, 4, 6, 0) 62%),
      radial-gradient(60% 50% at 50% 110%, rgba(56, 189, 248, 0.10) 0%, rgba(3, 4, 6, 0) 60%) !important;
  }

  #vignette {
    background: radial-gradient(100% 100% at 50% 50%, transparent 62%, rgba(37, 99, 235, 0.05) 100%) !important;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .wordmark,
  .about-title,
  .eco-card .ec-title,
  #ecoFinal .ef-title,
  .atlas-rifas-copy h3,
  .atlas-rifas-card b,
  .atlas-rifas-window-title {
    color: var(--white) !important;
  }

  .eco-card .ec-title,
  #ecoFinal .ef-title,
  .atlas-rifas-copy h3 {
    background: linear-gradient(90deg, #0d1626, #2563eb) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
  }

  p,
  li,
  .sub,
  .lead,
  .section-text,
  .hero-text,
  .about-sub,
  .about-menu p,
  .eco-card .ec-lead,
  .eco-card .ec-text,
  .atlas-rifas-copy p,
  .atlas-rifas-card p {
    color: var(--cool-gray) !important;
  }

  .eco-card .ec-points li,
  .atlas-rifas-list li {
    color: #22303a !important;
  }

  .cta-secondary,
  #langBtn,
  .atlas-rifas-list li,
  .atlas-rifas-card,
  .atlas-rifas-window,
  #ecoOrb2 .wl-panel,
  #ecoOrb3.atlas-rifas-section,
  [class*="card"],
  [class*="panel"] {
    background: rgba(255, 255, 255, 0.84) !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    box-shadow: 0 24px 70px -36px rgba(2, 6, 23, 0.42), 0 0 0 1px rgba(255, 255, 255, 0.74) inset !important;
    color: var(--white) !important;
  }

  #ecoOrb3.atlas-rifas-section {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .atlas-rifas-window-head,
  #ecoOrb2 .wl-panel .ph {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.88)) !important;
    border-bottom-color: rgba(15, 23, 42, 0.07) !important;
  }

  .atlas-rifas-status {
    background: #eff6ff !important;
    border-color: rgba(14, 165, 233, 0.22) !important;
    color: #0369a1 !important;
  }

  .atlas-rifas-kicker,
  .eco-card .ec-kick,
  [class*="kicker"] {
    color: #2563eb !important;
  }

  .cta-primary,
  .eco-card .wp-cta,
  .rcalc-cta,
  .fc-btn,
  .atlas-rifas-cta {
    background: linear-gradient(180deg, #3478ff, #1f5bd8) !important;
    border-color: rgba(37, 99, 235, 0.45) !important;
    color: #ffffff !important;
    box-shadow: 0 18px 46px -18px rgba(37, 99, 235, 0.64) !important;
  }

  .btn,
  button,
  .cta,
  .primary-btn,
  .atlas-primary-btn,
  a[class*="btn"] {
    color: #ffffff !important;
  }

  .atlas-rifas-list li span,
  .atlas-rifas-card-icon {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.16), rgba(16, 185, 129, 0.16)) !important;
    border-color: rgba(14, 165, 233, 0.28) !important;
  }

  .atlas-rifas-mockup,
  #ecoOrb2 .wl-shot {
    background: #ffffff !important;
  }
}

/* =====================================================================
   MOBILE LAYOUT + GLOBE/MAP FIX — override final, escopo <= 768px.
   Corrige regras antigas que transformavam textos/cenas em cards brancos.
   ===================================================================== */
@media (max-width: 768px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    color-scheme: light !important;
    background: #f4f6fb !important;
  }

  body {
    min-width: 0 !important;
    color: #0d1626 !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box !important;
  }

  img,
  video,
  canvas,
  svg {
    max-width: 100% !important;
  }

  #bg-blue {
    opacity: .9 !important;
  }

  #bg-glow {
    background:
      radial-gradient(82% 58% at 56% 30%, rgba(37, 99, 235, .14), transparent 68%),
      radial-gradient(70% 48% at 50% 104%, rgba(56, 189, 248, .10), transparent 62%) !important;
  }

  #bg-grid {
    opacity: .34 !important;
  }

  #scene,
  #globeFallback {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100svh !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  #scene {
    display: block;
    opacity: .92 !important;
  }

  #globeFallback {
    left: 75% !important;
    top: 42% !important;
    width: min(66vw, 290px) !important;
    height: min(66vw, 290px) !important;
    transform: translate(-50%, -50%) !important;
    opacity: .38;
  }

  #vignette,
  #ecoBg {
    z-index: 0 !important;
  }

  .topbar {
    z-index: 30 !important;
    padding: 12px 16px !important;
  }

  .wordmark .wmlogo {
    height: clamp(38px, 10vw, 46px) !important;
    max-width: 152px !important;
  }

  #hero {
    z-index: 4 !important;
    align-items: flex-start !important;
    padding: 86px 18px 0 !important;
    min-height: 100svh !important;
  }

  #hero .hero-inner {
    width: 100% !important;
    max-width: 430px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    text-align: left !important;
  }

  #hero h1 {
    max-width: 12.5ch !important;
    font-size: clamp(34px, 10vw, 42px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.045em !important;
    margin: 0 !important;
  }

  #hero .sub {
    max-width: 33ch !important;
    margin-top: 18px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: #475569 !important;
  }

  #hero .cta-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: min(100%, 330px) !important;
    margin-top: 24px !important;
  }

  #hero .cta {
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 18px !important;
    border-radius: 14px !important;
  }

  .scroll-ind {
    display: none !important;
  }

  .scroll-ind .track {
    height: 46px !important;
  }

  .scroll-ind .lbl {
    font-size: 10px !important;
    letter-spacing: .18em !important;
  }

  .eco-card,
  #ecoCard1,
  #ecoCard2,
  #ecoCard3,
  #ecoCard4,
  .atlas-rifas-copy,
  .atlas-rifas-window,
  #ecoOrb3.atlas-rifas-section {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .eco-card,
  .eco-card *:not(.cta):not(.wp-cta),
  .atlas-rifas-copy,
  .atlas-rifas-copy *:not(.cta),
  .rec-perf,
  .rec-perf *:not(.wp-cta) {
    text-shadow: none !important;
  }

  .eco-card {
    left: 50% !important;
    width: min(100% - 32px, 430px) !important;
    padding: 0 !important;
    text-align: center !important;
    z-index: 14 !important;
  }

  .eco-card .ec-kick,
  .atlas-rifas-kicker {
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    letter-spacing: .18em !important;
    color: #2563eb !important;
  }

  .eco-card .ec-title,
  .atlas-rifas-copy h3 {
    max-width: 16ch !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: clamp(28px, 8.4vw, 38px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em !important;
    background: linear-gradient(92deg, #0d1626, #2563eb) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
  }

  .eco-card .ec-lead,
  .eco-card .ec-text,
  .atlas-rifas-copy p {
    max-width: 34ch !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 14.5px !important;
    line-height: 1.48 !important;
    color: #475569 !important;
  }

  .eco-card .ec-lead {
    margin-top: 10px !important;
  }

  .eco-card .ec-text {
    margin-top: 8px !important;
  }

  .eco-card .ec-points {
    display: none !important;
  }

  .eco-card .wp-cta-row,
  #ecoOrb3.atlas-rifas-section .atlas-rifas-cta {
    margin-top: 14px !important;
    justify-content: center !important;
  }

  .eco-card .wp-cta,
  #ecoOrb3.atlas-rifas-section .atlas-rifas-cta {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 46px !important;
    padding: 0 18px !important;
    font-size: 12.5px !important;
    border-radius: 13px !important;
    white-space: normal !important;
  }

  #phoneMock,
  #phoneFx {
    z-index: 8 !important;
    height: min(58vh, 138vw) !important;
    width: min(58vh, 138vw) !important;
    max-width: none !important;
  }

  .pfx-eco {
    top: 12.5% !important;
    max-width: 48% !important;
  }

  .pfx-eco .t {
    font-size: 1.18vh !important;
    line-height: 1.12 !important;
  }

  .pfx-eco .d {
    font-size: .76vh !important;
  }

  #deskMock {
    left: 50% !important;
    top: 31% !important;
    width: min(84vw, 360px) !important;
    max-width: 360px !important;
    margin-top: 0 !important;
    z-index: 8 !important;
  }

  #ecoCard1 {
    bottom: 8% !important;
  }

  .eco-orb-slot:has(#ecoOrb2) {
    left: 50% !important;
    top: 31% !important;
    width: 100% !important;
    height: 50vh !important;
    margin-top: 0 !important;
    transform: translate(-50%, -50%) !important;
    z-index: 8 !important;
    overflow: visible !important;
  }

  #ecoOrb2.wl-core {
    width: min(94vw, 390px) !important;
    height: 42vh !important;
    max-height: 330px !important;
    overflow: visible !important;
  }

  #ecoOrb2 .wl-glow,
  #ecoOrb2 .wl-ring,
  #ecoOrb2 .wl-links,
  #ecoOrb2 .wl-pt {
    display: none !important;
  }

  #ecoOrb2 .wl-main {
    left: 50% !important;
    top: 4% !important;
    width: min(74vw, 300px) !important;
    transform: translateX(-50%) !important;
  }

  #ecoOrb2 .wl-mod {
    width: min(41vw, 150px) !important;
  }

  #ecoOrb2 .m-members,
  #ecoOrb2 .m-chat {
    left: 0 !important;
  }

  #ecoOrb2 .m-aff,
  #ecoOrb2 .m-eco {
    right: 0 !important;
  }

  #ecoOrb2 .m-members,
  #ecoOrb2 .m-aff {
    top: 0 !important;
  }

  #ecoOrb2 .m-chat,
  #ecoOrb2 .m-eco {
    top: auto !important;
    bottom: 0 !important;
  }

  #ecoOrb2 .wl-panel {
    background: rgba(255, 255, 255, .94) !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 44px -30px rgba(2, 6, 23, .52) !important;
  }

  #ecoOrb2 .wl-shot,
  #ecoOrb2 .wl-cyc {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    background: #fff !important;
  }

  #ecoCard2 {
    bottom: 6% !important;
  }

  .eco-orb-slot:has(#ecoOrb3.atlas-rifas-section) {
    left: 50% !important;
    top: 50% !important;
    width: 100% !important;
    height: 100svh !important;
    transform: translate(-50%, -50%) !important;
    z-index: 9 !important;
    overflow: hidden !important;
  }

  #ecoOrb3.atlas-rifas-section {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    padding: 82px 18px 28px !important;
    overflow: hidden !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    width: min(100%, 430px) !important;
    max-width: 430px !important;
    margin: 0 auto !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy h3 {
    max-width: 14ch !important;
    font-size: clamp(31px, 8.8vw, 38px) !important;
    background: linear-gradient(92deg, #0d1626, #2563eb) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy p {
    max-width: 34ch !important;
    margin-top: 10px !important;
    color: #475569 !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-visual {
    order: 3 !important;
    width: 100% !important;
    max-width: min(88vw, 360px) !important;
    margin: 0 auto !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-window {
    overflow: visible !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-mockup {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 245px !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 18px !important;
    background: transparent !important;
    filter: drop-shadow(0 18px 30px rgba(2, 6, 23, .16)) !important;
  }

  .eco-orb-slot:has(#ecoOrb4) {
    left: 50% !important;
    top: 72% !important;
    width: 100% !important;
    height: 32vh !important;
    transform: translate(-50%, -50%) !important;
    z-index: 8 !important;
  }

  .eco-orb-slot:has(#ecoOrb4) .wb-core {
    width: min(92vw, 380px) !important;
    height: 30vh !important;
    max-height: 250px !important;
  }

  .eco-orb-slot:has(#ecoOrb4) .wb-phone {
    width: 100% !important;
    height: auto !important;
    max-height: 250px !important;
    object-fit: contain !important;
  }

  #ecoCard4 {
    top: 14% !important;
    bottom: auto !important;
  }

  #ecoCard4 .ec-title {
    background: linear-gradient(92deg, #0d1626, #2563eb) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
  }

  #ecoCard4 .ec-lead,
  #ecoCard4 .ec-text {
    color: #475569 !important;
  }

  #ecoCard4 .ec-dev {
    margin-bottom: 9px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: rgba(202, 165, 63, .12) !important;
    box-shadow: none !important;
  }

  .about {
    overflow: hidden !important;
    padding: 40px 18px 38px !important;
  }

  .about-inner {
    max-width: 430px !important;
    padding: 0 !important;
  }

  .about-menus {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 430px) {
  #hero {
    padding-top: 82px !important;
  }

  #hero h1 {
    font-size: clamp(32px, 9.5vw, 39px) !important;
  }

  #phoneMock,
  #phoneFx {
    height: min(54vh, 132vw) !important;
    width: min(54vh, 132vw) !important;
  }

  #deskMock {
    top: 30% !important;
    width: min(84vw, 330px) !important;
  }

  #ecoOrb2.wl-core {
    height: 39vh !important;
  }

  #ecoCard1,
  #ecoCard2,
  #ecoCard4 {
    bottom: 7% !important;
  }

  #ecoOrb3.atlas-rifas-section {
    padding: 78px 16px 24px !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-grid {
    gap: 18px !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-mockup {
    max-height: 220px !important;
  }

  .eco-orb-slot:has(#ecoOrb4) {
    top: 73% !important;
  }
}

@media (max-width: 380px) {
  .eco-card .ec-lead,
  .eco-card .ec-text,
  .atlas-rifas-copy p {
    font-size: 13.5px !important;
    line-height: 1.43 !important;
  }

  .eco-card .ec-title,
  .atlas-rifas-copy h3 {
    font-size: clamp(26px, 8vw, 34px) !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-mockup {
    max-height: 195px !important;
  }
}

/* =====================================================================
   PAGE 4 + PAGE 5 TARGETED FIX
   Escopo restrito: pagina 4 (#ecoOrb3) e pagina 5 (#ecoCard4/#ecoOrb4).
   ===================================================================== */
@media (min-width: 769px) {
  .eco-orb-slot:has(#ecoOrb3.atlas-rifas-section) {
    left: 50% !important;
    top: 49% !important;
    width: min(1240px, 96vw) !important;
    height: min(640px, 76vh) !important;
    transform: translate(-50%, -50%) !important;
    z-index: 9 !important;
    overflow: visible !important;
  }

  #ecoOrb3.atlas-rifas-section {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 clamp(18px, 2vw, 28px) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-grid {
    display: grid !important;
    grid-template-columns: minmax(390px, .88fr) minmax(540px, 1.12fr) !important;
    align-items: center !important;
    gap: clamp(48px, 6vw, 86px) !important;
    width: 100% !important;
    max-width: 1180px !important;
    height: 100% !important;
    margin: 0 auto !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy {
    width: 100% !important;
    max-width: 520px !important;
    text-align: left !important;
    align-items: flex-start !important;
    justify-self: start !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-kicker {
    margin-bottom: 16px !important;
    color: #2563eb !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    letter-spacing: .24em !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy h3 {
    max-width: 12.8ch !important;
    margin: 0 !important;
    font-size: clamp(48px, 4vw, 56px) !important;
    line-height: 1.01 !important;
    letter-spacing: -.052em !important;
    font-weight: 800 !important;
    background: linear-gradient(92deg, #0d1626 0%, #132f63 58%, #2563eb 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    text-shadow: none !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy p {
    max-width: 43ch !important;
    margin: 18px 0 0 !important;
    color: #334155 !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
    font-weight: 400 !important;
    text-align: left !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-cta {
    margin-top: 28px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-visual {
    width: 100% !important;
    max-width: 680px !important;
    justify-self: end !important;
    margin: 0 !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-window {
    width: 100% !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-mockup {
    display: block !important;
    width: min(680px, 100%) !important;
    height: auto !important;
    max-height: 520px !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 22px !important;
    background: transparent !important;
    filter: drop-shadow(0 30px 58px rgba(2, 6, 23, .22)) !important;
  }

  #ecoCard4 .ec-title {
    font-size: clamp(48px, 3.8vw, 56px) !important;
    line-height: 1.01 !important;
    letter-spacing: -.052em !important;
    max-width: 13.2ch !important;
  }

  #ecoCard4 {
    top: 22% !important;
  }
}

@media (max-width: 768px) {
  #ecoOrb3.atlas-rifas-section {
    padding: 84px 18px 26px !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-grid {
    gap: 18px !important;
    width: min(100%, 430px) !important;
    max-width: 430px !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy {
    text-align: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy h3 {
    max-width: 14ch !important;
    margin: 0 auto !important;
    font-size: clamp(32px, 8.7vw, 38px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.043em !important;
    background: linear-gradient(92deg, #0d1626 0%, #17346b 62%, #2563eb 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    text-shadow: none !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy p {
    max-width: 34ch !important;
    margin: 10px auto 0 !important;
    color: #334155 !important;
    font-size: 14.5px !important;
    line-height: 1.5 !important;
    text-align: center !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-visual {
    max-width: min(96vw, 410px) !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-mockup {
    width: 100% !important;
    max-height: 280px !important;
    border-radius: 18px !important;
    filter: drop-shadow(0 20px 34px rgba(2, 6, 23, .18)) !important;
  }

  #ecoCard4 .ec-title {
    font-size: clamp(32px, 8.2vw, 38px) !important;
    line-height: 1.06 !important;
    max-width: 14ch !important;
  }

  #ecoCard4 {
    top: 15% !important;
  }
}

/* ===== MOBILE WITE REFERENCE FIX ===== */
@media (max-width: 768px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    background: #f4f6fb !important;
  }

  .topbar {
    height: 60px !important;
    padding: 11px 15px !important;
    z-index: 20 !important;
  }

  .wordmark,
  .wordmark .wmlogo {
    max-width: min(142px, 40vw) !important;
    height: auto !important;
  }

  #scene,
  #globeFallback {
    z-index: 0 !important;
    pointer-events: none !important;
  }

  #scene {
    opacity: .84 !important;
  }

  #globeFallback {
    display: block !important;
    left: 82% !important;
    top: 50% !important;
    width: min(54vw, 230px) !important;
    height: min(54vw, 230px) !important;
    transform: translate(-50%, -50%) !important;
    opacity: .24 !important;
    filter: saturate(1.06) contrast(1.02) !important;
  }

  #hero {
    min-height: 100svh !important;
    padding: clamp(148px, 23.5vh, 204px) 0 0 !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    z-index: 4 !important;
  }

  #hero .hero-inner {
    position: relative !important;
    z-index: 5 !important;
    width: 100% !important;
    max-width: 430px !important;
    padding: 0 22px !important;
    margin: 0 !important;
    text-align: left !important;
  }

  #hero h1 {
    max-width: 12.4ch !important;
    margin: 0 !important;
    color: #0d1626 !important;
    font-size: clamp(31px, 8.2vw, 35px) !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
  }

  #hero h1 .accent,
  #hero .accent {
    color: #1e63ff !important;
    -webkit-text-fill-color: transparent !important;
  }

  #hero .sub {
    max-width: 37ch !important;
    margin: 18px 0 0 !important;
    color: #5a6776 !important;
    font-size: 15.2px !important;
    line-height: 1.6 !important;
    opacity: 1 !important;
  }

  #hero .cta-row {
    position: relative !important;
    z-index: 7 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 330px !important;
    margin: 28px 0 0 !important;
  }

  #hero .cta {
    width: min(100%, 330px) !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 22px !important;
    border-radius: 14px !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  #cta1 {
    color: #fff !important;
    background: linear-gradient(135deg, #1f66ff, #0f45d8) !important;
    border-color: transparent !important;
    box-shadow: 0 22px 44px -24px rgba(31, 102, 255, .72) !important;
  }

  #cta2 {
    color: #0d1626 !important;
    background: rgba(255, 255, 255, .82) !important;
    border: 1px solid rgba(13, 22, 38, .14) !important;
    box-shadow: 0 18px 36px -24px rgba(13, 22, 38, .42) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  #cta2,
  #cta2 * {
    color: #0d1626 !important;
    -webkit-text-fill-color: #0d1626 !important;
  }

  .scroll-ind {
    left: 22px !important;
    right: auto !important;
    bottom: 18px !important;
    transform: none !important;
    align-items: center !important;
    gap: 9px !important;
    color: #2563eb !important;
    font-size: 10px !important;
    letter-spacing: .14em !important;
    opacity: 1;
    z-index: 6 !important;
    pointer-events: none !important;
  }

  .scroll-ind .dot {
    background: #2563eb !important;
    box-shadow: 0 0 16px rgba(37, 99, 235, .38) !important;
  }

  #phoneMock,
  #phoneFx,
  .phone-fx {
    z-index: 2 !important;
    pointer-events: none !important;
  }

  #phoneMock {
    max-width: min(86vw, 390px) !important;
  }

  #ecoOrb1,
  #ecoOrb2,
  #ecoOrb3,
  #ecoOrb4 {
    overflow: hidden !important;
  }

  #ecoOrb2 {
    overflow: visible !important;
  }

  #ecoOrb1 .eco-title,
  #ecoOrb2 .eco-title,
  #ecoOrb3 .eco-title,
  #ecoOrb4 .eco-title {
    color: #0d1626 !important;
  }

  #ecoOrb1 .eco-copy,
  #ecoOrb2 .eco-copy,
  #ecoOrb3 .eco-copy,
  #ecoOrb4 .eco-copy {
    color: #475569 !important;
    opacity: 1 !important;
  }

  #ecoOrb3.atlas-rifas-section .eco-card,
  #ecoOrb4 .eco-card {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  #ecoOrb3.atlas-rifas-section .eco-mock,
  #ecoOrb4 .eco-mock {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

@media (max-width: 430px) {
  #hero {
    padding-top: clamp(144px, 22.8vh, 196px) !important;
  }

  #hero h1 {
    font-size: clamp(31px, 8.05vw, 34px) !important;
  }

  #hero .cta-row {
    max-width: 318px !important;
  }

  #hero .cta {
    width: min(100%, 318px) !important;
  }

  #globeFallback {
    left: 84% !important;
    top: 48% !important;
    width: min(52vw, 214px) !important;
    height: min(52vw, 214px) !important;
  }
}

/* ===== PAGE 4 STYLE MATCH ===== */
@media (min-width: 769px) {
  #ecoOrb3.atlas-rifas-section .atlas-rifas-kicker {
    color: #0e5a8a !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    letter-spacing: .24em !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy h3 {
    max-width: 13.2ch !important;
    font-size: clamp(54px, 4.15vw, 62px) !important;
    line-height: 1.02 !important;
    font-weight: 800 !important;
    letter-spacing: -.04em !important;
    background: linear-gradient(90deg, #0d1626, #0e5a8a) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy p {
    color: #22303a !important;
    font-size: clamp(.95rem, 1.12vw, 1.05rem) !important;
    line-height: 1.55 !important;
    letter-spacing: -.01em !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-cta {
    min-height: 46px !important;
    padding: 12px 22px !important;
    border-radius: 12px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: -.015em !important;
    background: linear-gradient(#3478ff, #1f5bd8) !important;
    border: 1px solid rgba(147, 197, 253, .62) !important;
    box-shadow: 0 18px 46px -18px rgba(37, 99, 235, .86) !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-mockup {
    border-radius: 20px !important;
    filter: drop-shadow(0 28px 64px rgba(11, 27, 63, .18)) !important;
  }
}

@media (max-width: 768px) {
  #ecoOrb3.atlas-rifas-section .atlas-rifas-kicker {
    color: #2563eb !important;
    font-weight: 600 !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    letter-spacing: .18em !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy h3 {
    max-width: 14.5ch !important;
    font-size: clamp(34px, 8.4vw, 40px) !important;
    line-height: 1.06 !important;
    font-weight: 800 !important;
    letter-spacing: -.04em !important;
    background: linear-gradient(92deg, #0d1626, #2563eb) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy p {
    color: #475569 !important;
    font-size: 14.5px !important;
    line-height: 1.48 !important;
    letter-spacing: -.01em !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-cta {
    min-height: 46px !important;
    padding: 10px 19px !important;
    border-radius: 12px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    letter-spacing: -.015em !important;
    background: linear-gradient(#3478ff, #1f5bd8) !important;
    border: 1px solid rgba(37, 99, 235, .45) !important;
    box-shadow: 0 18px 46px -18px rgba(37, 99, 235, .64) !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-mockup {
    border-radius: 18px !important;
    filter: drop-shadow(0 20px 34px rgba(11, 27, 63, .16)) !important;
  }
}

/* ===== REMOVE BAD SECTIONS FIX =====
   Escopo restrito: limpeza visual, pagina 4, pagina 5 e mobile.
   Nao adiciona secoes novas e preserva globo/mapa/animacoes principais. */
html,
body {
  background: #f4f6fb !important;
  color-scheme: light !important;
  overflow-x: hidden !important;
}

#hero .cta-secondary,
#cta2 {
  position: relative !important;
  z-index: 12 !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: rgba(255, 255, 255, .9) !important;
  border: 1px solid rgba(13, 22, 38, .14) !important;
  color: #0d1626 !important;
  -webkit-text-fill-color: #0d1626 !important;
  box-shadow: 0 18px 42px -26px rgba(13, 22, 38, .42) !important;
}

#phoneMock,
#phoneFx,
#globeFallback {
  pointer-events: none !important;
}

/* Pagina 4: somente tag, titulo, copy, CTA e uma imagem principal. */
@media (min-width: 769px) {
  .eco-orb-slot:has(#ecoOrb3.atlas-rifas-section) {
    width: min(1180px, 94vw) !important;
    height: min(590px, 72vh) !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  #ecoOrb3.atlas-rifas-section {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  #ecoOrb3.atlas-rifas-section::before,
  #ecoOrb3.atlas-rifas-section .atlas-rifas-list,
  #ecoOrb3.atlas-rifas-section .atlas-rifas-cards,
  #ecoOrb3.atlas-rifas-section .atlas-rifas-window-head,
  #ecoOrb3.atlas-rifas-section .atlas-rifas-status {
    display: none !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-grid {
    display: grid !important;
    grid-template-columns: minmax(350px, .92fr) minmax(520px, 1.08fr) !important;
    align-items: center !important;
    gap: clamp(48px, 6vw, 84px) !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy {
    max-width: 540px !important;
    text-align: left !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-kicker {
    color: #2563eb !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .2em !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy h3 {
    max-width: 14ch !important;
    font-size: clamp(52px, 4.4vw, 64px) !important;
    line-height: 1.01 !important;
    font-weight: 800 !important;
    letter-spacing: -.045em !important;
    background: linear-gradient(92deg, #0d1626 10%, #2563eb 96%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy p {
    max-width: 44ch !important;
    color: #334155 !important;
    font-size: clamp(15.5px, 1.1vw, 17px) !important;
    line-height: 1.58 !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-cta {
    margin-top: 24px !important;
    color: #fff !important;
    text-decoration: none !important;
    background: linear-gradient(#3478ff, #1f5bd8) !important;
    border: 1px solid rgba(147, 197, 253, .62) !important;
    box-shadow: 0 18px 46px -18px rgba(37, 99, 235, .72) !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-window {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-mockup {
    width: min(100%, 680px) !important;
    max-height: 430px !important;
    object-fit: contain !important;
    border-radius: 22px !important;
    filter: drop-shadow(0 30px 58px rgba(11, 27, 63, .18)) !important;
  }

  .eco-card.card-4 .ec-title {
    font-size: clamp(48px, 4.1vw, 58px) !important;
    line-height: 1.03 !important;
    max-width: 14ch !important;
    letter-spacing: -.045em !important;
  }
}

/* Pagina 5: titulo menor, imagem/celular protagonista e sem cards extras. */
.eco-card.card-4 .ec-title {
  color: #0d1626 !important;
  background: linear-gradient(92deg, #0d1626, #2563eb) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

.eco-card.card-4 .ec-lead,
.eco-card.card-4 .ec-text {
  color: #475569 !important;
}

.eco-orb-slot:has(#ecoOrb4) .wb-core {
  filter: drop-shadow(0 30px 56px rgba(15, 23, 42, .18)) !important;
}

@media (max-width: 768px) {
  #hero {
    padding-top: clamp(116px, 18vh, 154px) !important;
  }

  #hero h1 {
    font-size: clamp(31px, 8vw, 36px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.038em !important;
    max-width: 13ch !important;
  }

  #hero .sub {
    font-size: 15px !important;
    line-height: 1.55 !important;
    max-width: 35ch !important;
  }

  #hero .cta-row {
    position: relative !important;
    z-index: 14 !important;
    gap: 10px !important;
  }

  #hero .cta {
    width: min(100%, 320px) !important;
    min-height: 48px !important;
    height: auto !important;
  }

  #globeFallback {
    left: 84% !important;
    top: 48% !important;
    width: min(48vw, 196px) !important;
    height: min(48vw, 196px) !important;
    opacity: .24 !important;
  }

  .eco-orb-slot:has(#ecoOrb3.atlas-rifas-section) {
    width: 100vw !important;
    height: min(650px, 84vh) !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  #ecoOrb3.atlas-rifas-section {
    padding: 82px 20px 28px !important;
    background: #f4f6fb !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  #ecoOrb3.atlas-rifas-section::before,
  #ecoOrb3.atlas-rifas-section .atlas-rifas-list,
  #ecoOrb3.atlas-rifas-section .atlas-rifas-cards,
  #ecoOrb3.atlas-rifas-section .atlas-rifas-window-head,
  #ecoOrb3.atlas-rifas-section .atlas-rifas-status {
    display: none !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;
    width: min(100%, 430px) !important;
    margin: 0 auto !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy {
    text-align: left !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy h3 {
    max-width: 15ch !important;
    font-size: clamp(34px, 9vw, 42px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.04em !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy p {
    color: #475569 !important;
    font-size: 15px !important;
    line-height: 1.52 !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-cta {
    margin-top: 20px !important;
    width: fit-content !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-window {
    width: 100% !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-mockup,
  .wb-solution-img {
    width: min(100%, 430px) !important;
    max-height: 300px !important;
    object-fit: contain !important;
    border-radius: 20px !important;
    filter: drop-shadow(0 22px 40px rgba(11, 27, 63, .16)) !important;
  }

  .eco-card.card-4 {
    width: min(92vw, 540px) !important;
    bottom: 5% !important;
  }

  .eco-card.card-4 .ec-title {
    font-size: clamp(32px, 8.7vw, 40px) !important;
    line-height: 1.07 !important;
    max-width: 15ch !important;
    letter-spacing: -.04em !important;
  }

  .eco-card.card-4 .ec-lead,
  .eco-card.card-4 .ec-text {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
}

@media (max-width: 430px) {
  #hero {
    padding-top: clamp(108px, 17vh, 142px) !important;
  }

  #ecoOrb3.atlas-rifas-section {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy h3 {
    font-size: clamp(34px, 9.4vw, 40px) !important;
  }
}

/* ===== FOCUSED FIX: PAGE 1 MAP + PAGE 4/5 ONLY ===== */
#scene {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  opacity: .96 !important;
  pointer-events: none !important;
}

#globeFallback {
  z-index: 1 !important;
  pointer-events: none !important;
}

#hero {
  z-index: 3 !important;
}

.topbar,
.scroll-ind {
  z-index: 6 !important;
}

@media (min-width: 769px) {
  #ecoOrb3.atlas-rifas-section .atlas-rifas-grid {
    grid-template-columns: minmax(360px, .9fr) minmax(500px, 1.1fr) !important;
    gap: clamp(42px, 5.2vw, 72px) !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy {
    max-width: 520px !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-kicker,
  .eco-card.card-4 .ec-kick {
    color: #2563eb !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy h3 {
    max-width: 15ch !important;
    font-size: clamp(46px, 3.45vw, 50px) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
    color: #0d1626 !important;
    -webkit-text-fill-color: #0d1626 !important;
    background: none !important;
    text-shadow: none !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy p {
    max-width: 44ch !important;
    color: #5a6776 !important;
    font-size: 16px !important;
    line-height: 1.58 !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-visual {
    max-width: 620px !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-mockup {
    width: min(100%, 620px) !important;
    max-height: 430px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 24px 46px rgba(11, 27, 63, .16)) !important;
  }

  .eco-card.card-4 .ec-title,
  #ecoCard4 .ec-title {
    max-width: 15ch !important;
    font-size: clamp(46px, 3.45vw, 50px) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
    color: #0d1626 !important;
    -webkit-text-fill-color: #0d1626 !important;
    background: none !important;
    text-shadow: none !important;
  }

  .eco-card.card-4 .ec-lead,
  .eco-card.card-4 .ec-text {
    color: #5a6776 !important;
    font-size: 16px !important;
    line-height: 1.58 !important;
  }

  .eco-card.card-4 .wp-cta-row {
    margin-top: 18px !important;
  }

  .eco-orb-slot:has(#ecoOrb4) .wb-core {
    width: min(620px, 46vw) !important;
    height: min(430px, 58vh) !important;
  }
}

@media (max-width: 768px) {
  #scene {
    z-index: 0 !important;
    opacity: .84 !important;
  }

  #hero {
    z-index: 3 !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy h3,
  .eco-card.card-4 .ec-title,
  #ecoCard4 .ec-title {
    font-size: clamp(32px, 8.4vw, 38px) !important;
    line-height: 1.07 !important;
    color: #0d1626 !important;
    -webkit-text-fill-color: #0d1626 !important;
    background: none !important;
  }
}

/* ===== FINAL CONTROLLED PASS: LAYOUT, NAV AND MOBILE PERFORMANCE ===== */
html,
body {
  overflow-x: hidden !important;
}

img,
canvas,
svg {
  max-width: 100%;
}

.cta,
.wp-cta,
.atlas-rifas-cta,
.fc-btn {
  min-height: 44px;
}

.cta:focus-visible,
.wp-cta:focus-visible,
.atlas-rifas-cta:focus-visible,
.fc-btn:focus-visible,
#langBtn:focus-visible,
#langMenu button:focus-visible,
.wgf a:focus-visible,
.scene-index:focus-visible,
#backTop:focus-visible {
  outline: 3px solid rgba(37, 99, 235, .55) !important;
  outline-offset: 3px !important;
}

.scene-index {
  cursor: pointer;
  border-radius: 999px;
  padding: 8px 10px;
  transition: background .25s ease, color .25s ease;
}

.scene-index:hover {
  background: rgba(37, 99, 235, .08);
}

#backTop {
  position: fixed;
  left: 18px;
  bottom: 18px;
  z-index: 72;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(13, 22, 38, .14);
  border-radius: 999px;
  background: rgba(255, 255, 255, .88);
  color: #0d1626;
  box-shadow: 0 16px 36px -22px rgba(13, 22, 38, .45);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity .25s ease, transform .25s ease, background .25s ease;
}

#backTop:hover {
  background: #fff;
  transform: translateY(4px);
}

#backTop.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

@media (min-width: 769px) {
  #ecoOrb3.atlas-rifas-section .atlas-rifas-grid {
    gap: clamp(48px, 5.8vw, 86px) !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy h3,
  .eco-card.card-4 .ec-title,
  #ecoCard4 .ec-title {
    font-size: clamp(46px, 3.25vw, 50px) !important;
    line-height: .98 !important;
  }

  .eco-card.card-4 .wp-cta-row {
    margin-top: 20px !important;
  }
}

@media (max-width: 768px) {
  html,
  body {
    background: #f4f6fb !important;
  }

  #globeFallback {
    left: 78% !important;
    width: min(42vw, 176px) !important;
    height: min(42vw, 176px) !important;
    opacity: .26 !important;
  }

  .eco-orb-slot:has(#ecoOrb2) {
    top: 36% !important;
    margin-top: 0 !important;
  }

  #ecoOrb2.wl-core {
    height: 38vh !important;
    max-height: 300px !important;
  }

  #ecoOrb2 .wl-main {
    top: 8% !important;
    width: min(72vw, 300px) !important;
  }

  #ecoOrb2 .wl-mod {
    width: min(39vw, 156px) !important;
  }

  #ecoOrb3.atlas-rifas-section .atlas-rifas-copy h3,
  .eco-card.card-4 .ec-title,
  #ecoCard4 .ec-title {
    font-size: clamp(32px, 8.2vw, 38px) !important;
    line-height: 1.05 !important;
  }

  .eco-orb-slot:has(#ecoOrb4) {
    top: 73% !important;
    height: 30vh !important;
  }

  .eco-orb-slot:has(#ecoOrb4) .wb-core {
    width: min(88vw, 360px) !important;
    height: min(30vh, 240px) !important;
  }

  #bg-blue .beam,
  #bg-blue .beam2 {
    display: none !important;
  }

  #bg-blue .b1,
  #bg-blue .b2,
  #bg-blue .b3,
  .pfx-eco .t,
  .pfx-eco .d {
    animation: none !important;
  }

  #backTop {
    left: 14px;
    bottom: 74px;
  }
}

@media (max-width: 430px) {
  .eco-orb-slot:has(#ecoOrb2) {
    top: 37% !important;
  }

  #ecoOrb2 .wl-main {
    width: min(76vw, 290px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  .scene-index,
  #backTop,
  #backTop:hover,
  #backTop.is-visible {
    transition: none !important;
  }
}

/* Basic friction only: this reduces casual copy/inspection, not real security. */
html.security-soft-lock body {
  -webkit-user-select: none;
  user-select: none;
}

html.security-soft-lock a,
html.security-soft-lock button,
html.security-soft-lock input,
html.security-soft-lock textarea,
html.security-soft-lock select,
html.security-soft-lock [contenteditable="true"],
html.security-soft-lock #langSel {
  -webkit-user-select: auto;
  user-select: auto;
}