/* ============================================
   SISCapital - estilos complementares ao Tailwind
   Cores e fontes principais ficam em tailwind.config (index.html)
   ============================================ */

:root {
  --sis-navy: #120f44;
  --sis-lime: #b5bf00;
  --sis-sand: #d0b4a2;
}

html { scroll-behavior: smooth; }
body { font-family: 'Montserrat', sans-serif; }


/* Degradê do hero (sol dourado -> foto) */
.hero-gradient {
  background: linear-gradient(90deg, #f3c452 0%, #f3c452 35%, rgba(243,196,82,0) 70%);
}

/* Degradê do banner do app (verde -> azul escuro) */
.app-gradient {
  background: linear-gradient(90deg, var(--sis-lime) 0%, var(--sis-lime) 45%, var(--sis-navy) 100%);
}

/* Cartões de notícia: sombra suave */
.card-news { box-shadow: 0 2px 6px rgba(0, 0, 0, .18); transition: transform .2s ease, box-shadow .2s ease; }
.card-news:hover { transform: translateY(-4px); box-shadow: 0 8px 18px rgba(0, 0, 0, .22); }

/* Limita o texto dos cartões a 6 linhas */
.clamp-6 {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
}