.card-event {
    width: 100%;
    max-height: 300px; /* Establece la altura máxima del contenedor según tus necesidades */
    overflow: hidden; /* Oculta cualquier contenido que exceda la altura máxima */
}

.card-event a{
    display: block;
}

.image-container img{
    width: 100%;
    height: 100%;
    object-fit: cover; /* La imagen se ajusta al ancho del contenedor y se recorta si es necesario */

}


/* INFO DEL CARD-EVENT*/
.info{
    padding:0px 10px 9px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(253,253,253,0) 1%, rgba(28,28,28,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(253,253,253,0) 1%,rgba(28,28,28,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(253,253,253,0) 1%,rgba(28,28,28,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1c1c1c',GradientType=0 )
}

.info p{
    font-size:16px;
    font-family: "Montserrat-Regular";
    color:#fff;
    width:100%;
    float:left;
    margin:0;
}

.info p span{
    display:block;
    color:#b3b3b3;
    font-size:11px;
    font-family: "Montserrat-Light";
}

.info .get-ticket{
    font-size: 12px;
    line-height: 12px;
    color:#fff;
    padding:10px 15px;
    background:#0ebfe5;
    text-transform:uppercase;
    font-family: 'Open Sans', sans-serif;
    border:none;
    border-radius:20px;
    font-weight:700;
    display:inline-block;
    width:30%;
    float:right;
    text-align:center
}

.info .get-ticket:hover{
    background:#fff;
    color:#0ebfe5;
}

.asaramas-btn{
    font-size:16px;
    padding:20px 35px;
    border-radius:5px;
    color:#fff;
    background:#0ebfe5;
    border:1px solid #0ebfe5;
    display:inline-block;
    font-family: "Montserrat-Regular";
}
.asaramas-btn:hover {
    color:#0ebfe5;
    background:#fff;
}