/* =========================================================================
   Página inicial em ASP (index.asp): aviso de cookies e notícias do banco.
   Arquivo só de acréscimos: não altera nenhuma regra de style.css.
   ========================================================================= */

/* Títulos reais das notícias são maiores que os do design: no máximo 3 linhas no card */
.pg-inicio .news-card .news-title {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3;
  overflow: hidden;
  text-align: left; /* justificado abre buracos entre palavras longas */
}

/* ---------- Aviso de cookies (aparece até o visitante aceitar) ---------- */
.aviso-cookies {
  position: fixed; right: var(--gutter); bottom: var(--gutter); z-index: 55;
  width: min(390px, 100% - 2 * var(--gutter));
  padding: 22px 24px 24px;
  background: var(--blue); color: var(--white);
  border: 3px solid var(--white); border-radius: 26px;
  box-shadow: 0 20px 44px rgb(0 0 40 / .45);
  animation: aviso-entra .6s var(--ease) 1.2s both;
}
.aviso-cookies-t { color: var(--yellow); font: 26px / 1 var(--f-title); }
.aviso-cookies-txt { margin-top: 10px; font: 15px / 1.45 var(--f-text); }
.aviso-cookies-txt a { color: var(--yellow); font-weight: 700; }
.aviso-cookies-btn {
  display: inline-flex; align-items: center; justify-content: center;
  margin-top: 16px; height: 46px; padding: 0 26px;
  background: var(--yellow); color: var(--ink);
  border-radius: 999px;
  box-shadow: .12em .12em 0 var(--shadow-blue), .2em .2em 0 var(--white);
  font: 19px / 1 var(--f-title); text-decoration: none;
  transition: transform .25s var(--ease);
}
.aviso-cookies-btn:hover, .aviso-cookies-btn:focus-visible { transform: translateY(-3px) scale(1.04) rotate(-2deg); }
@keyframes aviso-entra { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: none; } }
@media (max-width: 599.98px) {
  .aviso-cookies {
    right: 0; bottom: 0; width: 100%;
    padding: 18px var(--gutter) max(18px, env(safe-area-inset-bottom));
    border-width: 3px 0 0; border-radius: 22px 22px 0 0;
  }
  .aviso-cookies-t { font-size: 22px; }
  .aviso-cookies-txt { font-size: 14px; }
}