:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-85a8eac *//* =====================================================
   QUALINOVA
   EXPERIENCIA - RESUMEN FINAL
===================================================== */


.ql-summary{


position:relative;


background:#001244;


padding:110px 24px;


overflow:hidden;


}





.ql-summary__container{


width:min(1280px,100%);


margin:auto;


position:relative;


z-index:2;


}





/* =====================================================
   LUPA MARCA DE AGUA
===================================================== */


.ql-summary__watermark{


position:absolute;


right:-50px;


top:-90px;


width:340px;


opacity:.07;


z-index:1;


}





.ql-summary__watermark img{


width:100%;


height:auto;


}







/* =====================================================
   HEADER
===================================================== */


.ql-summary__header{


max-width:1200px;


}





.ql-summary__label{


display:flex;


align-items:center;


gap:12px;


font-size:12px;


font-weight:800;


letter-spacing:.20em;


color:#008ee6;


margin-bottom:25px;


}





.ql-summary__label::before{


content:"";


width:38px;


height:2px;


background:#008ee6;


}







.ql-summary__header h2{


margin:0 0 28px;


font-size:56px;


line-height:1.12;


letter-spacing:-.045em;


font-weight:700;


color:white;


white-space:nowrap;


}





.ql-summary__header h2 span{


color:#45b3ff;


font-weight:500;


}







.ql-summary__header p{


max-width:950px;


font-size:17px;


line-height:1.8;


color:rgba(255,255,255,.75);


margin:0 0 70px;


}








/* =====================================================
   ESTADÍSTICAS
===================================================== */


.ql-summary__stats{


display:grid;


grid-template-columns:repeat(3,1fr);


border-top:1px solid rgba(255,255,255,.15);


border-bottom:1px solid rgba(255,255,255,.15);


}





.ql-summary__card{


padding:38px 40px 38px 0;


border-right:1px solid rgba(255,255,255,.15);


}





.ql-summary__card:not(:first-child){


padding-left:35px;


}





.ql-summary__card:last-child{


border-right:none;


}







.ql-summary__card strong{


display:block;


font-size:46px;


line-height:1;


letter-spacing:-.04em;


color:#008ee6;


margin-bottom:15px;


}





.ql-summary__card p{


margin:0;


font-size:15px;


line-height:1.6;


max-width:280px;


color:rgba(255,255,255,.78);


}







/* =====================================================
   TABLET
===================================================== */


@media(max-width:1024px){


.ql-summary__header h2{


font-size:48px;


white-space:normal;


}


}







/* =====================================================
   MÓVIL
===================================================== */


@media(max-width:767px){


.ql-summary{


padding:80px 18px;


}




.ql-summary__header h2{


font-size:38px;


white-space:normal;


}





.ql-summary__header p{


font-size:15px;


margin-bottom:45px;


}






.ql-summary__stats{


grid-template-columns:1fr;


}





.ql-summary__card,


.ql-summary__card:not(:first-child){


padding:30px 0;


border-right:none;


border-bottom:1px solid rgba(255,255,255,.15);


}





.ql-summary__watermark{


width:200px;


right:-60px;


}



}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e19474 *//* =====================================================
   QUALINOVA - EXPERIENCIA
===================================================== */


.ql-experience{

position:relative;

background:#f6f6f6;

padding:120px 24px;

overflow:hidden;

}





.ql-experience__inner{


width:min(1280px,100%);

margin:auto;


display:grid;

grid-template-columns:46% 54%;


gap:70px;


align-items:center;


position:relative;

z-index:2;


}






/* =====================================================
   LUPA EXTERNA
===================================================== */


.ql-experience__watermark{


position:absolute;


right:70px;


top:30px;


width:280px;


opacity:.06;


z-index:1;


}




.ql-experience__watermark img{


width:100%;

height:auto;


}








/* =====================================================
   IMAGEN
===================================================== */


.ql-experience__visual{


height:650px;


position:relative;


overflow:hidden;


border-radius:32px;


background:white;


box-shadow:

0 25px 70px rgba(0,18,68,.14);


}





.ql-experience__photo{


width:100%;


height:100%;


display:block;


object-fit:cover;


object-position:center top;


}







/* =====================================================
   TARJETA FOTO
===================================================== */


.ql-experience__badge{


position:absolute;


left:24px;


right:24px;


bottom:28px;


background:#001244;


padding:22px 28px;


border-radius:16px;


color:white;


z-index:3;


box-shadow:

0 15px 35px rgba(0,18,68,.25);


}





.ql-experience__badge span{


display:block;


font-size:12px;


letter-spacing:.18em;


font-weight:800;


color:#008ee6;


margin-bottom:8px;


}





.ql-experience__badge strong{


font-size:18px;


}





/* =====================================================
   TEXTO
===================================================== */


.ql-experience__label{


display:flex;


align-items:center;


gap:14px;


font-size:12px;


letter-spacing:.20em;


font-weight:800;


color:#008ee6;


margin-bottom:22px;


}





.ql-experience__label::before{


content:"";


width:38px;


height:2px;


background:#008ee6;


}






.ql-experience__content h1{


margin:0 0 18px;


font-size:64px;


line-height:.95;


letter-spacing:-.05em;


color:#001244;


}





