
.horario {
    margin: 1rem;
}

.container-horario {
    display: flex;
    justify-content: center;

    padding: 4rem .5rem;
}

.flexwrap-horario {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem
}

.card-horario {
    width: 400px;
    background-color: rgba(241, 241, 241, 0.979);
    border-radius: 15px;
    box-shadow: var(--box-shadow);
    margin: 0 auto;
}

.headcard-horario {
    height: 80px;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.text-izquierda {
    text-align: right;
}

.bodycard-horario {
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    font-size: 18px;
}

.title-cardbody {
    margin: 0 auto;
}

.content-cardbodyh {
    margin: 0 auto;
}

.title-cardbody-text {
    font-weight: bold;
    font-size: 17px;
}

.bodycard-horario span {
    font-weight: bold;
    color: var(--fros-blue-color);
}

.content-cardbodyh-text {
    padding: 1rem;

    font-weight: 400;
}

.content-cardbodyh {
    font-weight: bold;
}

.info-cardbody {
    font-weight: bold;
}

.info-horario {

    max-width: 1150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    padding: 1rem 20px;
    margin: 0 auto;
}

@media only screen and (max-width: 600px) {
    .horario {
        font-size: 14px;
    }

}

@media only screen and (max-width: 380px) {
    .card-horario{
    width: auto;
}
}
