/* Sono de Bolso — rodapé institucional (compartilhado por todas as páginas). */
.rodape { --r-fundo: #0E1638; --r-texto: #C9D0EA; --r-forte: #FFFFFF; --r-linha: rgba(255,255,255,.14);
  margin: 0; padding: clamp(40px, 5vw, 64px) max(24px, calc((100% - 1180px) / 2)) 22px; background: var(--r-fundo); color: var(--r-texto);
  font: 500 14px/1.6 Manrope, Inter, system-ui, sans-serif; }
.rodape a { color: var(--r-forte); text-decoration: none; }
.rodape a:hover { color: #B8B6FF; text-decoration: underline; text-underline-offset: 3px; }
.rodape a:focus-visible { outline: 3px solid #B8B6FF; outline-offset: 3px; border-radius: 4px; }
.rodape-in { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: clamp(28px, 4vw, 56px); }
.rodape-logo { display: inline-flex; align-items: center; gap: 12px; font: 800 24px/1.05 Manrope, system-ui, sans-serif; letter-spacing: -.04em; }
.rodape-logo img { width: 48px; height: 48px; border-radius: 12px; flex: none; }
.rodape-logo:hover { text-decoration: none !important; }
.rodape-marca p { margin-top: 16px; max-width: 34em; }
.rodape-marca .rodape-pagto { margin-top: 12px; font-size: 13px; color: #9FA8CF; }
.rodape-col { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
.rodape-col h2 { margin: 0 0 10px; font: 700 12px/1.2 Manrope, system-ui, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #9FA8CF; }
.rodape-col a { display: inline-flex; align-items: center; min-height: 36px; font-weight: 600; }
.rodape-aviso { margin: clamp(28px, 4vw, 44px) 0 0; padding: 18px 0 0; border-top: 1px solid var(--r-linha); max-width: 62em; font-size: 13px; color: #AEB6D8; }
.rodape-aviso a { text-decoration: underline; text-underline-offset: 3px; }
.rodape-fim { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--r-linha); font-size: 12.5px; color: #9FA8CF; }
.rodape-fim a { min-height: 32px; display: inline-flex; align-items: center; font-weight: 600; }
@media (max-width: 900px) { .rodape-in { grid-template-columns: 1fr 1fr; } .rodape-marca { grid-column: 1 / -1; } }
@media (max-width: 340px) { .rodape-in { grid-template-columns: 1fr; } }