@media print {
    .no-print {
        display: none !important;
    }
}

.only-icon .mud-input-slot {
    display: none; /* Oculta el cuadro de texto */
}

@media (max-width: 768px) {
    .mud-appbar .mud-toolbar-appbar {
        height: 80px; /* Ajusta el tamaño como prefieras */
    }

    .mud-main-content{
        padding-top: 80px;
    }
}

@media (max-width: 960px) {
    .hide-on-small {
        display: none;
    }
}
@media (min-width: 960px) {
    .show-on-small {
        display: none;
    }
}

.fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeIn 0.5s ease-in-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-out {
    opacity: 1;
    transform: translateY(0);
    animation: fadeOut 0.5s ease-in-out forwards;
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(20px);
    }
}