/* Estilos responsive para el plugin de Partículas Caídas */

/* Pantallas medianas y hacia abajo */
@media (max-width: 1024px) {
  #particulas-viewport {
    width: 100% !important;
    min-height: 250px !important;
    max-height: none !important;
  }
}

/* Tablets verticales y móviles grandes */
@media (max-width: 768px) {
  #particulas-controls {
    flex-wrap: wrap;
    border-radius: 12px;
    justify-content: center;
    padding: 15px;
    width: 90%;
  }

  .particulas-control-group {
    border-left: none;
    padding-left: 0;
    width: 100%;
    justify-content: center;
    margin-top: 10px;
  }
}

/* Teléfonos móviles (Smartphones) */
@media (max-width: 480px) {
  #particulas-controls {
    width: 95%;
    padding: 10px;
    gap: 8px;
  }

  #particulas-controls button {
    padding: 8px 10px;
    font-size: 0.7rem;
    flex: 1 1 45%;
    justify-content: center;
    text-align: center;
  }
}