:root {
    --yellow-secbyte: #fdd500;
    --blue1-secbyte: #04102b;
    --blue2-secbyte: #082256;
    --grey1-secbyte: #333333;
    --grey2-secbyte: #7f7f7f;
    --white-secbyte: #ffffff;
    
}
.ventajas{
    background-image: url('/img/olas6.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ventajas__container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);/*para tres en 1 linea*/
    gap: 40px;
    margin: 0 auto;/* con 70px botaba un espacio ala izquierda.*/
    padding: 60px;/*agrege un relleno alrededor de todo*/
    max-width: 1140px;
    /* background-color: var(--white-secbyte); */
}
.ventajas__content {
    display: grid;
    padding: 10px;
    border-radius: 50px;
    border: 5px solid var(--blue1-secbyte);
}

/* .ventajas__container .ventajas__content:nth-child(1) {
    border: 5px solid var(--blue1-secbyte);
}
.ventajas__container .ventajas__content:nth-child(2) {
    border: 5px solid var(--blue1-secbyte);
}
.ventajas__container .ventajas__content:nth-child(3) {
    border: 5px solid var(--blue1-secbyte);
} */

.ventajas__content img {
    width: 85px; 
    height: 85px; 
    border-radius: 17%;
    margin-top: 30px;
    justify-self: center; /*esto solo se aplica a un elemento hijo*/
}

.ventajas__content h2 {
    margin-top: 20px;
    font-family: 'Onest', sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.ventajas__content p {
    margin: 0 10px 10px;
    font-family: 'Sora', sans-serif;
    font-size: 15px;
}

@media (max-width: 760px) {
    .ventajas__container{
        grid-template-columns: 1fr; /*para una sola fila*/
    }
}