/* Por padrão: visível em todos */
.hide-desktop,
.hide-tablet,
.hide-mobile {
    display: block;
}

/* Desktop (acima de 1024px) */
@media (min-width: 1025px) {
    .hide-desktop {
        display: none !important;
    }
}

/* Tablet (entre 769px e 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    .hide-tablet {
        display: none !important;
    }
}

/* Mobile (até 768px) */
@media (max-width: 768px) {
    .hide-mobile {
        display: none !important;
    }
}