/* GeneratePress Site CSS */ /* End GeneratePress Site CSS */ /* ========================================================================= NPS 4MATT — Responsiveness Patch (mobile, tablet and monitors) v2 — Diana Campos, 08/11/2026. Fixes the rating selector (1-10) that used horizontal scrolling (overflow-x:auto) and only showed ~2 out of 10 ratings on mobile. Applies to all NPS pages that use the shared script "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; } } /* 4MATT — TranslatePress: display PT instead of PT_BR */ .trp-language-switcher-container .trp-menu-ls-label[title="PT_BR"] .trp-ls-language-name { position: relative; display: inline-block; width: 2.2ch; visibility: hidden; } .trp-language-switcher-container .trp-menu-ls-label[title="PT_BR"] .trp-ls-language-name::after { content: "PT"; position: absolute; inset: 0; visibility: visible; }