.brand {
  gap: .75rem;
  font-size: 1rem;
}

.brand-name {
  max-width: 330px;
  font: 600 .98rem/1.25 system-ui, -apple-system, "Segoe UI", sans-serif;
}

@media (max-width: 600px) {
  .brand img {
    width: 50px;
    height: 50px;
  }

  .brand-name {
    max-width: 205px;
    font-size: .72rem;
  }
}

.contact-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  padding: 2.25rem;
  background: #fff;
  border: 1px solid #eadbd5;
  border-radius: 20px;
  text-align: center;
}

.contact-actions h3,
.contact-actions p {
  margin: 0;
}

.contact-actions h3 {
  font-size: 1.7rem;
}

.contact-actions .button {
  width: 100%;
}

/* Logotipo oficial GEMA 2026 */
.brand img { border-radius: 8px; object-fit: contain; }
.hero-official-logo { display:block; width:min(100%, 260px); height:auto; margin:0 0 1.25rem; border-radius:12px; mix-blend-mode:multiply; }
@media(max-width:600px){ .hero-official-logo { width:190px; margin-bottom:1rem; } }

/* Feed Instagram GEMA */
.instagram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.instagram-post{display:block;position:relative;aspect-ratio:1;overflow:hidden;border-radius:16px;background:#f5edf0;box-shadow:0 3px 16px #0000000d}.instagram-post img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.instagram-post:hover img{transform:scale(1.04)}.instagram-post:focus-visible{outline:3px solid #ad6177;outline-offset:3px}.instagram-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 12px 10px;color:white;background:linear-gradient(transparent,#0009);font-size:.88rem}.instagram-footer{text-align:center;margin-top:24px}.instagram-status{grid-column:1/-1;text-align:center;color:#725f66;padding:25px}.instagram-post .instagram-play{position:absolute;top:10px;right:12px;color:white;text-shadow:0 1px 5px #000;font-size:1.2rem}@media(max-width:700px){.instagram-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.instagram-post{border-radius:10px}}
