:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-abc2678 *//* =====================================================
   QUALINOVA
   HERO INDUSTRIA FARMACÉUTICA
===================================================== */


.ql-pharma-hero{

position:relative;

padding:70px 24px 35px;

background:#ffffff;

overflow:hidden;

}





.ql-pharma-hero__container{


width:min(1280px,100%);

margin:auto;


display:grid;


grid-template-columns:1fr 0.9fr;


align-items:center;


gap:70px;


}






/* ==========================
   MARCA DE AGUA LUPA
========================== */


.ql-pharma-hero__watermark{


position:absolute;


right:60px;


top:40px;


opacity:.06;


pointer-events:none;


}



.ql-pharma-hero__watermark img{


width:220px;


}








/* ==========================
   TEXTO
========================== */


.ql-pharma-hero__label{


display:flex;

align-items:center;

gap:12px;


font-size:12px;


font-weight:800;


letter-spacing:.20em;


color:#008ee6;


margin-bottom:22px;


}



.ql-pharma-hero__label::before{


content:"";


width:38px;


height:2px;


background:#008ee6;


}





.ql-pharma-hero__content h1{


font-size:56px;


line-height:1.12;


letter-spacing:-0.045em;


font-weight:700;


color:#001244;


margin:0 0 22px;


}



.ql-pharma-hero__content h1 span{


color:#008ee6;


font-weight:500;


}





.ql-pharma-hero__content p{


font-size:17px;


line-height:1.8;


color:#667085;


max-width:600px;


margin:0 0 35px;


}







/* ==========================
   BOTÓN
========================== */


.ql-pharma-hero__button{


display:inline-flex;


align-items:center;


gap:15px;


padding:17px 32px;


border-radius:50px;


background:

linear-gradient(
90deg,
#008ee6,
#001244
);


color:white;


font-size:15px;


font-weight:700;


text-decoration:none;


transition:.3s ease;


}




.ql-pharma-hero__button:hover{


transform:translateY(-3px);


box-shadow:

0 15px 35px rgba(0,142,230,.25);


}





.ql-pharma-hero__button span{


font-size:20px;


}









/* ==========================
   IMAGEN
========================== */


.ql-pharma-hero__image{


position:relative;


}



.ql-pharma-hero__image img{


width:100%;


height:430px;


object-fit:cover;


border-radius:35px;


display:block;


box-shadow:

0 25px 60px rgba(0,18,68,.12);


}








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


@media(max-width:950px){


.ql-pharma-hero__container{


grid-template-columns:1fr;


gap:40px;


}



.ql-pharma-hero{


padding:60px 20px 40px;


}



.ql-pharma-hero__content h1{


font-size:42px;


}



}



@media(max-width:600px){



.ql-pharma-hero__content h1{


font-size:34px;


}



.ql-pharma-hero__image img{


height:320px;


}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b82f16 *//* =====================================================
   QUALINOVA
   SERVICIOS FARMACEUTICOS
   VERSION IMAGEN CIRCULAR
===================================================== */


.ql-pharma-services{

    padding:90px 24px 110px;

    background:
    linear-gradient(
        180deg,
        #ffffff,
        #f3f8ff
    );

    overflow:hidden;

}



.ql-pharma-services__container{

    width:min(1400px,100%);

    margin:auto;

}





/* TITULO */

.ql-pharma-services__header{

    margin-bottom:60px;

}



.ql-pharma-services__header h2{


    margin:0 0 20px;


    white-space:nowrap;


    font-family:"Nunito Sans",Arial,sans-serif;


    font-size:52px;


    line-height:1.1;


    letter-spacing:-.045em;


    font-weight:800;


    color:#001244;


}



.ql-pharma-services__header h2 span{


    color:#008ee6;


}



.ql-pharma-services__header p{


    margin:0;


    font-size:17px;


    color:#667085;


    max-width:1100px;


}





/* GRID */


.ql-pharma-grid{


    display:grid;


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


    gap:28px;


}





/* TARJETAS */


.ql-pharma-card{


    position:relative;


    min-height:420px;


    padding:45px 34px;


    border-radius:32px;


    overflow:visible;


    transition:.35s ease;


}



.ql-pharma-card:hover{


    transform:translateY(-8px);


}





.ql-pharma-card__content{


    position:relative;


    z-index:2;


}



.ql-pharma-card h3{


    margin:0 0 22px;


    font-size:30px;


    line-height:1.15;


    letter-spacing:-.03em;


}



.ql-pharma-card p{


    font-size:16px;


    line-height:1.75;


    margin:0;


}





/* IMAGEN CIRCULAR */


.ql-pharma-card__image{

    position:absolute;

    right:-35px;

    bottom:-35px;

    width:155px;

    height:155px;

    border-radius:50%;

    background:#ffffff;

    padding:10px;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    box-shadow:
    0 18px 40px rgba(0,18,68,.20);

    z-index:3;

}



.ql-pharma-card__image img{

    width:100%;

    height:100%;

    object-fit:contain;

}



.ql-pharma-card__image img{


    width:100%;


    height:100%;


    object-fit:contain;


}







/* TARJETA AZUL */


.ql-pharma-card--blue{


    background:


    linear-gradient(

        135deg,

        #001244,

        #008ee6

    );


}



.ql-pharma-card--blue h3{


    color:#ffffff;


}



.ql-pharma-card--blue p{


    color:rgba(255,255,255,.85);


}







/* TARJETA CLARA */


.ql-pharma-card--light{


    background:


    linear-gradient(

        135deg,

        #ffffff,

        #dceeff

    );


    border:

    1px solid rgba(0,142,230,.20);


}



.ql-pharma-card--light h3{


    color:#001244;


}



.ql-pharma-card--light p{


    color:#52647d;


}






/* TABLET */


@media(max-width:1100px){


    .ql-pharma-grid{


        grid-template-columns:1fr;


    }



    .ql-pharma-services__header h2{


        white-space:normal;


        font-size:42px;


    }



}






/* MOVIL */


@media(max-width:600px){


    .ql-pharma-services{


        padding:70px 18px;


    }



    .ql-pharma-card{


        min-height:380px;


        padding:35px 28px;


    }



    .ql-pharma-card__image{


        width:130px;

        height:130px;


        right:-25px;

        bottom:-30px;


    }



}/* End custom CSS */