/*Personalizaciones EBI*/
.aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
    font-weight: 500!important;
}

.custom-file-label {
    white-space: nowrap !important;
    overflow: hidden !important;
}

.ckeditor {
    border: solid 1px gray !important;
    border-radius: 1% !important;;
}

/* Se incrementa el maximo de altura de los modales de sweetalert */
.swal2-container .swal2-html-container {
    max-height: 300px !important;
    overflow: auto;
}

/*Animaciones*/

/*-Premium-*/
.premium {
    overflow: hidden;
    background: linear-gradient(45deg, #8a7639, #ECD08C, #989383);
    background-size: 200% auto;
    animation: shine 3s linear infinite;
}
@keyframes shine {
    0% {
        background-position: 5% 0;
    }
    50% {
        background-position: 100% 0;
    }
    100% {
        background-position: 5% 0;
    }
    150% {
        background-position: 50% 0;
    }
    200% {
        background-position: 100% 0;
    }
}

/*-animacion demo-*/
.animated-box:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    background: linear-gradient(120deg, #ECD08C, #989383, #ECD08C);
    background-size: 300% 300%;
    clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%);
}
.animated-box.in:after {
    animation: frame-enter 1s forwards ease-in-out reverse, gradient-animation 4s ease-in-out infinite;
}
@keyframes gradient-animation {
    0% {
        background-position: 15% 0%;
    }
    50% {
        background-position: 85% 100%;
    }
    100% {
        background-position: 15% 0%;
    }
}

@keyframes frame-enter {
    0% {
        clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%);
    }
    25% {
        clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) 100%, 100% 100%, 100% 0%, 0% 0%);
    }
    50% {
        clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, 100% 0%, 0% 0%);
    }
    75% {
        -webkit-clip-path: polygon(0% 100%, 3px 100%, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 0%, 0% 0%);
    }
    100% {
        -webkit-clip-path: polygon(0% 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 0% 100%);
    }
}

.offcanvas-overlay{
    background: rgb(0, 0, 0, 0.5) !important; /* Color de fondo del overlay */
}