/* ==========================================================================
   SERVICIOS - Grael
   Sección "Nuestros servicios" con grid de cards (Emprendedor, Mype, etc.).
   ========================================================================== */

.pag-servicios {
    padding: 3rem 0 3rem 0;
    display: grid;
    gap: 2rem;
}

.pag-servicios__titulo {
    font-size: 3rem;
    text-align: center;
    margin: 0 0 0.8rem 0;
    color: #15467a;
    color: var(--color-blanco);
}

.linea-servicios {
    width: 10rem;
    height: 0.5rem;
    background-color: var(--color-celeste);
    border-radius: 1rem;
    margin: 0 auto;
}

.pag-servicios__descripcion {
    margin: 2rem 0 1rem 0;
 
}
.pag-servicios__descripcion p {
    font-size: 1.6rem;
    text-align: center;
    margin: 1rem 0 2rem 0;
  
    color: var(--color-blanco);
}
.pag-servicio__imagen{
    max-width: 50rem;
    margin: 0 auto;
    width: 100%;
}

@media (min-width: 768px) {
    .pag-servicios {
        grid-template-columns: 5fr 5fr;
        gap: 3rem;
        align-items: center;
    }
    .pag-servicios__titulo {
        font-size: 4rem;
        text-align: left;
        margin: 0 0 1rem 0;
    }

    .linea-servicios {
        width: 10rem;
        margin: 0 0;
    }
    .pag-servicios__descripcion{
        margin: 2rem 0 3rem 0;

    }

    .pag-servicios__descripcion p {
        font-size: 1.8rem;
        text-align: left;
    }
    .pag-servicio__imagen-contenedor{
        text-align: center;
    }
}
@media (min-width: 1024px) {
    .pag-servicios {
        gap: 6rem;
       
    }
}


/* --- Beneficios --- */
.beneficios{
    padding: 3.5rem 3rem;
    background-color: var(--color-blanco);
    max-width: 45rem;
    border-radius: 3rem;
    margin: 2rem auto 1rem auto;
}
.beneficios__titulo{
    font-size: 2.5rem;
    color: var(--color-principal);
    text-align: center;
    margin: 0 0 1rem 0;
}
.beneficios__descripcion{
    font-size: 1.6rem;
    color: var(--color-parrafo);
    text-align: center;
    margin: 0 0 2rem 0;
}
.nota-servicio{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    padding: .4rem 1.2rem;
    margin: 0 auto 2rem auto;
    border-radius: 999px;
    border: 1px solid var(--color-celeste);
    background-color: #ecf9ff;
    font-size: 1.3rem;
    font-weight: 500;
    color: var(--color-principal);
    text-transform: uppercase;
    letter-spacing: .05em;
}
.beneficios__lista{
    list-style: none;
    padding: 0;
    margin: 0 0 2rem 0;
    display: grid;
    gap: 1rem;
  
}
.beneficios__item{
    display: flex;
    gap: .8rem;
    align-items: center;


   
}
.beneficios__item img{
    width: 2rem;
    height: 2rem;
}
.beneficios__item p{
    font-size: 1.6rem;
    color: var(--color-parrafo);
  
    margin:  0;
}
.beneficios-boton{
    display: flex;
    justify-content: center;
}
@media (min-width: 768px) {
    .beneficios__titulo{
        font-size: 3rem;
        
    }

    .beneficios__descripcion{
        font-size: 1.8rem;
       
    }
}