.servicios {
    margin: 20px;
    text-align: center;
}

.servicios h1.azul {
    /* text-align:center; */
    margin: 0 auto 2rem;
    /* max-width:max(550px,60%); */
    justify-self: center
}

.servicio {
    text-align: center;
    margin: 30px 10px;
    max-width: 300px;
   
}

.servicio img {
    width: 250px;
    height: auto;
    border-radius: 5px;
    
    
}

.servicio p {
    font-weight: 400;
    color: #ffffff;
    margin-top: 10px
}

.servicio p:first-of-type {
    font-family: 'Poppins', sans-serif;;
    font-weight: 700;
    font-size: 1.2rem;
    color: #e06522;
    margin-bottom: 10px;
    text-shadow:  
    
    
}

.servicio p:last-of-type {
    font: 600 1rem 'Poppins', sans-serif;
    /* color: #f79862; */
    padding: 8px 4px;
    border: 0;
    font-weight: ;
    font-size: 17px;
    transition: all 150ms ease-in-out;
    margin-left: 60px;
    margin-right: 60px;
    border-radius: 12px;
    border-color: beige;
    
   
    
    background-color: rgb(224, 101, 34);
    /* background-image: linear-gradient(180deg, rgba(206, 211, 234, 0.07) 0%, transparent 100%); */
}
     
.servicio p:last-of-type:active {
      transform: scale(.95);
    }

.servicio p:last-of-type:hover {
    text-decoration: underline;
    filter: brightness(1.1);
}

main .full-width.center p {
    font-size: 1.25rem;
    font-weight: 400;
    color: #bdbdbd;
    line-height: 1.4rem;
    letter-spacing: 3px
}

@media screen and (min-width: 840px) {
    .full-width.lista-servicios div.servicio:nth-child(2) {
        transition-delay:.3s
    }

    .full-width.lista-servicios div.servicio:nth-child(4) {
        transition-delay: .3s
    }

    .full-width.lista-servicios div.servicio:nth-child(6) {
        transition-delay: .3s
    }
}

@media screen and (min-width: 1240px) {
    .full-width.lista-servicios div.servicio:nth-child(3) {
        transition-delay:.6s
    }

    .full-width.lista-servicios div.servicio:nth-child(4) {
        transition-delay: 0s
    }

    .full-width.lista-servicios div.servicio:nth-child(5) {
        transition-delay: .3s
    }

    .full-width.lista-servicios div.servicio:nth-child(6) {
        transition-delay: .6s
    }
}
