/**
 * PWA Card Landing Page Overrides
 * Garante que o card se comporta bem na landing page
 */

/* Resetar espaçamento */
.bts-landing-corporate .pwa-install-container {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  overflow: visible;
}

/* Garantir que o container pai tenha o espaço correto */
.bts-landing-corporate .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* Mobile - garantir responsividade */
@media (max-width: 768px) {
  .bts-landing-corporate .pwa-install-container {
    margin: 1.5rem 0;
    padding: 1.5rem;
  }

  .pwa-install-title {
    font-size: 2rem;
  }

  .pwa-install-subtitle {
    font-size: 1rem;
  }
}

/* Garantir que emojis renderizam bem */
.pwa-card-icon,
.method-icon,
.benefit-icon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Suporte para fontes de emoji */
@supports (font-variant: normal) {
  .pwa-install-container {
    font-variant: normal;
  }
}