/* Guarco Radio · patrocinadores en /guarco-radio
   Usa los colores, botones y tarjetas de site.css */

[data-guarco-patrocinadores][hidden] { display: none !important; }

.gp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 22px;
}
.gp-card {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: #fff;
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease;
}
.gp-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-sm); }
.gp-logo {
  aspect-ratio: 2 / 1;
  display: grid;
  place-items: center;
  padding: 22px 28px;
  background: var(--soft);
  border-bottom: 1px solid var(--line);
}
.gp-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.gp-body { display: flex; flex-direction: column; flex: 1; padding: 20px; }
.gp-body h3 { font-size: 1.15rem; margin-bottom: 6px; }
.gp-body p { color: var(--muted); font-size: .92rem; margin-bottom: 16px; }
.gp-botones { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }
.gp-botones .btn { flex: 1 1 auto; }

.gp-invitacion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  margin-top: 30px;
  padding: 24px 28px;
  border-radius: 22px;
  border: 1px dashed #b9cde4;
  background: #fbfdff;
}
.gp-invitacion h3 { margin-bottom: 4px; }
.gp-invitacion p { margin: 0; color: var(--muted); }