/*---------- Armado de Computadoras ---------*/
.box {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
    align-items: center;
}

    .box .container-ventajas {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 350px;
        width: 100%;
    }

    .box .container-ventajas .container-text{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .box .bg-a{
        background-color: #eef9ff;
    }

    .box .container-ventajas .container-text > div {
        display: grid;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .box .container-text  span {
        font-size: 1.2em;
        display: block;
        font-weight: lighter;
        letter-spacing: 1px;
        color: #06548c;
    }

    .box .container-text p.container-text-p{
        text-align: center;
        margin: 0;
    }

    .box .container-ventajas .container-text img{
        max-width: 11%;
        height: auto;
        margin: 15px 0;
    }

    .box .container-ventajas .container-text .img-1{
        width: 14%;
    }

    .box .container-ventajas .container-text .img-2{
        width: 8%;
    }

    .box .container-ventajas .container-text .img-3{
        width: 11;
    }

    .box .container-ventajas .container-text .img-4{
        width: 11%;
    }

    .box .container-ventajas .container-text .img-5{
        width: 9%;
    }

    .box .container-ventajas .container-text .img-6{
        width: 10%;
    }

    .box .container-ventajas .container-text .img-7{
        width: 12%;
    }

    .box .container-ventajas .container-text .img-8{
        width: 10%;
    }

    .box .container-ventajas .container-text .img-9{
        width: 12%;
    }

    .box .container-ventajas .container-text .img-10{
        width: 11%;
    }

    .box .container-ventajas .container-text .img-11{
        width: 12%;
    }

    .box .container-ventajas .container-text .img-12{
        width: 12%;
    }

    .box .container-ventajas .container-text .img-13{
        width: 11%;
    }

    .box .container-text p {
        font-size: 0.9em;
        margin-left: 0;
        margin-top: 0;
        text-align: center;
        padding: 0 30px;
    }

@media only screen and (min-width: 901px) and (max-width: 1150px) {

/*---------- Armado de Computadoras ---------*/

.box .container-ventajas {
    height: 400px;
}

    .box .container-ventajas .container-text {
        width: 100%;
        height: 100%;
    }
    
    .box .bg-a {
        background-color: #eef9ff;
    }

    .box .container-ventajas .container-text .img-1{
        width: 10%;
    }

    .box .container-ventajas .container-text .img-2{
        width: 7%;
    }

    .box .container-ventajas .container-text .img-7{
        width: 11%;
    }

    .box .container-ventajas .container-text .img-3,
    .box .container-ventajas .container-text .img-4,
    .box .container-ventajas .container-text .img-5,
    .box .container-ventajas .container-text .img-6,
    .box .container-ventajas .container-text .img-8,
    .box .container-ventajas .container-text .img-9,
    .box .container-ventajas .container-text .img-10,
    .box .container-ventajas .container-text .img-11,
    .box .container-ventajas .container-text .img-12,
    .box .container-ventajas .container-text .img-13 {
        width: 9%;
    }

}


@media only screen and (max-width: 900px){
.box {
   grid-template-columns: repeat(1, 1fr);
}

    .box .bg-a {
        background: none;
    }

    .box .bg-a-2 {
        background-color: #eef9ff;
    }

    .box .container-ventajas .container-text .img-1,
    .box .container-ventajas .container-text .img-3,
    .box .container-ventajas .container-text .img-4,
    .box .container-ventajas .container-text .img-7,
    .box .container-ventajas .container-text .img-9,
    .box .container-ventajas .container-text .img-10,
    .box .container-ventajas .container-text .img-11,
    .box .container-ventajas .container-text .img-12,
    .box .container-ventajas .container-text .img-13 {
        width: 10%;
    }

    .box .container-ventajas .container-text .img-2 {
        width: 7%;
    }

    .box .container-ventajas .container-text .img-5,
    .box .container-ventajas .container-text .img-6,
    .box .container-ventajas .container-text .img-8 {
        width: 9%;
    }

}


@media only screen and (max-width: 600px){
.box {
    grid-template-columns: 1fr;
}

    .box .container-ventajas {
        padding: 30px 0;
        height: 100%;
    }

    .box .container-ventajas .container-text > div {
        display: grid;
        text-align: center;
        justify-content: center;
        height: 100%;
        padding:0 0 50px 0;
    }

    .box .bg-a {
        background: none;
    }

    .box .bg-a-2 {
        background-color: #eef9ff;
    }

    .box .container-ventajas .container-text img {
        max-width: 15%;
    }

    .box .container-ventajas .container-text .img-1,
    .box .container-ventajas .container-text .img-3,
    .box .container-ventajas .container-text .img-4,
    .box .container-ventajas .container-text .img-9,
    .box .container-ventajas .container-text .img-10,
    .box .container-ventajas .container-text .img-11,
    .box .container-ventajas .container-text .img-12,
    .box .container-ventajas .container-text .img-13 {
        width: 15%;
    }

    .box .container-ventajas .container-text .img-2 {
        width: 12%;
    }

    .box .container-ventajas .container-text .img-7{
        width: 15%;
    }

    .box .container-ventajas .container-text .img-5,
    .box .container-ventajas .container-text .img-6,
    .box .container-ventajas .container-text .img-8 {
        width: 15%;
    }

    .box .container-text span {
        margin-bottom: 0px;
        font-weight: bolder;
    }

    .box .container-text p {
        text-align: center;
    }

    .box .container-text p.container-text-p{
        padding: 0 10px;
    }

}
