.servicio {
        display: flex;
        flex-direction: column;
    }
    
    .servicio-body {
        background-color: var(--primary-color);
        color: var(--text-color-inverse);
    }
    
    .wave {
        width: 100%;
        position: relative;
        top: 2px;
    }
    
    .wave-inferior {
        transform: scaleY(-1);
        top: -2px;
    }
    
    .Tipo-de-servicio {
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 30px;
        margin: 25px;
    }
    
    .type-service {
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 30px;
        margin: 25px;
    }
    
    .descripcion-service {
        font-weight: 400;
        font-size: 15px;
        margin-top: 10px;
    }
    
    .service {
        padding: 25px;
        max-width: 500px;
        margin: 0 auto;
    }
    
    @media (min-width: 950px) {
        .Tipo-de-servicio {
            font-size: 50px;
            margin: 35px 0;
        }
        .type-service {
            font-size: 50px;
            margin: 35px 0;
        }
        .descripcion-service {
            font-size: 20px;
            margin-top: 10px;
            line-height: 1.3;
        }
        .service {
            padding: 0;
        }
        .service-left {
            text-align: right;
        }
        .servicio-grid {
            display: grid;
            grid-template-columns: auto 2px auto;
            gap: 20px 70px;
            padding: 70px;
            justify-content: center;
            max-width: 980px;
            margin: 0 auto;
        }
        .linea {
            background-color: var(--text-color-inverse);
            position: relative;
        }
        .linea::before,
        .linea::after {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            background-color: var(--text-color-inverse);
            border-radius: 50%;
            position: absolute;
            top: -20px;
            left: -9px;
        }
        .linea::after {
            top: 100%;
            z-index: 1;
        }
    }