main#main-sobre-nosotros{
    padding: 0px 169.25px 50px;
    background-image: url(../assets/png/imag-fondo-sobreNosotros.png);
    background-size: cover;
    background-position: center;
    z-index: 1;
    background-color: #0f172a;
}

.cont-sobre-nosotros{
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

h2.titulos-sobre-nosotros{
    color: #ffffff;
    text-align: center;
    font-size: 30pt;
    text-transform: uppercase;
    text-shadow: 4px 4px 0px #000000;
    margin: 55px 0px;
}

div#info-secundaria-sobre-nosotros{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 82.5px;
}

.cont-sobre-nosotros > p{
    font-size: 13pt;
    text-align: center;
    padding: 47.5px;
    background-color: #d0d0d0d4;
    border-radius: 35px;
}

.cont-sobre-nosotros > div > p{
    font-size: 13pt;
    text-align: center;
    padding: 123.75px 41.25px;
    background-color: #d0d0d0d4;
    border-radius: 35px;
}


section#valoracion-clientes{
    padding: 76.625px 76.25px;
    background-color: #f8f9fa;
}

section > h2#titulo-valoracion-sobreNosotros{
    font-size: 30pt;
    color: #0f172a;
    margin-left: 45px;
    margin-bottom: 66.75px;
    text-transform: uppercase;
}

div > .valoracion-item-box{
    width: 580px;
    height: 230px;
    background: linear-gradient(90deg, #d0d0d0, #414f5d);
    border-radius: 35px;
    padding: 28px 40px 30px 38px;
    box-shadow: 36px 33px 16px 0px #00000060;
}

div > .header-valoracion{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-valoracion h4{
    font-size: 15pt;
}

div > .estrellas-valoracion{
    display: flex;
    gap: 6px;
    height: 34px;
}

.valoracion-item-box > p{
    margin-top: 35px;
    font-size: 15pt;
    margin-left: 12.5px;
}

div#contenedor-valoraciones-clientes{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 60px;
    row-gap: 36px
}