/* Colores personalizados */
.text-special { color: #b20009; }
.bg-special { background-color: #b20009; }

/* Botones */
.btn-special {
  background-color: #b20009;
  color: #fff;
  border: none;
}
.btn-special:hover {
  background-color: #8a0007;
  color: #fff;
}
.btn-whatsapp {
  background-color: #25D366;
  color: #fff;
  border: none;
}
.btn-whatsapp:hover {
  background-color: #1DA851;
  color: #fff;
}

/* Logo */
.logo {
  max-height: 80px;
}
/* Galería estilo mosaico */
.masonry {
  column-count: 3;
  column-gap: 1rem;
}

.masonry-item {
  break-inside: avoid;
  margin-bottom: 1rem;
}

@media (max-width: 992px) {
  .masonry {
    column-count: 2;
  }
}

@media (max-width: 576px) {
  .masonry {
    column-count: 1;
  }
}
/* Galería estilo mosaico */
.masonry {
  column-count: 3;
  column-gap: 1rem;
}

.masonry-item {
  break-inside: avoid;
  margin-bottom: 1rem;
}

@media (max-width: 992px) {
  .masonry {
    column-count: 2;
  }
}

@media (max-width: 576px) {
  .masonry {
    column-count: 1;
  }
}
/* Enlaces del footer */
.footer-link {
  color: #fff;
  text-decoration: none;
  transition: color 0.3s;
}
.footer-link:hover {
  color: #b20009; /* Color especial al pasar el mouse */
}

/* Iconos de redes sociales */
.social-icon {
  color: #fff;
  font-size: 1.5rem;
  transition: color 0.3s, transform 0.3s;
}
.social-icon:hover {
  color: #b20009; /* Color especial al pasar el mouse */
  transform: scale(1.2);
}

/* Silver */
.card-silver {
  background: linear-gradient(135deg, #c0c0c0, #f5f5f5);
}

/* Golden */
.card-golden {
  background: linear-gradient(135deg, #FFD700, #FFA500);
}

/* Zafiro */
.card-zafiro {
  background: linear-gradient(135deg, #0f52ba, #1e90ff);
}

/* Platinum */
.card-platinum {
  background: linear-gradient(135deg, #3a3a3a, #8c8c8c);
}

/* Diamond */
.card-diamond {
  background: linear-gradient(135deg, #00c6ff, #0072ff);
}

/* Red */
.card-red {
  background: linear-gradient(135deg, #b20009, #ff4d4d);
}