/* 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; } /* 4MATT | Blog search results */ body.search-results .page-header .page-title{font-family:Poppins,Inter,sans-serif;font-weight:800;color:#201e4b} body.search-results .site-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch} body.search-results .site-main>.page-header,body.search-results .site-main>.paging-navigation{grid-column:1/-1} body.search-results .site-main article{background:#fff;border:1px solid #d8ceef;border-radius:20px;padding:0;margin:0;overflow:hidden;box-shadow:0 4px 18px rgba(32,30,75,.05);transition:border-color .2s,box-shadow .2s,transform .2s} body.search-results .site-main article:hover{border-color:#9156f1;box-shadow:0 10px 28px rgba(88,23,139,.14);transform:translateY(-2px)} body.search-results .site-main article .inside-article{display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:20px;background:transparent} body.search-results .site-main article .entry-header{order:1;margin:0 0 14px} body.search-results .site-main article .post-image{order:2;margin:0 0 14px} body.search-results .site-main article .entry-summary{order:3} body.search-results .site-main article footer.entry-meta{order:4;margin-top:auto} body.search-results .site-main article .post-image a{display:block} body.search-results .site-main article .post-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px} /* 4MATT | title in placeholder */ body.search-results .site-main article:not(.has-post-thumbnail) .entry-header{display:flex;flex-direction:column;justify-content:center;gap:10px;box-sizing:border-box;aspect-ratio:16/9;margin:0 0 14px;padding:20px;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(145,86,241,.45) 0%,rgba(145,86,241,.12) 35%,rgba(32,30,75,0) 70%),linear-gradient(135deg,#201e4b 0%,#58178b 100%)} body.search-results .site-main article:not(.has-post-thumbnail) .entry-title{margin:0;color:#fff;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden} body.search-results .site-main article:not(.has-post-thumbnail) .entry-title a} body.search-results .site-main .entry-title{font-family:Poppins,Inter,sans-serif;font-weight:700;font-size:clamp(17px,1.5vw,21px);line-height:1.3;margin:0 0 8px} body.search-results .site-main .entry-title a} body.search-results .site-main .entry-summary{color:#5b5570;font-size:15px;line-height:1.65;margin:0 0 16px} body.search-results .site-main .entry-summary p{margin:0} body.search-results .entry-meta .byline{display:none} body.search-results .cat-links a,body.search-results .tags-links a{color:#58178b} @media (max-width:1024px){body.search-results .site-main{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:640px){body.search-results .site-main{grid-template-columns:1fr}}