/* ============================================= */
/* PARCEIROS - Sistemas parceiros                 */
/* ============================================= */
/* Cards dos parceiros com iniciais e links        */
/* ============================================= */

.parceiros {
  position: relative;
  background: linear-gradient(180deg, #0a0a0a, #0d0d0d);
  overflow: hidden;
}

/* Grid: 4 colunas */
.parceiros-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

/* Card de cada parceiro (é um link clicável) */
.parceiro-card {
  padding: 32px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  cursor: pointer;
}

.parceiro-card:hover {
  border-color: rgba(29, 161, 242, 0.5);
  box-shadow: 0 0 40px rgba(29, 161, 242, 0.12), 0 8px 32px rgba(0, 0, 0, 0.3);
  transform: translateY(-6px);
}

/* Círculo com iniciais do parceiro */
.parceiro-logo {
  width: 75px;
  height: 75px;
  border-radius: 0px;
  background: linear-gradient(135deg, rgba(10, 77, 155, 0.25), rgba(29, 161, 242, 0.12));
  border: 1px solid rgba(29, 161, 242, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}

.parceiro-card:hover .parceiro-logo {
  background: var(--gradiente-primario);
  border-color: transparent;
  box-shadow: 0 0 30px rgba(29, 161, 242, 0.3);
}

/* Iniciais estilizadas */
.parceiro-iniciais {
  font-family: var(--fonte-display);
  font-weight: 800;
  font-size: 1.5rem;
  background: linear-gradient(135deg, var(--azul-claro), #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  transition: all 0.4s ease;
}

.parceiro-card:hover .parceiro-iniciais {
  background: linear-gradient(135deg, #fff, #e0f0ff);
  -webkit-background-clip: text;
  background-clip: text;
}

.parceiro-info h3 {
  font-family: var(--fonte-display);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--branco);
  margin-bottom: 8px;
  transition: color 0.3s ease;
}

.parceiro-card:hover .parceiro-info h3 {
  color: var(--azul-claro);
}

.parceiro-info p {
  font-size: 0.87rem;
  color: var(--cinza-claro);
  line-height: 1.6;
}