/* GeneratePress Site CSS */

/* End GeneratePress Site CSS */

/* =========================================================================
   NPS 4MATT — Patch de responsividade (celular, tablet e monitores)
   v2 — Diana Campos, 11/08/2026. Corrige o seletor de nota (1-10) que usava
   rolagem horizontal (overflow-x:auto) e só mostrava ~2 de 10 notas em
   celular. Vale para todas as páginas NPS que usam o script compartilhado
   "NPS Page Script" (nps-page, nps-page-evento-presencial,
   nps-page-webinars-externos, nps-page-virada-diario, nps-page-projetos).
   ========================================================================= */

#nps-page-wrapper { max-width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important; }
#nps-page-wrapper *, #nps-page-wrapper *::before, #nps-page-wrapper *::after { box-sizing: border-box !important; }

#score-selector div[style*="overflow-x:auto"] { flex-wrap: wrap !important; overflow-x: visible !important; row-gap: 8px !important; }
#score-selector div[style*="overflow-x:auto"] > br { display: none !important; }
#score-selector div[style*="overflow-x:auto"] > a { flex: 1 1 auto !important; max-width: 64px !important; }
#score-selector > div[style*="space-between"] { flex-wrap: wrap !important; row-gap: 4px !important; }

#hubspot-form-section .hs-form-frame,
#hubspot-form-section iframe { width: 100% !important; max-width: 100% !important; }

#hubspot-form-section input,
#hubspot-form-section textarea,
#hubspot-form-section select { font-size: 16px !important; }

@media (max-width: 768px) {
  #nps-page-wrapper { padding: 0 12px 32px 12px !important; }
  #nps-page-wrapper div[style*="padding:28px 34px 0 34px"] { padding: 20px 16px 0 16px !important; }
  #score-selector { padding: 14px !important; }
  #hubspot-form-section { padding: 0 16px 0 16px !important; }
}

@media (max-width: 480px) {
  #score-selector div[style*="overflow-x:auto"] > a { min-width: 40px !important; height: 46px !important; font-size: 15px !important; }
  #nps-page-wrapper div[style*="padding:28px 34px 0 34px"] { padding: 16px 10px 0 10px !important; }
  #hubspot-form-section { padding: 0 10px 0 10px !important; }
}

@media (min-width: 1440px) {
  #nps-page-wrapper { max-width: 1400px !important; margin-left: auto !important; margin-right: auto !important; }
}