/**
 * Centralized Responsive Visibility Classes
 *
 * Provides .desktop-only and .mobile-only utility classes
 * to show or hide elements based on screen size.
 */

/* Por defecto, los elementos solo para móvil están ocultos. */
.mobile-only {
    display: none !important;
}

/* Por defecto, los elementos solo para escritorio están visibles. */
.desktop-only {
    display: block !important;
}

/* Media Query para pantallas pequeñas (móviles) */
@media (max-width: 768px) {
    /* Ocultamos los elementos de escritorio */
    .desktop-only {
        display: none !important;
    }

    /* Mostramos los elementos de móvil */
    .mobile-only {
        display: block !important;
    }
}