/*--------------------------------------------------------------
# Producto Section 
--------------------------------------------------------------*/
.producto,
.servicio {

    .row-content-producto2 {

        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(1, 1fr);
        gap: 20px;

        .producto2-item {
            text-align: center;
            background-color: var(--surface-color);
            padding: 20px;
            border: 1px solid var(--border-color);
            position: relative;
            border-radius: 5px;
            transition: 0.3s all ease;

            .producto2-item-img {
                max-width: 100%;
                width: 75%;
                object-fit: cover;
                transition: 0.3s all ease;
            }
            .producto2-item-title {
                color: var(--default-color);
                padding: 20px 0 20px 0;
                font-size: 18px;
                font-weight: bold;
                        
            }

        }

        .producto2-item:hover {

            border: 1px solid var(--accent-color);

            .producto2-item-img {
               transform: scale(1.05);
            }
        }
    
    }
   
}

@media (max-width: 950px) {

    .producto,
    .servicio {

        .row-content-producto2 {
            grid-template-columns: repeat(3, 1fr);
        }

    }

}

@media (max-width: 768px) {

    .producto,
    .servicio {

        .row-content-producto2 {
            grid-template-columns: repeat(2, 1fr);
        }

    }

}

@media (max-width: 480px) {

    .producto,
    .servicio {

        .row-content-producto2 {
            grid-template-columns: repeat(1, 1fr);
        }

    }

}