/* ============================================
   CARDS — Componentes reutilizáveis
   ============================================ */

/* ---------- CARD BASE ---------- */
.giss-card {
  background-color: var(--giss-branco);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: var(--radius-md);
  padding: 32px 28px;
  transition: var(--transicao);
}

.giss-card:hover {
  box-shadow: var(--sombra-media);
  transform: translateY(-2px);
}

/* ---------- CARD ESCURO ---------- */
.giss-card--dark {
  background-color: var(--giss-azul-escuro);
  color: var(--giss-branco);
  border-color: transparent;
}

.giss-card--dark:hover {
  background-color: #243A5E;
}

/* ---------- CARD AZUL (destaque) ---------- */
.giss-card--azul {
  background-color: var(--giss-azul);
  color: var(--giss-branco);
  border-color: transparent;
}

.giss-card--azul:hover {
  background-color: #004A91;
}

/* ---------- CARD COM ÍCONE ---------- */
.giss-card__icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: var(--giss-azul);
}

.giss-card--dark .giss-card__icon,
.giss-card--azul .giss-card__icon {
  color: var(--giss-texto-amarelo);
}

.giss-card__icon img,
.giss-card__icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ---------- CARD TÍTULO E TEXTO ---------- */
.giss-card__titulo {
  font-size: var(--fs-h4);
  font-weight: var(--peso-bold);
  margin-bottom: 12px;
  line-height: 1.3;
  color: inherit;
}

.giss-card__texto {
  font-size: var(--fs-body);
  line-height: 1.65;
  color: var(--giss-texto);
  margin-bottom: 16px;
}

.giss-card--dark .giss-card__texto,
.giss-card--azul .giss-card__texto {
  color: rgba(255, 255, 255, 0.85);
}

/* ---------- CARD LINK ---------- */
.giss-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--fs-small);
  font-weight: var(--peso-semibold);
  color: var(--giss-azul);
  transition: var(--transicao);
}

.giss-card--dark .giss-card__link,
.giss-card--azul .giss-card__link {
  color: var(--giss-texto-amarelo);
}

.giss-card__link:hover {
  gap: 10px;
}

/* ---------- CARD COM IMAGEM ---------- */
.giss-card-img {
  background-color: var(--giss-branco);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: var(--transicao);
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.giss-card-img:hover {
  box-shadow: var(--sombra-media);
  transform: translateY(-2px);
}

.giss-card-img__img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.giss-card-img__body {
  padding: 24px;
}

/* ---------- RESPONSIVO ---------- */
@media (max-width: 768px) {
  .giss-card {
    padding: 24px 22px;
  }

  .giss-card-img__img {
    height: 180px;
  }
}