.aer-servicios{

    padding:90px 5%;
    background:#f7f9fc;
}

.aer-servicios-titulo{

    text-align:center;
    font-size:2.5rem;
    color:#003B73;
    margin-bottom:60px;
    position:relative;
}

.aer-servicios-titulo::after{

    content:"";
    width:100px;
    height:4px;
    background:#FF7F2A;
    display:block;
    margin:15px auto 0;
    border-radius:20px;
}

.aer-servicios-grid{

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:35px;
}

.aer-servicio-card{

    background:#fff;
    border-radius:25px;
    padding:35px;
    text-align:center;

    box-shadow:
        0 15px 35px rgba(0,0,0,.08);

    transition:.4s;
}

.aer-servicio-card:hover{

    transform:translateY(-10px);

    box-shadow:
        0 25px 50px rgba(0,0,0,.12);
}

.aer-servicio-imagen{

    margin-bottom:25px;
}

.aer-servicio-imagen img{

    width:180px;
    height:180px;
    object-fit:cover;
    transition:.5s;
}

.aer-servicio-card:hover img{

    transform:scale(1.08);
}

.aer-servicio-card h3{

    color:#003B73;
    font-size:1.5rem;
    margin-bottom:15px;
}

.aer-servicio-card p{

    color:#555;
    line-height:1.9;
}



/* ========================= */
/* TABLET */
/* ========================= */
@media(max-width:1024px){

    .aer-servicios{

        padding:70px 4%;
    }

    .aer-servicios-grid{

        grid-template-columns:
            repeat(2,1fr);

        gap:25px;
    }

    .aer-servicio-card{

        padding:30px;
    }

    .aer-servicio-imagen img{

        width:150px;
        height:150px;
    }

}



/* ========================= */
/* MOVIL */
/* ========================= */
@media(max-width:768px){

    .aer-servicios{

        padding:60px 20px;
    }

    .aer-servicios-titulo{

        font-size:2rem;
        margin-bottom:40px;
    }

    .aer-servicios-grid{

        grid-template-columns:1fr;
    }

    .aer-servicio-card{

        padding:25px;
        border-radius:20px;
    }

    .aer-servicio-imagen img{

        width:130px;
        height:130px;
    }

    .aer-servicio-card h3{

        font-size:1.3rem;
    }

    .aer-servicio-card p{

        font-size:15px;
        line-height:1.7;
    }

}



/* ========================= */
/* MOVILES PEQUEÑOS */
/* ========================= */
@media(max-width:480px){

    .aer-servicios-titulo{

        font-size:1.7rem;
    }

    .aer-servicio-card{

        padding:20px;
    }

    .aer-servicio-imagen img{

        width:110px;
        height:110px;
    }

}