/* Seção do Prêmio Reclame AQUI 2026 antes do rodapé (item 07 do briefing), do pacote "secao-indicacao-premio-ra".
   Tudo fica dentro de .ra26s, sem afetar o resto da página. A fonte DM Sans vem do Google Fonts (font_dm_sans). */

.ra26s{
  --ra26s-ink:#151515; --ra26s-text:#565656; --ra26s-purple:#A701FD; --ra26s-band:#F7F5FA;
  --ra26s-lime:#B6F21A; --ra26s-dark:#062B0E;
  --ra26s-font:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--ra26s-band); color:var(--ra26s-ink); font-family:var(--ra26s-font);
  padding:64px 56px; letter-spacing:-.02em; -webkit-font-smoothing:antialiased;
}
.ra26s *,.ra26s *::before,.ra26s *::after{box-sizing:border-box}
.ra26s-in{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:center}
.ra26s-img{margin:0;border-radius:22px;overflow:hidden;box-shadow:0 8px 28px rgba(21,21,21,.08)}
.ra26s-img img{display:block;width:100%;height:auto}
.ra26s-txt{display:flex;flex-direction:column;gap:14px;min-width:0}
.ra26s-eb{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ra26s-purple)}
/* !important: o CSS das páginas da Momentum força Poppins em todo h2 */
.ra26s h2{margin:0;font-family:var(--ra26s-font)!important;font-size:34px;line-height:1.12;font-weight:800;letter-spacing:-.035em;color:var(--ra26s-ink);text-wrap:balance}
.ra26s p{margin:0;font-size:16.5px;line-height:1.65;color:var(--ra26s-text)}
.ra26s-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;margin-top:6px;min-height:52px;padding:0 26px;border-radius:999px;background:var(--ra26s-lime);color:var(--ra26s-dark);font:800 16px var(--ra26s-font);letter-spacing:-.02em;text-decoration:none;box-shadow:0 10px 26px rgba(120,170,10,.28);transition:filter .2s,transform .14s}
.ra26s-btn:hover{filter:brightness(1.05)}
.ra26s-btn:active{transform:scale(.97)}
.ra26s-btn:focus-visible{outline:3px solid var(--ra26s-purple);outline-offset:3px}
.ra26s-btn svg{width:18px;height:18px;flex:0 0 auto}

@media (max-width:640px){
  .ra26s{padding:40px 18px}
  .ra26s-in{grid-template-columns:1fr;gap:22px}
  .ra26s h2{font-size:26px}
  .ra26s p{font-size:15.5px}
  .ra26s-btn{align-self:stretch;justify-content:center;text-align:center;padding:12px 14px;gap:8px;font-size:15px;line-height:1.3}
}