/* === Responsive para botones en todas las resoluciones === */

/* Botonera top básica */
.top-buttons {
  gap: 20px;            /* separación horizontal base */
  flex-wrap: wrap;
  justify-content: center;
}

.top-buttons .btn {
  margin-bottom: 10px;  /* separación vertical base */
}

/* Más separación en móviles */
@media (max-width: 768px) {
  .top-buttons {
    gap: 30px;          /* más separación horizontal en móviles */
  }
  .top-buttons .btn {
    margin-bottom: 15px; /* más separación vertical en móviles */
  }
}