/* ===========================================
   Compatibilidade Bootstrap 3 → Bootstrap 5
   Recriando hidden-/ visible-* para o tema
   =========================================== */

/* estado padrão: tudo visível, visíveis-* escondidos */
.hidden-xs,
.hidden-sm,
.hidden-md,
.hidden-lg {
    display: block !important;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

/* XS: até 767px */
@media (max-width: 767.98px) {
    .hidden-xs {
        display: none !important;
    }
    .visible-xs {
        display: block !important;
    }
}

/* SM: 768px – 991px */
@media (min-width: 768px) and (max-width: 991.98px) {
    .hidden-sm {
        display: none !important;
    }
    .visible-sm {
        display: block !important;
    }
}

/* MD: 992px – 1199px */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .hidden-md {
        display: none !important;
    }
    .visible-md {
        display: block !important;
    }
}

/* LG: 1200px+ */
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
    .visible-lg {
        display: block !important;
    }
}