.main_body {
    height: calc(100svh - 104px);
}

@media only screen and (min-width: 960px) {
    .main_body {
        height: calc(100svh - 48px);
    }    
}

/* Mi pinche Tailwind culeros */

.text-center {
    text-align: center
}

.custom-border{
    border-color:#00000015;
}

.w-full{
    width:100%;
}

.h-full{
    height:100%;
}
/* Animaciones */
.animate-pulse {
    animation-duration: 1.5s;
    animation-name: pulse;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out
}

@keyframes pulse {    
    from {
        opacity: 1;
    }
    to {
        opacity: 0.4;
    }
}