.elementor-771 .elementor-element.elementor-element-147f538{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:99px;--padding-bottom:44px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-147f538 *//* =========================
   GENERAL
========================= */

#qs-hero,
#historia,
#nos-mueve,
#mision-vision,
#valores,
#diferenciadores{
    padding: 120px 20px;
}

#qs-hero .contenedor,
#historia .contenedor,
#diferenciadores .contenedor{
    max-width: 1300px;
    margin: auto;

    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 80px;

    align-items: center;
}

#nos-mueve .contenedor,
#valores .contenedor,
#mision-vision .contenedor{
    max-width: 1300px;
    margin: auto;
}

/* =========================
   TITULOS
========================= */

.subtitulo{
    display: block;

    color: #ff8a00;

    font-size: 18px;
    font-weight: 600;

    letter-spacing: 2px;
    text-transform: uppercase;

    margin-bottom: 15px;
}

h1,h2{
    color: #E64781;

    line-height: 1.15;

    margin-bottom: 25px;
}

h1{
    font-size: 68px;
}

h2{
    font-size: 56px;
}

p{
    color: #555;

    font-size: 19px;

    line-height: 1.9;
}

/* =========================
   IMAGENES
========================= */

.imagen{
    position: relative;
}

.imagen img{
    width: 100%;

    border-radius: 35px;

    box-shadow: 0 20px 50px rgba(0,0,0,0.08);
}

/* =========================
   BOTON
========================= */

.btn-andrelina{
    display: inline-block;

    margin-top: 35px;

    padding: 18px 35px;

    border-radius: 50px;

    text-decoration: none;

    background: linear-gradient(135deg,#ff4fa3,#ff8a00);

    color: #FFF;

    font-weight: 600;

    transition: 0.3s ease;

    box-shadow: 0 10px 25px rgba(230,71,129,0.25);
}

.btn-andrelina:hover{
    transform: translateY(-5px);
}

/* =========================
   TITULO SECCION
========================= */

.titulo-seccion{
    text-align: center;

    margin-bottom: 70px;
}

/* =========================
   CARDS
========================= */

#nos-mueve .grid{
    display: grid;

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

    gap: 35px;
}

#nos-mueve .card{
    background: rgba(255,255,255,0.8);

    backdrop-filter: blur(10px);

    border-radius: 35px;

    padding: 45px 35px;

    text-align: center;

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

    transition: 0.3s ease;
}

#nos-mueve .card:hover{
    transform: translateY(-8px);
}

#nos-mueve .icono{
    width: 80px;
    height: 80px;

    margin: auto auto 25px;

    border-radius: 50%;

    background: linear-gradient(135deg,#ff4fa3,#ff8a00);

    color: #FFF;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 30px;
}

/* =========================
   MISION Y VISION
========================= */

#mision-vision .contenedor{
    display: grid;

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

    gap: 40px;
}

#mision-vision .bloque{
    background: #FFF;

    padding: 50px;

    border-radius: 35px;

    text-align: center;

    box-shadow: 0 15px 35px rgba(0,0,0,0.05);
}

#mision-vision .icono{
    width: 90px;
    height: 90px;

    margin: auto auto 25px;

    border-radius: 50%;

    background: linear-gradient(135deg,#ff4fa3,#ff8a00);

    color: #FFF;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 35px;
}

/* =========================
   VALORES
========================= */

#valores .grid{
    display: grid;

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

    gap: 25px;
}

#valores .valor{
    background: #FFF;

    border-radius: 25px;

    padding: 35px 25px;

    text-align: center;

    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

#valores .valor i{
    font-size: 35px;

    margin-bottom: 20px;

    color: #E64781;
}

#valores .valor span{
    display: block;

    font-size: 18px;
    font-weight: 600;

    color: #444;
}

/* =========================
   DIFERENCIADORES
========================= */

#diferenciadores ul{
    list-style: none;

    padding: 0;

    margin-top: 35px;
}

#diferenciadores li{
    margin-bottom: 18px;

    font-size: 18px;

    color: #444;
}

#diferenciadores li i{
    color: #E64781;

    margin-right: 10px;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:1024px){

    #qs-hero .contenedor,
    #historia .contenedor,
    #diferenciadores .contenedor,
    #mision-vision .contenedor{
        grid-template-columns: 1fr;
    }

    #nos-mueve .grid,
    #valores .grid{
        grid-template-columns: repeat(2,1fr);
    }

}

@media(max-width:768px){

    h1{
        font-size: 42px;
    }

    h2{
        font-size: 36px;
    }

    p{
        font-size: 17px;
    }

    #nos-mueve .grid,
    #valores .grid{
        grid-template-columns: 1fr;
    }

}/* End custom CSS */