:root {
    --titulo-size: 3.0rem;
    --texto-size: 2.4rem;
    --color-ilustraciones: rgb(209, 209, 233);
}

.hero{
    max-width: 900px;
    width: 100%;
}
.hero-container{
    max-width: 900px;
    width: 100%;
}
.servicios-container{
    width: 100%;
    max-width: 900px;
}
.servicios--titulo p{
    width: 90%;
    max-width: 600px;
    text-align: justify;
}
.servicios-cards--container{
    display: flex;
    flex-direction: row;
    justify-content: space-around;

    /* flex-direction: row;
    align-items: space-between; */
    width: 100%;
    max-width: 900px;
    height: auto;
}
.servicios-detail--card {
    min-height: 320px;
}
.reserva-container{
    width: 100%;
    max-width: 900px;
    max-height: 400px;
    margin: 10px auto;
    padding-bottom: 10px;
}