body,html{
    height: 100vh;
    position: relative;
}

.titulo{
    background: #0ec1a7;
    color:white;
    height: 5vh;
}

.contenedor{
    background: #f5f5f5;
    position: absolute;
    top:5vh;
    left:0;
    right:0;
    bottom:0;
}

.clases{
    flex-direction: column;
    flex-wrap: wrap;
    height: 95vh;
}

.clase{
    margin:20px;
    background: white;
    border-radius: 10px;
    position: relative;
    height: 14vh;
}

.claseTitulo{
    position: absolute;
    top:10px;
    left:10px;
    
}

.claseLlena{
    color:crimson;
}

.claseHorario{
    position: absolute;
    bottom:10px;
    left:10px; 
    background: black;
    color: white;
    padding:5px;
    border-radius: 5px
}

.claseIcono{
    position: absolute;
    bottom:10px;
    left:10px;   
}

.claseIcono img{
    height: 5vh;
}

.claseCupo{
    position: absolute;
    bottom:10px;
    right:10px;   
}

.claseSinReserva{
    color: #0ec1a7;
}


.claseSuspendida{
    
}