body{
   margin: 0px;
   padding: 0px;
}

:root{
    /* colores */
    --morado: #4c2347;
    --morado-claro: #5a2952;
    --blanco: white;
    --negro: black;
    --gris: rgb(237 237 228);
    --gris2:rgb(247 247 247);
    --gris2: #f7f7f7;
    --flex: flex;
    --center: center;
    --cien: 100%;
    --cero: 0;
    --ceropix: 0px;
    --centrado: 0 30%;
    /* fuentes */
    --fuente1: 'Source Sans Pro', sans-serif;
}

main{
    width: 100%;
    margin-top: 4.5rem;
}

/* -------- cabecera */
.cabecera--titulo{
    margin-top: 85px;
    width: 100%;
    height: 170px;
    background-color: var(--gris2);
}
.titulo-cabecera-servicios{
    margin-top: 0px;
    margin-left: 260px;
    font-size: 40px;
    padding-top: 60px;
    text-align: initial;
} 

.diseño {
    width: 15px;
    height: 30px;
    background-color: #4c2347;
    display: inline-block;
}

/* ----------  servicios */
.container-services{
    display: flex;
    justify-content: space-evenly;
}

.content-img {
    width: 550px;
    height: 500px;
    margin-top: 35px;
    margin-left: 60px;
    background-color: #4c2347;
    border-radius: 50px;
}

.content-img img{
    width: 100%;
    height: 100%;
    border-radius: 40px;
}

/* carrousel */
.slider-frame{
    width: 550px;
    height: 500px;
    margin: 40px auto 20px;
    overflow: hidden;
    border-radius: 40px;
}
.slider-frame ul{
    display: flex;
    padding: 0;
    margin: 0;
    width: 400%;
    animation: slide 16s infinite alternate ease-in-out;
}

.slider-frame li{
    list-style: none;
    width: 100%;
}

.slider-frame img{
    width: 100%;
}

@keyframes slide {
    0% {margin-left: 0%;}
    20%{margin-left: 0%;}

    25% {margin-left: -100%;}
    45%{margin-left: -100%;}

    50% {margin-left: -200%;}
    70%{margin-left: -200%;}

    75% {margin-left: -300%;}
    100%{margin-left: -300%;}
}
.services{
    margin-top: 25px;
}

.listas li {
    font-size: 13.5px;
}