.ql-experience__content h1 span{


color:#667085;


font-weight:500;


}





.ql-experience__content h3{


margin:0 0 30px;


font-size:20px;


color:#008ee6;


}





.ql-experience__description{


font-size:17px;


line-height:1.8;


color:#667085;


margin-bottom:35px;


}







/* =====================================================
   EXPERIENCIA
===================================================== */


.ql-experience__items{


display:grid;


grid-template-columns:repeat(2,1fr);


border-top:1px solid rgba(0,18,68,.12);


border-bottom:1px solid rgba(0,18,68,.12);


margin-bottom:35px;


}





.ql-experience__items div{


display:flex;


gap:18px;


padding:22px 0;


border-bottom:1px solid rgba(0,18,68,.10);


}





.ql-experience__items span{


color:#008ee6;


font-size:12px;


font-weight:800;


}





.ql-experience__items p{


margin:0;


color:#001244;


font-size:15px;


line-height:1.5;


}







/* =====================================================
   BOTÓN
===================================================== */


.ql-experience__button{


display:inline-flex;


background:#001244;


color:white;


padding:16px 28px;


border-radius:12px;


text-decoration:none;


font-weight:700;


transition:.3s;


}



/* =====================================================
   BOTÓN
===================================================== */


.ql-experience__button{


display:inline-flex;


align-items:center;


justify-content:center;


background:#001244;


color:#ffffff !important;


padding:16px 28px;


border-radius:12px;


text-decoration:none !important;


font-weight:700;


transition:.3s ease;


}




.ql-experience__button:hover{


background:#008ee6;


color:#ffffff !important;


text-decoration:none !important;


}



.ql-experience__button:visited{


color:#ffffff !important;


}



.ql-experience__button:focus{


color:#ffffff !important;


}



/* =====================================================
   RESPONSIVE
===================================================== */


@media(max-width:1024px){


.ql-experience__inner{


grid-template-columns:1fr;


}


}





@media(max-width:767px){


.ql-experience{


padding:80px 18px;


}



.ql-experience__visual{


height:480px;


}



.ql-experience__content h1{


font-size:46px;


}



.ql-experience__items{


grid-template-columns:1fr;


}



.ql-experience__watermark{


width:180px;


right:-30px;


}



}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7cab9a0 *//* =====================================================
   QUALINOVA
   TRAYECTORIA
===================================================== */


.ql-timeline{


background:#f6f6f6;


padding:120px 24px;


}




.ql-timeline__inner{


width:min(1280px,100%);


margin:auto;


}






/* HEADER */


.ql-timeline__header h2{

font-size:56px;

line-height:1.12;

letter-spacing:-.04em;

white-space:nowrap;

}



.ql-timeline__label{


display:flex;


align-items:center;


gap:12px;


font-size:12px;


letter-spacing:.20em;


font-weight:800;


color:#008ee6;


margin-bottom:24px;


}



.ql-timeline__label::before{


content:"";


height:2px;


width:38px;


background:#008ee6;


}






.ql-timeline__header h2{


font-size:58px;


line-height:1.08;


letter-spacing:-.04em;


font-weight:700;


color:#001244;


margin:0 0 25px;


}



.ql-timeline__header h2 span{


color:#667085;


font-weight:500;


}





.ql-timeline__header p{


font-size:17px;


line-height:1.8;


color:#667085;


max-width:620px;


}







/* TIMELINE */


.ql-timeline__wrapper{


position:relative;


display:grid;


grid-template-columns:repeat(6,1fr);


gap:35px;


}



.ql-timeline__line{


position:absolute;


top:10px;


left:0;


right:0;


height:1px;


background:#d8dee8;


}







.ql-timeline__item{


position:relative;


padding-top:45px;


z-index:2;


}




.ql-timeline__point{


position:absolute;


top:0;


left:0;


width:16px;


height:16px;


border-radius:50%;


background:white;


border:1px solid #008ee6;


display:flex;


align-items:center;


justify-content:center;


}





.ql-timeline__point::after{


content:"";


width:6px;


height:6px;


background:#008ee6;


border-radius:50%;


}






.ql-timeline__year{


display:block;


font-size:12px;


font-weight:800;


letter-spacing:.12em;


color:#008ee6;


margin-bottom:18px;


}





.ql-timeline__item h3{


font-size:20px;


line-height:1.25;


color:#001244;


margin:0 0 15px;


}



.ql-timeline__item p{


font-size:15px;


line-height:1.7;


color:#667085;


margin:0;


}








/* TABLET */


@media(max-width:1024px){


.ql-timeline__wrapper{


grid-template-columns:repeat(3,1fr);


gap:45px;


}



.ql-timeline__line{


display:none;


}


}








/* MOVIL */


@media(max-width:767px){


.ql-timeline{


padding:80px 18px;


}



.ql-timeline__header h2{


font-size:40px;


}



.ql-timeline__wrapper{


display:block;


padding-left:35px;


}




.ql-timeline__item{


padding-bottom:45px;


}



.ql-timeline__line{


display:block;


left:7px;


top:0;


bottom:0;


width:1px;


height:auto;


}




.ql-timeline__point{


left:-35px;


}


}/* End custom CSS */