/* Callout azul para mensagens de erro/aviso */
.callout { display: grid; gap: 12px; align-items: center; justify-items: center; padding: 22px 32px; border: 2px solid #c3d8ff; border-radius: 16px; background: #eefdff; color: #0b2e66; text-align: center; }
.callout--info { border-color: #c3d8ff; background: #eefdff; }
.callout--hide { display: none; }
.callout__title { font-weight: 800; margin: 0; color: #0b2e66; font-size: 18px; }
.callout__actions { margin-top: 6px; display: grid; place-items: center; }
.btn-pill { border-radius: 999px; padding: 12px 24px; font-weight: 700; }
/* Botão azul mais claro dentro do callout */
.callout .btn-primary { background: #12a4ea; border-color: #12a4ea; color: #fff; }
.callout .btn-primary:hover { background: #0d8fd0; border-color: #0d8fd0; }