.circuito{
    /* border: 2px solid black; */
    height: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.circuito .uno{
    /* border: 1px solid black; */
    height: auto;
    /* margin-top: 2rem; */
    margin-bottom: 2rem;
}

.circuito .uno img{
    /* border: 2px solid black; */
    margin-top: 2rem;
    width: 35%;
    margin-bottom: 2rem;
}

.circuito .uno-1{
    /* border: 1px solid black; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13.2rem, 1fr));
    grid-auto-rows: auto;
    gap: 5rem;
    margin-bottom: 2rem;
}

.uno-1 .articulo{
    /* border: 1px solid black; */
    margin: auto;
}

.uno-1 img{
    /* border: 2px solid black; */
    width: 60%;
    object-fit: contain;
    text-align: center;
    margin: auto;
}

.circuito .dos{
    /* border: 1px solid black; */
    height: auto;
    margin-bottom: 2rem;
}

.circuito .ocho-1{
    /* border: 1px solid black; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13.2rem, 1fr));
    grid-auto-rows: auto;
    gap: 2rem;
    margin-bottom: 2rem;
}

.ocho-1 .articulo{
    /* border: 1px solid black; */
    margin: auto;
}

.ocho-1 img{
    /* border: 2px solid black; */
    width: 25%;
    object-fit: contain;
    text-align: center;
    margin: auto;
}


.circuito .nueve-1{
    /* border: 1px solid black; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13.2rem, 1fr));
    grid-auto-rows: auto;
    gap: 2rem;
    margin-bottom: 2rem;
}

.nueve-1 .articulo{
    /* border: 1px solid black; */
    margin: auto;
}

.nueve-1 img{
    /* border: 2px solid black; */
    width: 25%;
    object-fit: contain;
    text-align: center;
    margin: auto;
}

@media screen and (max-width:991px){
    .circuito .uno img{
        /* border: 2px solid black; */
        width: 45%;
    }

    .uno-1 img{
        /* border: 2px solid black; */
        width: 55%;
    }

    .ocho-1 img{
        /* border: 2px solid black; */
        width: 25%;
    }    

    .nueve-1 img{
        /* border: 2px solid black; */
        width: 25%;
    }  

}

@media screen and (max-width:621px){
    .circuito .uno-1{
        grid-template-columns: repeat(auto-fit, minmax(11.2rem, 1fr));
        gap: 1rem;
    }
    
    .circuito .uno img{
        /* border: 2px solid black; */
        width: 55%;
    }

    .uno-1 img{
        /* border: 2px solid black; */
        width: 50%;
    }

    .ocho-1 img{
        /* border: 1px solid black; */
        width: 30%;
    }

    .nueve-1 img{
        /* border: 1px solid black; */
        width: 30%;
    }

}

@media screen and  (max-width:478px){
    
    .ocho-1 img{
        /* border: 2px solid black; */
        width: 50%;
    }

    .nueve-1 img{
        /* border: 2px solid black; */
        width: 50%;
    }

}