/* AcolheMente · convite para a avaliação (js/components/avaliacao.js), usado em / e /ceaf/. */
.av { font-family: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif; color: #0B2236; }
.av .ic { width: 1em; height: 1em; flex: none; }
.av-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 18px;
  border-radius: 8px; background: #E8762B; color: #0B2236; font-weight: 700; font-size: .95rem; text-decoration: none; white-space: nowrap; }
.av-btn:hover { background: #D9661C; }
.av-btn:focus-visible { outline: 3px solid #0B2236; outline-offset: 2px; }
.av-btn .ic { width: .85em; height: .85em; }

.av-faixa { display: flex; align-items: center; gap: 16px; margin: 20px 0; padding: 16px 18px; background: #FCEBDD;
  border: 1px solid #F2C7A5; border-left: 4px solid #E8762B; border-radius: 12px; }
.av-ic { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; background: #E8762B; color: #0B2236; flex: none; font-size: 1.25rem; }
.av-txt { flex: 1; min-width: 0; line-height: 1.45; font-size: .97rem; }
.av-txt b { display: block; font-size: 1.02rem; margin-bottom: 2px; }

.av-lateral { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; background: #FCEBDD; border: 1px solid #F2C7A5; border-radius: 10px; }
.av-lateral p { margin: 0; font-size: .9rem; line-height: 1.4; }
.av-lateral .av-btn { width: 100%; }

@media (max-width: 700px) {
  .av-faixa { flex-direction: column; align-items: stretch; text-align: left; }
  .av-ic { display: none; }
  .av-faixa .av-btn { width: 100%; }
}

/* faixa no topo, logo abaixo da barra (página inicial e todas as telas do CEAF) */
.av-topo { background: #FCEBDD; border-bottom: 1px solid #F2C7A5; box-shadow: inset 0 4px 0 #E8762B; }
.av-topo-in { max-width: 1200px; margin: 0 auto; padding: 18px 32px; display: flex; align-items: center; gap: 18px; }
.av-topo .av-ic { width: 52px; height: 52px; border-radius: 12px; font-size: 1.5rem; }
.av-topo .av-txt { font-size: 1.02rem; }
.av-topo .av-txt b { font-size: 1.15rem; }
.av-btn-grande { min-height: 56px; padding: 14px 28px; font-size: 1.1rem; border-radius: 10px; box-shadow: 0 6px 18px rgba(232,118,43,.35); }
@media (max-width: 760px) {
  .av-topo-in { flex-direction: column; align-items: stretch; padding: 14px 16px; gap: 12px; }
  .av-topo .av-ic { display: none; }
  .av-btn-grande { width: 100%; }
}