/*PUBLILAND FRAMEWORK 2025 */
* {margin: 0; padding: 0; border: none; outline: 0; font-size: 100%; vertical-align: baseline; box-sizing: border-box; text-decoration: none;}
html {box-sizing: border-box; height: -webkit-fill-available; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {font: 62.5% "Montserrat", Arial, Helvetica, sans-serif; color: #1D1D1F; background: #FFFFFF; line-height: 1}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%; display: block}
table {border-collapse: collapse; border-spacing: 0;}
th {text-align: left;}
td, td {empty-cells: show}
input, select, textarea, button { font: 16px "Nunito", Arial, Helvetica, sans-serif; font-weight: 500; color: #1D1D1F; background: #FFF; border: 1px solid #F4F4F4;}
input:focus, textarea:focus, button:focus { outline: none;}
input, select, button { vertical-align: middle}
input[type="radio"], input[type="checkbox"] {border: none; height: auto !important; width: auto !important; background: none;}
input[type="submit"], input[type="reset"], input[type="button"], button {cursor: pointer; -webkit-appearance:none;}
textarea {overflow:auto; -webkit-appearance:none; resize: none}
input::-moz-focus-inner, button::-moz-focus-inner {border: 0; padding: 0;}
::-webkit-input-placeholder {color: #1D1D1F;}
:-moz-placeholder {color: #1D1D1F; opacity: 1}
::-moz-placeholder {color: #1D1D1F; opacity: 1}
:-ms-input-placeholder { color: #1D1D1F;}
ul, ol, li {list-style: none;}
img { vertical-align: top; max-width: 100%; height: auto}
a {text-decoration: none; cursor:pointer; background: transparent;}
a:active, a:hover { outline: 0}
strong { font-weight: 700}
em { font-style: italic}
/*FIN FRAMEWORK*/

/*VIDEO FIX*/
*::-webkit-media-controls {display: none !important;}
*::-webkit-media-controls-enclosure {display: none !important;}
*::-webkit-media-controls-panel {display: none!important; -webkit-appearance: none;}
*::-webkit-media-controls-play-button {display: none!important; -webkit-appearance: none;}
*::-webkit-media-controls-start-playback-button {display: none!important; -webkit-appearance: none;}

/*VARIALES*/
:root {
    --blackQM: #1D1D1F;
    --blackQM2: #1C1B1D;
    --blackQM3: #1F1A24;
    --pinkQM: #EA95FB;
    --pinkQM2: #CD54A1;
    --pinkQM3: #EC87C7;
    --violetQM: #AF8AF8;
    --redQM: #E74D45;
    --red: #FF0000;
    --redQM2: #E1251B;
    --blueQM: #667DF5;
    --blueQM2: #9FADF9;
    --blueGray: #5F647D;
    --darkQM: #2B2B31;
    --darkQM2: #2B2B2C;
    --greyQM: #212121;
    --fontMo: "Montserrat", sans-serif;
    --fontNu: "Nunito", sans-serif;
    --gradient: linear-gradient(270deg, #667DF5 0%, #AF8AF8 100%);
    --gradient2: linear-gradient(270deg, #CD54A1 0%, #EA95FB 100%);
    --header: 89px;
    --header-sticky: 63px;
    --headerMobile: 80px;
}

/*SCROLL FX*/
html.sr .load-hidden {visibility: hidden;}
html.sr .loadlist-hidden li {visibility: hidden;}

/*MAIN STRUCTURE*/
.container {margin: 0px auto; width: 100%; max-width: 1196px; padding-left: 15px; padding-right: 15px;}
/*OLD STRUCTURE*/
.Wrapper {text-align: left; margin: 0px auto; width: 100%; max-width: 1196px; position: relative; z-index:10000; padding: 0 15px; z-index: 1;}
ARTICLE {width: 100%; float: left;}
.Clearfix::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*ELEMENTOS*/
.btn {display: inline-flex; align-items: center; gap: 10px; padding: 20px 30px; color: #fff; font-family: var(--fontNu); font-size: 16px; text-transform: uppercase; font-weight: 700; background: var(--gradient); border-radius: 100px; min-width: 208px; justify-content: center; transition: all .3s ease;}
.btn:hover {background: var(--gradient2);}
.btn--arrow:after {content: ""; display: block; width: 16px; height: 16px; background: url("../images/layout/btn-white-arrow.svg") no-repeat;}
.btn--download:after {content: ""; display: block; width: 18px; height: 19px; background: url("../images/layout/btn-white-download.svg") no-repeat;}
.btn--text-arrow {padding: 0; font-family: var(--fontNu); line-height: 1.5; color: var(--pinkQM2); min-width: 0; background: none;}
.btn--text-arrow:hover {background: none; color: var(--violetQM);}
/**/
.mobile {display: none;}
/**/
.swiper {width: 100%; height: 100%;}
/**/
.blocktitle {font-weight: 700; font-size: 46px; letter-spacing: -1.5px; line-height: 1.2;}
.blockleyend {text-align: center; font-family: var(--fontNu); font-weight: 500; line-height: 1.2; text-transform: uppercase; font-size: 14px;}
@media screen and (max-width: 767px) {
    .btn {font-size: 14px; padding: 15px 30px;}
    .btn--text-arrow {padding: 0;}
    /**/
    .desktop {display: none;}
    .mobile {display: block;}
    /**/
    .blocktitle {font-size: 32px; line-height: 1.1; letter-spacing: -1px;}
    .blockleyend {font-size: 12px;}
}

/*HEADER*/
.header {background: var(--blackQM); padding: 25px 0; height: var(--header); position: sticky; top: 0; z-index: 100; transition: all .3s ease-in-out 0s; width: 100%;}
.header .container {display: flex; justify-content: space-between; align-items: center; height: 39px;}
.header__logo .lmolinete {display: none; transition: all .3s ease-in-out 0s;}
/*NAV*/
.navigation {display: flex; align-items: center; gap: 40px;}
.navigation a {color: #fff; text-transform: uppercase; font-family: var(--fontNu); font-size: 16px; font-weight: 700; transition: all .3s ease;}
.navigation a:hover {color: var(--pinkQM)}
.navigation a.Selected {color: var(--pinkQM)}
.navigation__btn {padding-left: 152px; transition: all .3s ease;}
.esp .navigation__btn {padding-left: 110px;}
.navigation__btn a {padding: 12px 40px 11px 40px; display: block; border-radius: 100px; background: var(--gradient); transition: all .3s ease;}
.navigation__btn a:hover {background: var(--gradient2); color: #fff;}
/*LANG*/
.lang-bar {color: #fff; text-transform: uppercase; position: fixed; top: 37px; right: 40px; font-size: 16px; font-weight: 700; font-family: var(--fontNu); z-index: 102; transition: all .3s ease;}
.lang-bar a {color: #fff;}
.lang-bar .current {color: var(--pinkQM);}
/*HAMBURGUER*/
.c-hamburger {display: none;}
/*HEADER SCROLL*/
.nav-up { opacity: 0}
.nav-down { opacity: 1}
.nav-scroll header {padding: 12px 0; height: var(--header-sticky); position: fixed;}
.nav-scroll header .lnormal {display: none;}
.nav-scroll header .lmolinete {display: block;}
.nav-scroll .lang-bar {top: 27px;}
.hidelang .lang-bar {opacity: 0;}
.no-scroll {overflow: hidden;}
/**/
@media screen and (max-width: 1430px) {
    .navigation {padding-right: 369px;}
    .esp .navigation {padding-right: 340px;}
    .navigation__btn {position: absolute; right: 132px; top: 25px; padding-left: 0;}
    .nav-scroll .navigation__btn {top: 12px;}
}
@media screen and (max-width: 1100px) {
    .navbar {position: absolute; top: var(--header); left: 0; width: 100%; height: calc(100vh - var(--header)); background: var(--blackQM); padding: 20px 15px; display: none; z-index: 100;}
    .nav-scroll .navbar {top: var(--header-sticky);}
    .navigation {flex-direction: column; padding-right: 0; gap: 0;}
    .esp .navigation {padding-right: 0;}
    .navigation li {padding: 40px 0; border-bottom: 1px solid var(--blueGray); width: 100%; text-align: center;}
    .navigation li:last-child {border-bottom: none;}
    .navigation li a {font-size: 20px;}
    .navigation__btn {position: static;}
    .navigation__btn a {padding: 20px 40px; display: inline-block; width: 100%; max-width: 310px;}
    .esp .navigation__btn {padding-left: 0;}
    /**/
    .lang-bar {position: absolute; bottom: 88px; left: 50%; right: auto; top: auto; z-index: 1000; transform: translateX(-50%); font-size: 20px; display: none;}
    .lang-bar a {display: flex; gap: 20px;}
    /**/
	.c-hamburger {display: block; position: relative; overflow: hidden; width: 40px; height: 40px; text-indent: -9999px; cursor: pointer; transition: background 0.3s; border: 2px solid #fff; border-radius: 100%;}
	.c-hamburger:focus {outline: none;}
	.c-hamburger span {display: block; position: absolute; top: 17px; left: 10px; right: 4px; height: 2px; background: #fff; width: 16px;}
	.c-hamburger span:before,
	.c-hamburger span:after {position: absolute; display: block; left: 0; width: 16px; height: 2px; background-color: #fff; content: "";}
	.c-hamburger span:before {top: -6px;}
	.c-hamburger span:after {bottom: -6px;}
	.c-hamburger--htx span {transition: background 0s 0.3s;}
	.c-hamburger--htx span:before,
	.c-hamburger--htx span::after {transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s;}
	.c-hamburger--htx span::before {transition-property: top, transform;}
	.c-hamburger--htx span::after {transition-property: bottom, transform;}
	.c-hamburger--htx.is-active span {background: none; left: 8px;}
	.c-hamburger--htx.is-active span:before {top: 0; transform: rotate(45deg); width: 20px;}
	.c-hamburger--htx.is-active span:after {bottom: 0; transform: rotate(-45deg); width: 20px;}
	.c-hamburger--htx.is-active span:before,
	.c-hamburger--htx.is-active span:after {transition-delay: 0s, 0.3s;}
}
@media screen and (max-width: 767px) {
    .header {padding: 12px 0; height: var(--headerMobile);}
    .header .container {height: 56px;}
    .nav-scroll .header .container {height: 40px;}
    /**/
    .navbar {top: var(--headerMobile); height: calc(100vh - var(--headerMobile));}
}
@media screen and (max-height: 680px) {
    .navigation li {padding: 28px 0;}
}
@media screen and (max-width: 767px) and (max-height: 760px) {
    .lang-bar {bottom: 20px;}
}

/*FOOTER*/
.footer {padding: 90px 0; text-align: center;}
.footer-group {display: flex; align-items: center; justify-content: space-between;}
.footer__redes {display: inline-flex; gap: 20px; align-items: center; justify-content: center;}
.footer__redes a {display: block; text-indent: -5000px; overflow: hidden; position: relative; transition: all .3s ease;}
.icon-instagram {background: url("../images/layout/logo-instagram.svg") no-repeat; width: 22px; height: 22px;}
.icon-instagram:before {content: ""; width: 22px; height: 22px; background: url("../images/layout/logo-instagram-hover.svg") no-repeat; position: absolute; left: 0; top: 0; opacity: 0;}
.icon-instagram:hover:before {opacity: 1;}
.icon-behance {background: url("../images/layout/logo-behance.svg") no-repeat; width: 35px; height: 22px;}
.icon-behance:before {content: ""; background: url("../images/layout/logo-behance-hover.svg") no-repeat; width: 35px; height: 22px; position: absolute; left: 0; top: 0; opacity: 0;}
.icon-behance:hover:before {opacity: 1;}
.icon-linkedin {background: url("../images/layout/logo-linkedin.svg") no-repeat; width: 22px; height: 22px;}
.icon-linkedin:before {content: ""; background: url("../images/layout/logo-linkedin-hover.svg") no-repeat; width: 22px; height: 22px; position: absolute; left: 0; top: 0; opacity: 0;}
.icon-linkedin:hover:before {opacity: 1;}
.icon-vimeo {background: url("../images/layout/logo-vimeo.svg") no-repeat; width: 25px; height: 22px; background-size: contain;}
.icon-vimeo:before {content: ""; background: url("../images/layout/logo-vimeo-hover.svg") no-repeat; width: 25px; height: 22px; background-size: contain; position: absolute; left: 0; top: 0; opacity: 0;}
.icon-vimeo:hover:before {opacity: 1;}
.footer__copy {font-size: 10px; color: #000; font-weight: 500; line-height: 1.2;}

@media screen and (max-width: 767px) {
    .footer {padding: 70px 0;}
    .footer-group {flex-direction: column; gap: 40px;}
}

/*HOME HERO*/
.hero--home {background: var(--darkQM);}
.hero__content {display: flex; gap: 40px; justify-content: space-between; padding: 59px 0; align-items: center; color: #fff;}
.hero__data {max-width: 514px; width: 100%;}
.hero__label {font-family: var(--fontNu); font-weight: 700; line-height: 1.2; text-transform: uppercase; margin-bottom: 10px; font-size: 14px;}
.hero__title {font-weight: 700; font-size: 60px; line-height: 1.2; letter-spacing: -1.5px; background: linear-gradient(75deg, #E1251B 1.34%, #CD54A1 19.08%, #EA95FB 36.82%, #AF8AF8 54.55%, #667DF5 72.29%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 10px;}
.hero__title span {background: none; background-clip: initial; -webkit-background-clip: initial; -webkit-text-fill-color: initial;}
.hero__text {font-family: var(--fontNu); font-size: 20px; font-weight: 700; line-height: 1.2; margin-bottom: 24px; max-width: 482px;}
.hero--home .btn {padding: 15px 30px;}
.home-hero__media {max-width: 563px; width: 100%;}
.home-hero__media video {width: 100%; height: auto;}
@media screen and (max-width: 767px) {
    .hero__content {padding-top: 36px; padding-bottom: 6px; flex-direction: column; align-items: center; justify-content: flex-start;}
    .hero__data {max-width: 100%; text-align: center;}
    .hero__label {max-width: 303px; margin: 0 auto 16px auto;}
    .hero__label span {display: block;}
    .hero__title {font-size: 46px; line-height: 1.1; letter-spacing: -1px; max-width: 300px; margin: 0 auto 10px auto;}
    .hero__text {font-size: 16px; max-width: 100%;}
    .hero__btn {margin: 0 auto;}
}

/*PEOPLE*/
.people-marcas {background: linear-gradient(0deg, #FFF 0%, #EEE 100%); display: flex; flex-direction: column; gap: 30px; padding: 60px 0 30px 0; overflow: hidden;}
/**/
.people__title {margin-bottom: 30px; color: #000; text-align: center; font-size: 18px; font-weight: 700; line-height: 1.2; letter-spacing: -0.09px; text-transform: uppercase;}
.people__list {display: flex; justify-content: center; gap: 31px;}
.people__list li {border-radius: 100%; padding: 4px; background: linear-gradient(to right,  rgba(225,37,27,0.2) 0%,rgba(205,84,161,0.2) 25%,rgba(234,149,251,0.2) 50%,rgba(175,138,248,0.2) 75%,rgba(102,125,245,0.2) 100%);}
.people__list li img {border-radius: 100%;}
/**/
.marcas__list {display: flex; gap: 20px; justify-content: space-between; align-items: center;}
.marcas__list li {display: flex; height: 107px; align-items: center; justify-content: center;}
@media screen and (max-width: 1100px) {
    .people__list {flex-wrap: wrap; max-width: 700px; margin: 0 auto;}
    .marcas__list {flex-wrap: wrap; max-width: 700px; margin: 0 auto; gap: 0 20px;}
    .marcas__list li {width: 125px; height: 88px;}
}
@media screen and (max-width: 767px) {
    .people-marcas {gap: 20px; padding: 40px 0;}
    /**/
    .people__title {font-size: 16px; letter-spacing: normal; max-width: 282px; margin: 0 auto 20px auto;}
    .people__list {gap: 14px; max-width: 380px; margin: 0 auto;}
    .people__list li {width: 42px; padding: 4px;}
    .marcas__list {max-width: 282px; margin: 0 auto;}
    .marcas__list li {width: 105px; height: 88px;}
}
@media screen and (max-width: 407px) {
    .people__list {gap: 10px;}
    .people__list li {width: 40px; padding: 3px;}
}
@media screen and (max-width: 370px) {
    .people__list {max-width: 300px; gap: 16px;}
    .people__list li {width: 42px; padding: 4px;}
}

/*INTRO*/
.qm-intro {padding: 60px 0; overflow: hidden;}
.qm-intro__container {padding: 4px; position: relative; overflow: hidden;}
.qm-intro__container:before {content: ""; background: linear-gradient(-137deg,  rgba(225,37,27,1) 0%,rgba(205,84,161,1) 25%,rgba(234,149,251,1) 50%,rgba(175,138,248,1) 75%,rgba(102,125,245,1) 100%); height: 100%; width: 480px; position: absolute; top: 0; left: 0; z-index: -1;}
.qm-intro__card {padding: 90px 0 90px 84px; background: #fff; min-height: 580px; display: flex; flex-direction: column; gap: 40px; justify-content: center;}
.qm-intro__title strong {color: var(--violetQM);}
.qm-intro__text {max-width: 886px; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px;}
@media screen and (max-width: 800px) {
    .qm-intro__card {padding-left: 42px;}
}
@media screen and (max-width: 767px) {
    .qm-intro {padding: 40px 0;}
    .qm-intro__container:before {width: 198px;}
    .qm-intro__card {padding: 30px; min-height: 484px; gap: 20px;}
    .qm-intro__title {font-size: 30px;}
    .qm-intro__text {font-size: 16px; line-height: 1.1;}
}

/*ESTRATEGIA*/
.estrategia {padding: 120px 0; background: linear-gradient(180deg, #1D1D1F 0%, #000 100%); color: #fff;}
.estrategia__trigger {position: relative; width: 100%; top: -350px;}
.estrategia__title {margin-bottom: 60px; max-width: 695px;}
.estrategia__title strong {color: var(--violetQM);}
.estrategia__cards {margin-bottom: 60px; display: flex; justify-content: space-between; gap: 20px;}
.estrategia__card {width: 100%; padding: 60px; background: var(--blackQM); border: 1px solid rgba(255, 255, 255, 0.10);}
.estrategia__card-icon {height: 100px; margin-bottom: 24px;}
.estrategia__card-title {font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px; margin-bottom: 23px;}
.estrategia__card-text {font-family: var(--fontNu); font-size: 16px; font-weight: 500; line-height: 1.2;}
.estrategia__subtitle {padding: 40px 0; font-size: 32px; font-weight: 700; line-height: 1.2; letter-spacing: -0.32px;}
.estrategia__subtitle strong {color: var(--redQM);}
.estrategia__subtitle span {color: var(--blueQM);}
.estrategia__image {margin-bottom: 40px; text-align: center;}
.estrategia__image img {margin: 0 auto;}
.estrategia__image video {margin: 0 auto; object-fit: cover; width: 100%; max-width: 1166px; height: auto;}
.estrategia__cta {text-align: center;}
@media screen and (max-width: 1100px) {
    .estrategia__card {padding: 30px;}
}
@media screen and (max-width: 800px) {
    .estrategia__card {padding: 20px;}
}
@media screen and (max-width: 767px) {
    .estrategia {padding: 40px 0;}
    .estrategia__title {margin-bottom: 40px;}
    .estrategia__cards {flex-direction: column; margin-bottom: 40px;}
    .estrategia__card-head {display: flex; gap: 10px; align-items: center; margin-bottom: 20px;}
    .estrategia__card-icon {height: auto; margin-bottom: 0;}
    .estrategia__card-icon img {width: 70px; height: auto;}
    .estrategia__card-title {margin-bottom: 0; font-size: 18px; line-height: 1.1; letter-spacing: -0.18px; max-width: 230px;}
    .estrategia__card-text {font-size: 14px;}
    .estrategia__subtitle {padding: 0; font-size: 24px; line-height: 1.1; letter-spacing: -0.24px; margin-bottom: 40px;}
    .estrategia__image video {max-width: 353px;}
}

/*PLAN VIDEO*/
.plan {background: linear-gradient(180deg, #667DF5 0%, #FFF 54.81%, #F4F4F4 100%); padding: 90px 0;}
.plan-trigger {position: relative; top: -400px;}
.plan__media {text-align: center; margin-bottom: 40px;}
.plan__cta {text-align: center; margin-bottom: 30px;}
.plan__cta .btn {width: 100%; max-width: 270px;}
.plan__text {text-align: center; font-family: var(--fontNu); font-size: 20px; font-weight: 700; line-height: 1.2; max-width: 1080px; margin: 0 auto;}
@media screen and (max-width: 767px) {
    .plan {padding: 40px 0;}
    .plan__media {margin-bottom: 30px;}
    .plan__text {font-size: 16px;}
}

/*SERVICIOS*/
.servicios {padding: 90px 0;}
.servicios__trigger {position: relative; width: 100%; top: -450px;}
.servicios__title {margin-bottom: 48px;}
.servicios__title strong {color: var(--blueQM);}
.servicios__list {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 40px;}
.servicios__list li {padding: 20px 0; border-bottom: 1px solid #D3D3D3;}
.servicios__list li a {transition: all .3s ease-in-out; display: block;}
.servicios__list-head {display: flex; flex-direction: column; gap: 20px; margin-bottom: 10px;}
.servicios__list-icon {height: 43px;}
.servicios__list-title {color: #000; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px; transition: all .3s ease;}
.servicios__list li a:hover .servicios__list-title {color: var(--violetQM);} 
.servicios__list-text {font-family: var(--fontNu); font-size: 16px; font-weight: 500; line-height: 1.2; color: #000;}
.servicios__list li a:hover {transform: translateY(-10px);}
@media screen and (max-width: 960px) {
    .servicios__list {grid-template-columns: 1fr 1fr;}
}
@media screen and (max-width: 767px) {
    .servicios {padding: 40px 0;}
    .servicios__title {margin-bottom: 30px;}
    .servicios__list {grid-template-columns: 1fr; gap: 10px;}
    .servicios__list-head {flex-direction: row; gap: 10px;}
    .servicios__list-icon {height: auto;}
    .servicios__list-icon img {width: 30px; height: auto;}
    .servicios__list-title {font-size: 18px; line-height: 1.1; letter-spacing: -0.18px;}
    .servicios__list-title span {display: block;}
    .servicios__list-text {font-size: 14px;}
}

/*SECTORES*/
.sectores {padding: 70px 0;}
.sectores__title {margin-bottom: 67px;}
.sectores__title strong {color: var(--pinkQM2);}
.sectores__list {display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; margin-bottom: 40px;}
.sectores__list li {padding: 40px 10px; border: 1px solid #E5E5E5; background: linear-gradient(180deg, #FFF 0%, #F4F4F4 100%);}
.sectores__icon {margin-bottom: 20px; text-align: center;}
.sectores__list-title {text-align: center; font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -0.1px; background: linear-gradient(180deg, #000 0%, #666 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.sectores__cta {text-align: center;}
.sectores__cta .btn {width: 100%; max-width: 270px;}
.sectores__leyend {margin-top: 10px;}
@media screen and (max-width: 1100px) {
    .sectores__list {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width: 767px) {
    .sectores {padding: 40px 0;}
    .sectores__title {margin-bottom: 30px;}
    .sectores__list {grid-template-columns: repeat(2, 1fr); gap: 15px;}
    .sectores__list li {padding: 20px 10px;}
    .sectores__icon {margin-bottom: 10px;}
    .sectores__icon img {width: 30px; height: auto;}
    .sectores__list-title {font-size: 16px; line-height: 1.1; letter-spacing: normal;}
}

/*NUMBERS*/
.numbers {padding: 120px 0; background: #000 url("../images/home/q_bg.webp") no-repeat center top; background-size: cover;}
.numbers__content {display: flex; gap: 18px;}
.numbers__q {padding-top: 37px; width: 407px;}
.numbers__data {display: flex; gap: 20px; width: 740px;}
.numbers__left {width: 100%; display: flex; flex-direction: column; gap: 20px;}
.numbers__right {width: 100%; display: flex; flex-direction: column; gap: 20px;}
.number__box {padding: 40px; border: 1px solid #667DF5; background: rgba(29, 29, 31, 0.50); backdrop-filter: blur(3.1500000953674316px); position: relative; color: #fff;}
.number__num {font-weight: 700; font-size: 150px;}
.number__title {font-size: 30px; font-weight: 700; text-transform: uppercase;}
.number__text {font-size: 20px; font-weight: 500; line-height: 1.4;}
/**/
.number__box-1 {height: 320px;}
.number__box-1 .number__num {color: var(--pinkQM); margin-top: -9px;}
.number__box-1 .number__title {position: absolute; left: 206px; top: 110px;}
.number__box-1 .number__text {margin-top: -13px; font-size: 22px; line-height: 1.27;}
/**/
.number__box-2 {height: 220px; display: flex; align-items: flex-end;}
.number__box-2 .number__num {color: var(--blueQM); font-size: 170px; margin-bottom: -27px;}
.number__box-2 .number__title {position: absolute; left: 92px; bottom: 55px;}
/**/
.number__box-3 {height: 220px;}
.number__box-3 .number__num {color: var(--violetQM);  font-size: 120px; margin-top: -8px;}
.number__box-3 .number__title {position: absolute; bottom: 58px; right: 19px;}
.number__box-3 .number__text {position: absolute; bottom: 36px; right: 19px;}
/**/
.number__box-4 {height: 320px;  display: flex; align-items: flex-end;}
.number__box-4 .number__sign {position: absolute; bottom: 76px; left: 30px; font-size: 110px; color: var(--redQM); font-weight: 700;}
.number__box-4 .number__num {color: var(--pinkQM3); margin-left: 30px; margin-bottom: 10px;}
.number__box-4 .number__title {position: absolute; right: 25px; bottom: 53px;}
.number__box-4 .number__text {position: absolute; right: 149px; bottom: 31px;}
@media screen and (max-width: 1200px) {
    .numbers__q {width: 25%;}
    .numbers__data {width: 75%;}
}
@media screen and (max-width: 1024px) {
    .number__box {padding: 40px 20px;}
    .number__box-4 .number__sign {left: 10px;}
}
@media screen and (max-width: 960px) {
    .numbers__content {flex-direction: column; width: 740px; margin: 0 auto; gap: 0;}
    .numbers__data {width: 100%;}
}
@media screen and (max-width: 767px) {
    .numbers {padding: 30px 0 40px 0;}
    .numbers__content {width: 100%;}
    .numbers__q {padding-top: 0; width: 100%;}
    .numbers__q img {width: 110px; height: auto; margin-left: 30px;}
    .numbers__data { gap: 10px; margin-top: -24px; flex-direction: column;}
    .numbers__left {gap: 10px; flex-direction: row;}
    .numbers__right {gap: 10px; flex-direction: row;}
    .number__box {padding: 20px; width: 100%;}
    .number__num { font-size: 82px;}
    .number__title {font-size: 16px;}
    .number__text {font-size: 12px;}
    /**/
    .number__box-1 {height: 156px;}
    .number__box-1 .number__num {margin-top: 10px;}
    .number__box-1 .number__title {left: 103px; top: 71px;}
    .number__box-1 .number__text {font-size: 12px; margin-top: -10px;}
    /**/
    .number__box-2 {height: 156px; align-items: flex-start;}
    .number__box-2 .number__num {font-size: 100px; margin-bottom: 0; margin-top: 4px;}
    .number__box-2 .number__title {position: absolute; left: 54px; bottom: auto; top: 84px; font-size: 18px;}
    /**/
    .number__box-3 {height: 156px;}
    .number__box-3 .number__num { font-size: 76px; margin-top: 5px; margin-left: -3px; margin-right: -10px;}
    .number__box-3 .number__title {bottom: auto; top: 84px; right: 15px; font-size: 18px;}
    .number__box-3 .number__text {bottom: auto; top: 98px; right: 15px;}
    /**/
    .number__box-4 {height: 156px; align-items: flex-start;}
    .number__box-4 .number__sign {bottom: auto; top: 26px; left: 15px; font-size: 60px;}
    .number__box-4 .number__num { margin-left: 16px; margin-bottom: 0; margin-top: -3px;}
    .number__box-4 .number__title {left: 20px; bottom: auto; top: 85px;}
    .number__box-4 .number__text {left: 20px; bottom: auto; top: 98px;}
}
@media screen and (max-width: 383px) {
    .number__box-3 .number__num { font-size: 66px;}
    .number__box-3 .number__title {font-size: 16px;}
    /**/
    .number__box-4 .number__title {font-size: 16px;}
}

/*TESTIMONIALS*/
.testimonios {padding: 90px 0; background: url("../images/home/testimonios_bg.webp") no-repeat center bottom; background-size: 100% 692px;}
.testimonios__toptitle {color: var(--darkQM2); font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px;}
.testimonios__title {margin-bottom: 40px;}
.testimonios__title strong {color: var(--blueQM);}
.testimonios__container {position: relative;}
.slider-testimonios {width: 100%; overflow: hidden;}
.swiper-slide {height: auto;}
.testimonio {background: #fff; padding: 40px; height: 100%; position: relative; display: flex; flex-direction: column; justify-content: flex-start;}
.testimonios__logo {margin-bottom: 30px;}
.testimonios__text {color: var(--darkQM2); font-size: 18px; font-style: italic; font-weight: 700; line-height: 1.3; max-width: 270px; margin-bottom: 20px;}
.testimonio-author {display: flex; gap: 6px;}
.testimonios__pic {width: 52px; flex-shrink: 0;}
.testimonios__pic img {border-radius: 100%;}
.testimonio-author h4 {font-family: var(--fontNu); font-size: 16px; font-weight: 700; text-transform: uppercase; line-height: 1.2; margin-bottom: 6px; color: var(--blueQM);}
.testimonio-author p {color: var(--darkQM2); font-family: var(--fontNu); font-weight: 500; line-height: 1.2; font-size: 12px;}
.slider-testimonios-prev {position: absolute; left: -55px; top: 50%; margin-top: -20px; z-index: 10; transform: rotate(180deg); cursor: pointer; transition: all .3s ease;}
.slider-testimonios-prev:hover path:last-child {stroke: var(--pinkQM);}
.slider-testimonios-next {position: absolute; right: -55px; top: 50%; margin-top: -20px; z-index: 10; cursor: pointer;}
.slider-testimonios-next:hover path:last-child {stroke: var(--pinkQM);}
@media screen and (max-width: 1350px) {
    .testimonios__text {max-width: 100%;}
}
@media screen and (max-width: 1290px) {
    .testimonios__container {padding-left: 55px; padding-right: 55px;}
    .slider-testimonios-prev {left: 0;}
    .slider-testimonios-next {right: 0;}
}
@media screen and (max-width: 767px) {
    .testimonios {padding: 40px 0;}
    .testimonios__toptitle {font-size: 18px; letter-spacing: -0.18px;}
    .testimonios__title {margin-bottom: 30px;}
    .testimonios__container {padding-left: 0; padding-right: 0;}
    .testimonio {padding: 30px;}
    .testimonios__logo {margin-bottom: 27px;}
    .testimonios__text {font-size: 14px;}
    .testimonio-author {gap: 5px;}
    .testimonios__pic img {width: 52px; height: auto;}
    .testimonio-author h4 {font-size: 14px;}
    .slider-testimonios-arrows {display: flex; justify-content: space-between; padding: 10px 0 0 0;}
    .slider-testimonios-prev,
    .slider-testimonios-next {position: static; margin-top: 0;}
    .slider-testimonios-prev svg,
    .slider-testimonios-next svg {width: 30px; height: auto;}
}

/*EMPEPAR*/
.empezar {padding: 120px 0; background: #000 url("../images/home/empezar_bg.webp") no-repeat center top; background-size: cover; background-attachment: fixed;}
.empezar__box {margin: 0 auto; padding: 40px; background: rgba(29, 29, 31, 0.70); color: #fff; text-align: center; width: 100%; max-width: 800px;}
.empezar__title {margin-bottom: 8px;}
.empezar__subtitle {font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -0.1px; margin-bottom: 27px;}
.empezar__card {border: 1px solid #667DF5; background: linear-gradient(90deg, #E9E9E9 0%, #FFF 79.58%); backdrop-filter: blur(5px); padding: 42px 52px; display: flex; justify-content: center; gap: 56px; align-items: center;;}
.empezar__text {color: var(--blackQM); font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -0.1px; max-width: 250px;}
.empezar__card .btn {padding-top: 15px; padding-bottom: 15px;}
@media screen and (max-width: 850px) {
    .empezar__box {padding: 20px;}
}
@media screen and (max-width: 767px) {
    .empezar {padding: 180px 0 30px 0; background: #1D1D1F url("../images/home/empezar_bg-mobile.webp") no-repeat center top; background-size: contain;}
    .empezar__subtitle {font-size: 14px; letter-spacing: -0.07px; margin-bottom: 20px;}
    .empezar__subtitle br {display: none;}
    .empezar__card {flex-direction: column; padding: 20px; gap: 10px;}
    .empezar__text {font-size: 16px; line-height: 1.1; max-width: 210px;}
}

/*CONVERTIR*/
.convertir {padding: 90px 0; background: linear-gradient(180deg, #FFF 0%, #E5E5E5 100%);}
.convertir__title {margin-bottom: 4px; max-width: 928px;}
.convertir__title strong {color: var(--blueQM);}
.convertir__text {font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px; margin-bottom: 43px;}
.convertir__box {border: 1px solid rgba(0, 0, 0, 0.07); background: #fff url("../images/home/convertir_bg.webp") no-repeat 0 0; background-size: auto 194px; box-shadow: 0 17px 26.5px 0 rgba(0, 0, 0, 0.08); display: flex; gap: 20px; align-items: center; justify-content: space-between; padding: 49px 95px 49px 224px;}
.convertir__box-text {max-width: 433px; font-family: var(--fontNu); font-size: 18px; font-weight: 700; line-height: 1.2;}
.convertir__box-text strong {color: var(--redQM); display: block;}
.convertir__box-cta {text-align: center; max-width: 310px;}
.convertir__box-cta .btn {padding-top: 15px; padding-bottom: 15px; margin-bottom: 15px;}
.convertir__box-leyend strong {display: block;}
@media screen and (max-width: 1100px) {
    .convertir__box {padding-right: 40px;}
    .convertir__box-text {max-width: 350px;}
}
@media screen and (max-width: 960px) {
    .convertir__box {background: #fff; padding-left: 40px;}
}
@media screen and (max-width: 767px) {
    .convertir {padding: 40px 0;}
    .convertir__text {font-size: 18px; line-height: 1.1; letter-spacing: -0.18px; margin-bottom: 30px;}
    .convertir__box {flex-direction: column; gap: 15px; padding: 20px;}
    .convertir__box-text {text-align: center; font-size: 14px;}
}

/*NOTAS HOME*/
.insights-block {padding: 90px 0; background: #F3F3F3;}
.insights-block__title {margin-bottom: 40px;}
.insights-block__nota {display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-bottom: 40px;}
.insights-block__nota li {background: #fff;}
.insights-block__nota-image img {object-fit: cover; object-position: center; max-height: 280px;}
.insights-block__nota-box {padding: 50px 40px;}
.insights-block__nota-title {font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px; margin-bottom: 12px; color: var(--blackQM2);}
.insights-block__nota-title a {color: var(--blackQM2);}
.insights-block__nota-text {font-family: var(--fontNu); font-size: 16px; font-weight: 500; line-height: 1.2; margin-bottom: 27px; color: var(--blackQM2);}
.insights-block__cta {text-align: center;}
@media screen and (max-width: 960px) {
    .insights-block__nota-box {padding: 20px;}
}
@media screen and (max-width: 767px) {
    .insights-block {padding: 40px 0;}
    .insights-block__title {margin-bottom: 30px;}
    .insights-block__nota {grid-template-columns: 1fr; gap: 30px; margin-bottom: 30px;}
    .insights-block__nota-image img {width: 100%; max-height: 280px;}
    .insights-block__nota-box {padding: 30px;}
    .insights-block__nota-title {font-size: 18px; line-height: 1.1; letter-spacing: -0.18px; margin-bottom: 12px;}
    .insights-block__nota-text {font-size: 14px; margin-bottom: 20px;}
}

/*NUESTROS SERVICIOS*/
.os-hero {padding: 90px 0;}
.os-hero__title {margin-bottom: 20px; margin-right: -10px;}
.os-hero__title strong {background: var(--degradado, linear-gradient(90deg, #667DF5 0%, #AF8AF8 25%, #EA95FB 50%, #CD54A1 75%, #E1251B 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: block; letter-spacing: -1.5px;}
.os-hero__text {font-size: 20px; font-weight: 700; line-height: 1.2; margin-bottom: 20px; font-family: var(--fontNu);}
.os-hero__cta {display: flex; align-items: center; gap: 15px;}
.os-hero__leyend {text-align: left;}
.os-hero__leyend strong {display: block;}
@media screen and (max-width: 767px) {
    .os-hero {padding: 40px 0;}
    .os-hero__title {margin-bottom: 10px; text-align: center; margin-right: 0;}
    .os-hero__text {text-align: center; font-size: 16px; margin: 0 auto 24px auto; max-width: 340px;}
    .os-hero__cta {flex-direction: column;}
    .os-hero__leyend {text-align: center;}
}

/*SERVICIOS*/
.os-conoce {padding: 90px 0; background: #F8F8F8;}
.os-conoce__title {margin-bottom: 30px;}
.os-conoce__title strong {color: var(--violetQM);}
.os-conoce__servicios {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.os-conoce__servicios-content {position: relative; overflow: hidden; background: var(--blackQM);}
.os-conoce__servicios-img {overflow: hidden; height: 350px; position: relative;}
.os-conoce__servicios-img:before {content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 36.51%, #000 63.21%); }
.os-conoce__servicios-img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.os-conoce__servicios-data {color: #fff; position: absolute; left: 0; bottom: 0; padding: 30px;}
.os-conoce__servicios-title {font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -0.1px; margin-bottom: 10px;}
.os-conoce__servicios-text {font-family: var(--fontNu); font-size: 16px; font-weight: 500; line-height: 1.2; min-height: 77px;}
.os-conoce__servicios-box {padding: 16px 30px; background: #666; display: flex; align-items: center; min-height: 90px;}
.os-conoce__servicios-box-text {color: #fff; font-family: var(--fontNu); font-size: 16px; font-weight: 500; line-height: 1.2;}
.os-conoce__blue {background: var(--blueQM);}
.os-conoce__pink {background: var(--pinkQM);}
.os-conoce__pink2 {background: var(--pinkQM2);}
.os-conoce__violet {background: var(--violetQM);}
.os-conoce__red {background: var(--redQM2);}
@media screen and (max-width: 1024px) {
    .os-conoce__servicios {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 767px) {
    .os-conoce {padding: 40px 0;}
    .os-conoce__servicios {grid-template-columns: 1fr;}
    .os-conoce__servicios-img {height: 240px;}
    .os-conoce__servicios-data {padding: 20px;}
    .os-conoce__servicios-title {font-size: 16px; line-height: 1.1; letter-spacing: -0.08px;}
    .os-conoce__servicios-text {font-size: 14px; min-height: 0;}
    .os-conoce__servicios-box {padding: 20px; font-size: 14px; min-height: 0;}
}

/*AYUDAMOS*/
.ayudamos {padding: 90px 0;}
.ayudamos--bg { background: linear-gradient(180deg, #E6E6E6 0%, #FFF 100%);}
.ayudamos__maintitle {margin-bottom: 30px;}
.ayudamos__maintitle strong {color: var(--violetQM);}
.ayudamos__content {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
.ayudamos__content li {border: 1px solid #E4E4E4; background: rgba(255, 255, 255, 0.32); backdrop-filter: blur(10px); padding: 60px;}
.ayudamos__num {margin-bottom: 10px; display: inline-block; overflow: hidden; text-indent: -5000px;}
.ayudamos__title {color: #000; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px; margin-bottom: 10px;}
.ayudamos__text {color: #000; font-size: 18px; font-weight: 500; line-height: 1.2;}
.ayudamos__blue {background: url("../images/layout/1.svg") no-repeat; width: 44px; height: 52px; background-size: contain;}
.ayudamos__pink {background: url("../images/layout/2.svg") no-repeat; width: 59px; height: 53px; background-size: contain;}
.ayudamos__violet {background: url("../images/layout/3.svg") no-repeat; width: 59px; height: 52px; background-size: contain;}
@media screen and (max-width: 1100px) {
    .ayudamos__content li {padding: 40px;}
}
@media screen and (max-width: 1024px) {
    .ayudamos__content li {padding: 20px;}
}
@media screen and (max-width: 767px) {
    .ayudamos {padding: 40px 0;}
    .ayudamos__maintitle {margin-bottom: 40px;}
    .ayudamos__content {grid-template-columns: 1fr;}
    .ayudamos__content li {padding: 30px 20px;}
    .ayudamos__group {display: flex; align-items: center; gap: 10px; margin-bottom: 15px;}
    .ayudamos__num {margin-bottom: 0;}
    .ayudamos__blue {width: 32px; height: 38px;}
    .ayudamos__pink {width: 43px; height: 39px;}
    .ayudamos__violet {width: 43px; height: 38px;}
    .ayudamos__title {font-size: 18px; letter-spacing: -0.18px; margin-bottom: 0;  max-width: 200px;}
    .ayudamos__text {font-size: 14px;}
}

/*ORGANIZACIONES*/
.organizaciones {background: linear-gradient(0deg, #FFF 0%, #EEE 100%); padding: 90px 0;}
.organizaciones__title {margin-bottom: 30px;}
.organizaciones__title strong {color: var(--blueQM);}
.organizaciones__list {display: flex; gap: 20px; justify-content: space-between; align-items: center;}
.organizaciones__list li {display: flex; height: 107px; align-items: center; justify-content: center;}
@media screen and (max-width: 1100px) {
    .organizaciones__list {flex-wrap: wrap; max-width: 700px; margin: 0 auto; gap: 0 20px;}
    .organizaciones__list li {width: 125px; height: 88px;}
}
@media screen and (max-width: 767px) {
    .organizaciones {padding: 40px 0;}
    .organizaciones__title {margin-bottom: 20px; text-align: center;}
    .organizaciones__list {max-width: 282px; margin: 0 auto;}
    .organizaciones__list li {width: 105px; height: 88px;}
}

/*DEJA*/
.deja {padding: 120px 0; background: url(../images/servicios/deja_bg.webp) no-repeat, linear-gradient(102deg, #667DF5 -1.35%, #9969CB 44.26%, #E1251B 100%); background-blend-mode: multiply, normal; background-size: cover, auto; color: #fff;}
.deja__title {text-align: center; margin-bottom: 40px;}
.deja__title span {display: block;}
.deja__title strong {color: var(--pinkQM);}
.deja__subtitle {text-align: center; margin-bottom: 40px; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px;}
.deja__text {font-family: var(--fontNu); font-size: 18px; font-weight: 500; line-height: 1.2; margin: 0 auto 40px auto; text-align: center; max-width: 530px;}
.deja__text strong {display: block; color: var(--blueQM2); text-transform: uppercase;}
.deja__cta {text-align: center;}
.deja__leyend {margin-top: 15px;}
.deja__leyend strong {display: block;}
@media screen and (max-width: 767px) {
    .deja {padding: 40px 0;}
    .deja__title {margin-bottom: 16px;}
    .deja__subtitle {margin-bottom: 16px; letter-spacing: -0.18px; font-size: 18px;}
    .deja__text {font-size: 14px; margin-bottom: 16px;}
}

/*ACERCA*/
.acerca {padding: 120px 0; background: #F8F8F8; overflow: hidden;}
.acerca__title {margin-bottom: 60px;}
.acerca__title strong {color: var(--violetQM);}
.acerca__intro {display: flex; gap: 30px; margin-bottom: 60px;}
.acerca__text {font-family: var(--fontNu); font-size: 18px; font-weight: 500; line-height: 1.2;}
.acerca__text p {margin-bottom: 20px;}
.acerca__text p:last-child {margin-bottom: 0;}
.acerca__text-pic {display: none;}
.acerca__slider {cursor: grab;}
.acerca-pictures {display: none;}
@media screen and (max-width: 767px) {
    .acerca {padding: 40px 0;}
    .acerca__title {margin-bottom: 30px;}
    .acerca__intro {flex-direction: column; gap: 20px; margin-bottom: 20px;}
    .acerca__text {font-size: 14px;}
    .acerca__text-pic {display: flex; gap: 5px;}
    .acerca__text-pic img {height: 172px; object-fit: cover; object-position: center;}
    .acerca__text-pic figure:nth-child(1) {width: 60%;}
    .acerca__text-pic figure:nth-child(2) {width: 40%;}
    .acerca__slider {display: none;}
    .acerca-pictures {display: flex; flex-direction: column; gap: 9px;}
    .acerca-pictures img {width: 100%; object-fit: cover; object-position: center; height: 175px;}
    .acerca-pictures__group {display: flex; gap: 9px;}
    .acerca-pictures__group figure {width: 50%;}
    .acerca-pictures__group img {height: 252px;}
}

/*CLIENTES*/
.clientes {padding: 90px 0; background: linear-gradient(180deg, rgba(102, 125, 245, 0.00) 0%, #667DF5 100%), #1D1D1F;}
.clientes__title {color: var(--violetQM); margin-bottom: 16px;}
.clientes__text {color: #fff; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px; margin-bottom: 60px;}
.clientes__list {background: #fff; padding: 20px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px;}
.clientes__list li {height: 107px; display: flex; align-items: center; justify-content: center;}
@media screen and (max-width: 1024px) {
    .clientes__list {grid-template-columns: repeat(4, 1fr);}
}
@media screen and (max-width: 767px) {
    .clientes {padding: 40px 0;}
    .clientes__title {margin-bottom: 10px;}
    .clientes__text {font-size: 18px; letter-spacing: -0.18px; margin-bottom: 20px;}
    .clientes__list {grid-template-columns: repeat(3, 1fr); padding: 10px; gap: 10px;}
}

/*PORQUE*/
.porque {padding: 120px 0;}
.porque__content {display: flex; gap: 20px; justify-content: space-between;}
.porque__data {width: 100%; max-width: 460px;}
.porque__title {margin-bottom: 40px;}
.porque__title span {display: block;}
.porque__title strong {color: var(--violetQM);}
.porque__list li {position: relative; padding-left: 25px; font-size: 20px; font-family: var(--fontNu); font-weight: 700; line-height: 1.2; margin-bottom: 20px;}
.porque__list li:last-child {margin-bottom: 0;}
.porque__list li:before {content: ""; display: block; width: 6px; height: 6px; border-radius: 100%; background: var(--blackQM); position: absolute; left: 5px; top: 9px;}
.porque__image {width: 100%; max-width: 574px;}
@media screen and (max-width: 900px) {
    .porque__content {flex-direction: column; justify-content: flex-start;}
    .porque__data {max-width: 100%;}
    .porque__image {width: 100%; max-width: 100%;}
    .porque__image img {width: 100%;}
}
@media screen and (max-width: 767px) {
    .porque {padding: 40px 0;}
    .porque__title {margin-bottom: 20px;}
    .porque__list li {font-size: 16px; padding-left: 20px;}
    .porque__list li:before {left: 3px;}
}

/*IMPULSA*/
.impulsa {padding: 90px 0; background: url("../images/servicios/impulsa_bg.webp") no-repeat center top; background-size: cover;}
.impulsa__trigger {position: relative; top: -350px; width: 100%;}
.impulsa__title {margin-bottom: 20px;}
.impulsa__title span {display: block;}
.impulsa__title strong {color: var(--blueQM);}
.impulsa__text {font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px;}
@media screen and (max-width: 767px) {
    .impulsa {padding: 40px 0;}
    .impulsa__title span {display: inline;}
    .impulsa__text {font-size: 18px; font-weight: 700; line-height: 1.2; letter-spacing: -0.18px;}
}

/*ENFOQUE*/
.enfoque {padding: 90px 0;}
.enfoque__title {margin-bottom: 10px;}
.enfoque__title strong {color: var(--pinkQM);}
.enfoque__subtitle {margin-bottom: 48px; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px;}
.enfoque__list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 20px;}
.enfoque__list li {border: 1px solid #E4E4E4; background: #F7F7F7; backdrop-filter: blur(10px); padding: 40px;}
.enfoque__list-head {display: flex; gap: 15px; margin-bottom: 10px;}
.enfoque__list-num {display: inline-block; overflow: hidden; text-indent: -5000px;}
.enfoque__list-blue {background: url("../images/layout/1.svg") no-repeat; width: 44px; height: 52px; background-size: contain;}
.enfoque__list-pink {background: url("../images/layout/2.svg") no-repeat; width: 59px; height: 53px; background-size: contain;}
.enfoque__list-violet {background: url("../images/layout/3.svg") no-repeat; width: 59px; height: 52px; background-size: contain;}
.enfoque__list-title {font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px;}
.enfoque__list-text {font-family: var(--fontNu); font-size: 20px; font-weight: 700; line-height: 1.2;}
.enfoque__resultado { padding: 40px 60px; background: var(--blackQM); color: #fff; backdrop-filter: blur(10px); font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -0.1px;}
.enfoque__resultado strong {color: var(--pinkQM);}
@media screen and (max-width: 1000px) {
    .enfoque__list {grid-template-columns: 1fr;}
}
@media screen and (max-width: 767px) {
    .enfoque {padding: 40px 0; background: linear-gradient(180deg, #E6E6E6 0%, #FFF 43.09%);}
    .enfoque__title {margin-bottom: 16px;}
    .enfoque__subtitle {margin-bottom: 20px; font-size: 18px; line-height: 1.1; letter-spacing: -0.18px;}
    .enfoque__list li {padding: 30px 20px;}
    .enfoque__list-head {align-items: center;}
    .enfoque__list-blue {width: 32px; height: 38px;}
    .enfoque__list-pink {width: 43px; height: 39px;}
    .enfoque__list-violet {width: 43px; height: 38px;}
    .enfoque__list-title {font-size: 18px; line-height: 1.1; letter-spacing: -0.18px;}
    .enfoque__list-title br {display: none;}
    .enfoque__list-text {font-size: 14px;}
    .enfoque__resultado {font-size: 16px; line-height: 1.1; letter-spacing: -0.08px; padding: 20px;}
    .enfoque__resultado strong {display: block; margin-bottom: 10px;}
}

/*LISTO*/
.listo { background: var(--blackQM) url("../images/servicios/listo_bg.webp") no-repeat center bottom; background-size: cover; padding: 120px 0 160px 0; color: #fff;}
.listo__content {display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.listo__title strong {color: var(--violetQM); display: block;}
.listo__cta {width: 309px;}
.listo__cta .btn {width: 100%;}
.listo__leyend {margin-top: 15px;}
.listo__leyend strong {display: block;}
/**/
.listo--vender {padding: 40px 0 160px 0;}
.listo--vender .listo__content {justify-content: center; gap: 60px;}
.listo--vender .listo__title strong {color: var(--pinkQM); display: block;}
@media screen and (max-width: 1100px) {
    .listo__content {flex-direction: column;}
}
@media screen and (max-width: 767px) {
    .listo {padding: 20px 0 40px 0;}
    .listo__content {gap: 27px;}
    .listo__title {text-align: center;}
    .listo__title strong {display: inline;}
    /**/
    .listo--vender .listo__content {gap: 27px;}
    .listo--vender .listo__title strong {max-width: 280px; margin: 0 auto;}
}

/*NUMEROS*/
.numeros {padding: 60px 0;}
.numeros__cards {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.numeros__cards li {border-bottom: 10px solid #F3F3F3; padding: 40px 30px;}
.numeros__num {margin-bottom: 16px; font-size: 88px; font-weight: 700; line-height: 72px;}
.numeros__text {font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -0.1px; color: var(--blackQM3);}
.numeros__blue {color: var(--blueQM);}
.numeros__pink {color: var(--pinkQM);}
.numeros__pink2 {color: var(--pinkQM2);}
.numeros__violet {color: var(--violetQM);}
.numeros__red {color: var(--redQM2);}
@media screen and (max-width: 960px) {
    .numeros__cards {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 767px) {
    .numeros {padding: 40px 0;}
    .numeros__cards li {border-bottom: 6px solid #F3F3F3; padding: 20px;}
    .numeros__num {margin-bottom: 10px; font-size: 60px; letter-spacing: -0.08px;}
    .numeros__text {font-size: 16px; letter-spacing: -0.08px;}
}

/*HOME CASOS DE ESTUDIO*/
.cases__hero {padding: 77px 0;}
.cases__title {font-size: 32px; font-weight: 700; line-height: 1.2; letter-spacing: -0.32px; text-align: center;}
.cases__title strong {color: var(--blueQM);}
.cases__title span {color: var(--violetQM);}
/**/
.cases {padding: 74px 0; background: #F9F9F9;}
.cases__list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px 20px;}
.cases__list figure {position: relative; overflow: hidden; transition: all .3s ease;}
.cases__list figure img {object-fit: cover; object-position: center; width: 100%; height: auto; aspect-ratio: 573/312; transition: all .3s ease;}
.cases__list figure:before {content: ""; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(29, 29, 31, 0.77) 0%, rgba(29, 29, 31, 0.77) 100%); position: absolute; left: 0; top: 0; z-index: 1; opacity: 0;}
.cases__list .btn {position: absolute; padding-top: 15px; padding-bottom: 15px; left: 50%; top: 50%; transform: translate(-50%,-50%); min-width: 0; z-index: 2; transition: all .6s ease; opacity: 0;}
.cases__list a:hover figure:before {opacity: 1;}
.cases__list a:hover figure .btn {transform: translate(-50%,-50%); opacity: 1;}
.cases__list a:hover figure img {transform: scale(1.03);}

/**/
.nbw-name {padding-top: 20px;}
.nbw-name h4 {color: var(--blackQM3); font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px; margin-bottom: 10px; transform: translateY(0); transition: all .3s ease;}
.nbw-name p {color: var(--blackQM3); font-size: 18px; font-family: var(--fontNu); font-weight: 500; line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; transform: translateY(0); transition: all .3s ease;}
.cases__list a:hover .nbw-name h4 {transform: translateY(5px);}
.cases__list a:hover .nbw-name p {transform: translateY(7px);}
@media screen and (max-width: 767px) {
    .cases__hero {padding: 40px 0;}
    .cases__title {font-size: 24px; line-height: 1.1;}
    .cases {padding: 40px 0;}
    .cases__list {grid-template-columns: 1fr; gap: 30px;}
    .nbw-name {padding-top: 10px;}
    .nbw-name h4 {font-size: 16px;}
    .nbw-name p {font-size: 14px;}
}

/* OLD CASOS */
.CasosGral {padding-top: 74px;}
.CasosGral H1, .CasosGral H2, .CasosGral H3 { text-align: left;}
.CasosGral H2, .CasosGral H3, .CasosGral H4, .CasosGral H5 { line-height: 1em; margin:0; padding:0; text-transform: none; }
.CasosGral H2 { font-size: 52px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase;}
.CasosGral H3 { font-size: 26px; text-transform: uppercase;}
.CasosGral H4 { font-size: 32px; margin-bottom:10px; font-weight: 700; text-transform: uppercase;}
.CasosGral H5 { font-size: 18px; margin-bottom:10px;}
.CasosGral P { font-size: 16px; line-height: 1.4em; margin-bottom: 20px;}
.CasosGral P a {color: #f03929;}
.CasosGral P a:hover {color: #4a4a4a;}
.CasosGral .mobile-dots ul {display: flex; justify-content: center; margin-top: 10px;}
.CasosGral .mobile-dots li {width: 10px; height: 10px; border-radius: 100%; background: #D6D6D6; margin: 5px 8px;}
.CasosGral .mobile-dots li.selected {background: #786a6a;}
.CasosGral BLOCKQUOTE, .CasosGral .contexto { width: 52%;}
.CasosGral BLOCKQUOTE { padding: 25px 0; margin-bottom: 20px;}
.CasosGral BLOCKQUOTE P { font-size: 28px; line-height: 1em; margin-bottom: 0;}
.CasosGral ARTICLE IMG { width: 100%; height: auto;}
.CasosGral .dispositivos-mbl { display: none;}
.CasosGral .contexto { padding-top: 60px;}
/*OLD CASOS FIX*/
.CasosGral .titulo-XY {padding-top: 263px;}
.CasosGral .Head {width: 52%; box-sizing: border-box;}
.CasosGral .dispositivos-dsk { float: right; width: 44%; position: absolute; right: 0px; top: 235px; z-index: 1;}
/*OLD CASOS MINI NAV*/
.InnerNav { position: fixed; top: 45%; width: 195px; height: 151px; z-index: 100000; overflow: hidden}
.InnerNav.Prev { left: 0;}
.InnerNav.Next { right: 0;}
.InnerNav .PrevBox {background: url(../images/work/prev-next.png) 0 0 no-repeat; width: 100%; height: 100%; position: absolute; left: -176px}
.InnerNav A { display: block; width: 100%; height: 100%;}
.InnerNav IMG { width: 82.5641%; height: auto; position: absolute; top: 6%; left: 0;}
.InnerNav .NextBox {background: url(../images/work/prev-next.png) -220px 0 no-repeat; width: 100%; height: 100%; position: absolute; right: -176px;}
.InnerNav .NextBox IMG {top: 6%; left: auto; right: 0}
/* VIDEO EXTERNO (youtube, vimeo) */
.videoexterno { padding-top:56.25%; position:relative;}
.videoexterno iframe { display:block; width:100%; height:100%; border:none; position:absolute; left:0; top:0;}
@media screen and (max-width: 966px){
    .CasosGral .titulo-XY {padding-top: 303px;}
}
@media screen and (max-width: 850px) {
    .CasosGral BLOCKQUOTE { width:100%;}
}
@media screen and (max-width: 767px) {
    .CasosGral H2 { font-size: 42px; line-height: 1em;}
	.CasosGral H3 { font-size: 26px; line-height: 1em; margin-bottom:20px;}
	.CasosGral H4 { font-size: 26px; line-height: 1em; margin-bottom:5px;}
    .CasosGral BLOCKQUOTE P { font-size: 26px;}
    .CasosGral BLOCKQUOTE, .CasosGral .contexto { width:100%;}
    .CasosGral .dispositivos-dsk { display: none;}
    .CasosGral .dispositivos-mbl { display: block; width: 65%; margin: 0 auto 20px; clear: both;}
    .CasosGral .contexto { padding-top: 0;}
    .CasosGral .titulo-XY {height: auto; padding-top: 280px;}
}
@media screen and (max-width: 750px) {
    .InnerNav {	display:none;}
}
@media screen and (max-width: 700px) {
    .CasosGral {padding-top: 0;}
    .CasosGral .Head { width: 100%; padding: 0; position: static;}
    .CasosGral .titulo-XY {height: auto; padding-top: 230px;}
}
@media screen and (max-width: 450px) {
    .tbl { display: none;}
    .mbl { display: block;}
	.CasosGral H2 { font-size: 42px; line-height: 1em;}
    .CasosGral H3 { font-size: 26px;}
	.CasosGral BLOCKQUOTE P { font-size: 26px}
    .CasosGral .titulo-XY { padding-top: 300px; }
}

/*OLD QMOTION*/
.QMotion .videoexterno, .QMotion .new-box-work figure { border-bottom: 1px solid #fff; }
.QMotion .new-box-work figure:after { display: none;}
.QMotion .credits { font-size: 1em; color: #4a4a4a; text-align: right; padding: 25px 0;}
.QMotion .credits p:before {content: ""; display: inline-block; background: url(../images/arrow.png) no-repeat; width: 7px; height: 7px; background-size: contain; margin-right: 8px;}
/*OLD BOX WORK*/
.new-box-work figure {display: block; position: relative; overflow: hidden;}
.new-box-work figure:after { content: ""; display: block; width: 53px; height: 30px; position: absolute; left: 90px; bottom: -1px; background: url(../images/muesca.svg) no-repeat; background-size: contain}
.QMDigital .new-box-work figure:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(11, 138, 198, 0.8); z-index: 1; opacity: 0; transition: all .3s ease;}
.QMDigital .new-box-work figure span {display: flex; justify-content: center; align-items: center; width: 132px; height: 55px; margin-left: -66px; margin-top: -27px; border-radius: 5px; position: absolute; left: 50%; top: 50%; z-index: 2; font-size: 20px; color: #fff; border: 1px solid #fff; text-transform: uppercase; transform: scale(2.5); opacity: 0; transition: all .3s ease;}
.QMDigital .new-box-work figure img {transition: all .3s ease;}
.QMDigital .new-box-work a:hover figure:before {opacity: 1;}
.QMDigital .new-box-work a:hover figure span {transform: scale(1); opacity: 1;}
.QMDigital .new-box-work a:hover figure img {transform: scale(1.1);}
.new-box-work .nbw-name {padding: 25px 0;}
.new-box-work h4 { text-transform: uppercase; font-size: 20px; color: #4a4a4a; line-height: 1.2; display: inline-block; margin-right: 20px;}
.new-box-work p { display: inline-block; font-size: 16px; color: #4a4a4a; line-height: 1.2;}
.new-box-work img { display:block; /*max-width:100%;*/ width:100%; height:auto; aspect-ratio: 525/286; object-fit: cover; object-position: center;}
.QMDigital .new-box-work a:hover h4,
.QMDigital .new-box-work a:hover p {color: #f03929;}
@media screen and (max-width: 640px) {
    .QMDigital .new-box-work li { width: 100%; margin-right: 0%; float: none;}
}
@media screen and (max-width: 450px) {
    .new-box-work h4 { font-size: 16px;}
    .new-box-work p { font-size: 14px;}
}
@media screen and (max-width: 414px) {
	.new-box-work figure:after {left: 45px; width: 40px; height: 23px;}
	.new-box-work h4 {display: block; margin-right: 0; font-size: 16px;}
}

/*CASOS*/
.case-head {padding: 60px 0;}
.case-title {font-size: 60px; font-weight: 700; line-height: 1.2; letter-spacing: -1.5px; margin-bottom: 10px;}
.case-subtitle {font-size: 32px; font-weight: 700; line-height: 1.2; letter-spacing: -0.32px;}
/**/
.case-hero img {width: 100%; max-height: 520px; object-fit: cover; object-position: center;}
/**/
.case-info {padding: 60px 0;}
.case-info .container {display: flex; justify-content: space-between; gap: 20px;}
.case-position {position: sticky; top: 20px;}
.case-aside {width: 368px; padding: 20px 0 0 0;}
.case-aside__intro {color: #000; font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -0.1px; margin-bottom: 30px;}
.case-aside__title {color: #000; font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -0.1px; margin-bottom: 10px;}
.case-highlights {display: flex; flex-direction: column; gap: 10px;}
.case-highlights li {border-bottom: 2px solid #F3F3F3; padding: 6px 0; display: flex; align-items: center; gap: 10px;}
.case-highlights__value {font-size: 40px; font-weight: 700; line-height: 1.5; letter-spacing: -1px;}
.case-highlights__value span {font-size: 20px; letter-spacing: -1px;}
.case-highlights__text {color: var(--blackQM3); font-size: 14px; font-weight: 700; line-height: 1.2; letter-spacing: -0.07px; max-width: 180px;}
.case__blue {color: var(--blueQM);}
.case__pink {color: var(--pinkQM);}
.case__pink2 {color: var(--pinkQM2);}
.case__violet {color: var(--violetQM);}
/**/
.case-content {width: 722px;}
.case-row {padding: 20px 0; border-bottom: 1px solid #D3D3D3; display: flex; gap: 10px;}
.case-chead {width: 170px; flex-shrink: 0;}
.case-chead h4 {color: #000; font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -0.1px; word-wrap: break-word}
.case-ctext {max-width: 542px;}
.case-ctext p {color: #000; font-size: 18px; font-family: var(--fontNu); font-weight: 500; line-height: 1.2; margin-bottom: 20px;}
.case-ctext p:last-child {margin-bottom: 0;}
.case-ctext h5 {font-family: var(--fontNu); font-size: 16px; font-weight: 700; line-height: 1.2; text-transform: uppercase; margin-bottom: 10px;}
.case-ctext li {position: relative; padding-left: 20px; font-family: var(--fontNu); font-size: 18px; font-weight: 500; line-height: 1.2;}
.case-ctext li:before {content: ""; width: 6px; height: 6px; border-radius: 100%; background: #000; position: absolute; left: 3px; top: 7px;}
.case-row-title {color: #000; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px; margin-top: 20px;}
.case-row--important h4 {color: var(--blueQM);}
.case-row--important p {color: var(--blueQM); font-size: 20px;}
/**/
.case-pics img {object-fit: cover; object-position: center;}
.case-pics__content {display: flex; flex-direction: column; gap: 20px;}
.case-pics__2 {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
/**/
.case-testimonial {padding: 90px 0; background: url("../images/home/testimonios_bg.webp") no-repeat center top; background-size: cover;}
.case-testimonial__cols {display: flex; justify-content: space-between; gap: 20px;}
.case-testimonial__head {max-width: 500px;}
.case-testimonial__head-text {color: var(--darkQM2); font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px;}
.case-testimonial__head-title {color: var(--blackQM);}
.case-testimonial__head-title strong {color: var(--blueQM);}
.case-testimonial__content {width: 563px;}
.case-testimonial__card {padding: 40px; background: #FFF;}
.case-testimonial__logo {margin-bottom: 50px;}
.case-testimonial__text {color: var(--darkQM2); font-size: 18px; font-weight: 700; font-style: italic; line-height: 1.3; margin-bottom: 20px;}
/**/
.other-cases {padding: 74px 0; background: #F9F9F9;}
.other-cases__title {color: var(--darkQM2); margin-bottom: 40px; font-size: 32px; font-weight: 700; line-height: 1.2; letter-spacing: -0.32px;}
.other-cases__list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px;}
.other-cases__list a {display: block;}
.other-cases__list-image {margin-bottom: 20px; overflow: hidden;}
.other-cases__list-image img {width: 100%; max-height: 312px;}
.other-cases__list-title {color: var(--blackQM3); font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px; margin-bottom: 10px;}
.other-cases__list-text {color: var(--blackQM3); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; font-family: var(--fontNu); font-size: 18px; font-weight: 500; line-height: 1.2;}
@media screen and (max-width: 767px) {
    .case-head {padding: 36px 0 40px 0;}
    .case-title {font-size: 40px; margin-bottom: 0;}
    .case-subtitle {font-size: 24px; line-height: 1.1; letter-spacing: -0.24px;}
    /**/
    .case-info {padding: 0;}
    .case-info .container {flex-direction: column; justify-content: flex-start; gap: 0;}
    .case-position {position: static;}
    .case-aside {width: 100%; padding: 40px 0;}
    .case-aside__intro {font-size: 16px; letter-spacing: -0.08px; margin-bottom: 20px;}
    .case-aside__title {font-size: 16px;}
    .case-highlights__text {max-width: 54%;}
    /**/
    .case-content {width: 100%; padding-bottom: 40px;}
    .case-row {padding: 16px 0;}
    .case-chead {width: 120px;}
    .case-chead h4 {font-size: 16px; letter-spacing: -0.08px;}
    .case-ctext p {font-size: 14px;}
    .case-ctext h5 {font-size: 14px;}
    .case-ctext li {padding-left: 15px; font-size: 14px;}
    .case-ctext li:before {width: 5px; height: 5px; left: 3px; top: 6px;}
    .case-row-title {font-size: 18px; letter-spacing: -0.18px; margin-top: 16px;}
    .case-row--important p {font-size: 16px; font-weight: 700;}
    /**/
    .case-pics__content {gap: 12px;}
    .case-pics__2 {gap: 12px;}
    /**/
    .case-testimonial {padding: 40px 0; background-size: cover;}
    .case-testimonial__cols {flex-direction: column; justify-content: flex-start; gap: 30px;}
    .case-testimonial__head {max-width: 100%;}
    .case-testimonial__head-text {font-size: 18px; letter-spacing: -0.18px;}
    .case-testimonial__content {width: 100%;}
    .case-testimonial__card {padding: 30px;}
    .case-testimonial__logo {margin-bottom: 40px;}
    .case-testimonial__text {font-size: 14px;}
    /**/
    .other-cases {padding: 40px 0;}
    .other-cases__title {margin-bottom: 20px; font-size: 24px; letter-spacing: -0.24px;}
    .other-cases__list {display: grid; grid-template-columns: 1fr; gap: 40px;}
    .other-cases__list-image img {max-height: 200px;}
    .other-cases__list-title { font-size: 18px; letter-spacing: -0.18px;}
    .other-cases__list-text {font-size: 14px;}
}

/*GOTO MARKET*/
.hero--goto {background: var(--darkQM);}
.hero--goto .hero__content {padding: 70px 0 118px 0; align-items: flex-start;}
.hero--goto .hero__data {max-width: 578px; padding-top: 38px;}
.hero--goto .hero__title {background: linear-gradient(92deg, #667DF5 -26.91%, #AF8AF8 7.3%, #EA95FB 41.5%, #CD54A1 75.71%, #E1251B 109.92%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 13px;}
.hero--goto .hero__text {max-width: 100%;}
.hero--goto .home-hero__media {max-width: 482px;}
@media screen and (max-width: 960px) {
    .hero--goto .hero__content {flex-direction: column; align-items: center; justify-content: flex-start;}
    .hero--goto .hero__data {max-width: 100%; text-align: center;}
}
@media screen and (max-width: 767px) {
    .hero--goto .hero__content {padding-top: 36px; padding-bottom: 47px;}
    .hero--goto .hero__title {font-size: 40px; max-width: 340px;}
}

/*CRECER*/
.crecer {padding: 120px 0; background: var(--blackQM);}
.crecer__cont {display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.crecer__content {width: 566px; color: #fff;}
.crecer__title {margin-bottom: 20px;}
.crecer__text {margin-bottom: 20px;}
.crecer__text p {font-size: 18px; font-family: var(--fontNu); font-weight: 500; line-height: 1.2; margin-bottom: 20px;}
.crecer__text p:last-child {margin-bottom: 0;}
.crecer__text strong {color: var(--violetQM); font-size: 20px;}
.crecer__cta {max-width: 309px;}
.crecer__cta .btn {width: 100%;}
.crecer__leyend {margin-top: 15px;}
.crecer__leyend strong {display: block;}
.crecer__image {width: 558px;}
@media screen and (max-width: 960px) {
    .crecer__cont {flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 40px;}
    .crecer__content {width: 100%;}
    .crecer__cta {margin: 0 auto;}
    .crecer__image {width: 100%; text-align: center;}
}
@media screen and (max-width: 767px) {
    .crecer {padding: 40px 0;}
    .crecer__title {margin-bottom: 16px;}
    .crecer__text {margin-bottom: 66px;}
    .crecer__text p {font-size: 14px;}
    .crecer__text strong {font-size: 16px;}
}

/*DESAFIOS*/
.desafios {padding: 90px 0 60px 0; background: linear-gradient(180deg, #F2F2F2 0%, #FFF 100%);}
.desafios__title {margin-bottom: 60px;}
.desafios__title strong {color: var(--violetQM);}
.desafios__list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; padding: 70px; background: #fff;}
.desafios__head {margin-bottom: 4px; display: flex; gap: 20px;}
.desafios__icon {width: 51px; flex-shrink: 0}
.desafios__content {max-width: 227px; margin-left: 71px;}
.desafios__content-title {color: #333; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px; max-width: 227px;}
.desafios__content-text {color: #333; font-family: var(--fontNu); font-weight: 500; line-height: 1.2; font-size: 16px;}
@media screen and (max-width: 1100px) {
    .desafios__list {padding: 30px;}
}
@media screen and (max-width: 960px) {
    .desafios__list {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 767px) {
    .desafios {padding: 40px 0;}
    .desafios__title {margin-bottom: 30px; max-width: 100%;}
    .desafios__list { grid-template-columns: 1fr; gap: 16px; padding: 0 16px;}
    .desafios__list li {padding: 10px 0;}
    .desafios__head {gap: 10px; align-items: center; margin-bottom: 10px;}
    .desafios__icon {width: auto;}
    .desafios__icon-1 img {width: 30px}
    .desafios__icon-2 img {width: 30px}
    .desafios__icon-3 img {width: 30px}
    .desafios__icon-4 img {width: 30px}
    .desafios__icon-5 img {width: 30px}
    .desafios__icon-6 img {width: 30px}
    .desafios__content {max-width: 100%; margin-left: 0;}
    .desafios__content-title {font-size: 18px; max-width: 100%;}
    .desafios__content-text {font-size: 14px;}
}

/*SOLUCION*/
.solucion {padding: 90px 0; background: linear-gradient(180deg, #F2F2F2 0%, #FFF 100%);}
.solucion__title {margin-bottom: 10px;}
.solucion__title strong {color: var(--violetQM);}
.solucion__subtitle {font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -0.1px; margin-bottom: 30px;}
.solucion__list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.solucion__list-card {padding: 40px; border: 1px solid #E4E4E4; background: #FFF;}
.solucion__list-head {margin-bottom: 24px;}
.solucion__list-num {margin-bottom: 10px; display: inline-block; overflow: hidden; text-indent: -5000px;}
.solucion__list-num--blue {background: url("../images/layout/1.svg") no-repeat; width: 38px; height: 45px; background-size: contain;}
.solucion__list-num--pink {background: url("../images/layout/2.svg") no-repeat; width: 51px; height: 46px; background-size: contain;}
.solucion__list-num--violet {background: url("../images/layout/3.svg") no-repeat; width: 51px; height: 45px; background-size: contain;}
.solucion__list-title {color: #000; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px;  margin-right: -5px;}
.solucion__list-content {color: #000; line-height: 1.2; font-weight: 500; font-size: 18px; font-family: var(--fontNu);}
.solucion__list-content p {margin-bottom: 20px;}
.solucion__list-content p:last-child {margin-bottom: 0;}
.solucion__list-content ul {margin-bottom: 20px;}
.solucion__list-content li {position: relative; padding-left: 25px; margin-bottom: 2px;}
.solucion__list-content li:last-child {margin-bottom: 0;}
.solucion__list-content li:before {content: ""; width: 6px; height: 6px; background: #000; border-radius: 100%; position: absolute; left: 7px; top: 7px;}
@media screen and (max-width: 960px) {
    .solucion__list {grid-template-columns: 1fr; gap: 20px;}
    .solucion__list-head {display: flex; align-items: center; gap: 10px;}
    .solucion__list-num {margin-bottom: 0;}
}
@media screen and (max-width: 767px) {
    .solucion {padding: 40px 0;}
    .solucion__title {margin-bottom: 10px; max-width: 290px;}
    .solucion__subtitle {font-size: 16px; margin-bottom: 40px;}
    .solucion__list-card {padding: 30px 20px; border: 1px solid #E4E4E4; background: rgba(255, 255, 255, 0.32);}
    .solucion__list-head {margin-bottom: 10px;}
    .solucion__list-num--blue {width: 32px; height: 38px;}
    .solucion__list-num--pink {width: 43px; height: 39px;}
    .solucion__list-num--violet {width: 43px; height: 38px;}
    .solucion__list-title {font-size: 18px; letter-spacing: -0.18px;}
    .solucion__list-content {font-size: 14px;}
}

/*HERRAMIENTAS*/
.herramientas {padding: 42px 0 60px 0; overflow: hidden;}
.herramientas__title {margin-bottom: 16px; text-align: center;}
.herramientas__title strong {color: var(--violetQM);}
.herramientas__slider .swiper-slide {width: 200px;}
@media screen and (max-width: 767px) {
    .herramientas {padding: 40px 0;}
    .herramientas__title {margin-bottom: 40px; text-align: left;}
    .herramientas__slider .swiper-slide {width: 120px;}
}

/*POTENCIAREMOS*/
.potenciaremos {padding: 90px 0; background: var(--blackQM); color: #fff;}
.potenciaremos__title {margin-bottom: 60px;}
.potenciaremos__list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 30px;}
.potenciaremos__list li {background: linear-gradient(to bottom, rgba(102,102,102,1) 0%,rgba(0,0,0,0) 100%); padding: 1px 1px 0 1px; backdrop-filter: blur(10px);}
.potenciaremos__card {background: var(--blackQM); padding: 40px; height: 100%;}
.potenciaremos__icon {margin-bottom: 24px;}
.potenciaremos__text {font-family: var(--fontNu); font-size: 18px; font-weight: 500; line-height: 1.2;}
.potenciaremos__cta {text-align: center; margin: 0 auto; max-width: 309px;}
.potenciaremos__cta .btn {width: 100%;}
.potenciaremos__leyend {margin-top: 15px;}
.potenciaremos__leyend strong {display: block;}
@media screen and (max-width: 767px) {
    .potenciaremos {padding: 40px 0;}
    .potenciaremos__title {margin-bottom: 30px;}
    .potenciaremos__list {grid-template-columns: 1fr; gap: 16px;}
    .potenciaremos__card {padding: 30px; height: auto;}
    .potenciaremos__icon {margin-bottom: 16px;}
    .potenciaremos__text {font-size: 14px;}
}

/*PARTNER*/
.partner {padding: 120px 0; color: #fff; text-align: center; background: url("../images/goto-market/partner-bg.webp") no-repeat, linear-gradient(90deg, #667DF5 0%, #CD54A1 48.08%, #E1251B 100%); background-blend-mode: multiply, normal; background-size: cover, auto;}
.partner__title {margin-bottom: 28px;}
.partner__text {font-family: var(--fontNu); font-size: 20px; font-weight: 700; line-height: 1.2;}
.partner__text p {margin-bottom: 20px;}
.partner__text p:last-child {margin-bottom: 0;}
@media screen and (max-width: 767px) {
    .partner {padding: 40px 0;}
    .partner__title {margin-bottom: 16px;}
    .partner__text {font-size: 18px;}
}

/*FAQ*/
.respuestas {padding: 90px 0; background: var(--blackQM);}
.respuestas__title {color: #fff; margin-bottom: 60px;}
.respuestas__title strong {color: var(--blueQM);}
.respuestas__accordion {background: #F8F8F8; padding: 60px 80px;}
.respuestas__accordion-group {border-bottom: 1px solid #E4E4E4; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15) inset; padding: 20px 0;}
.respuestas__accordion-title {padding: 0 15px; font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -0.1px; cursor: pointer; display: flex; align-items: center; gap: 16px;}
.respuestas__accordion-title .icon {width: 24px; height: 24px; position: relative; flex-shrink: 0;}
.respuestas__accordion-title .icon:after {content: ""; width: 14px; border-top: 2px solid var(--blueQM); position: absolute; left: 5px; top: 12px; transition: all .3s ease;}
.respuestas__accordion-title .icon:before {content: ""; width: 14px; border-top: 2px solid var(--blueQM); position: absolute; left: 5px; top: 12px; transform: rotate(90deg); transition: all .3s ease;}
.respuestas__accordion-group.js-open .icon:after {border-color: var(--pinkQM);}
.respuestas__accordion-group.js-open .icon:before {opacity: 0;}
.respuestas__accordion-content {padding: 24px 0 0 41px; display: none;}
.respuestas__accordion-content p,
.blog-content .respuestas__accordion-content p {padding-left: 10px; font-family: var(--fontNu); font-size: 18px; font-weight: 500; line-height: 1.2; border-left: 2px solid var(--pinkQM);}
@media screen and (max-width: 767px) {
    .respuestas {padding: 40px 0;}
    .respuestas__title {margin-bottom: 30px;}
    .respuestas__accordion {padding: 20px 16px 30px 16px;}
    .respuestas__accordion-group {padding: 16px 0;}
    .respuestas__accordion-title {padding: 0; font-size: 16px; letter-spacing: -0.08px;}
    .respuestas__accordion-content {padding: 10px 0 0 41px; display: none;}
    .respuestas__accordion-content p,
    .blog-content .respuestas__accordion-content p {font-size: 16px;}
}

/*INSIGHTS*/
.blog-head {padding: 77px 0;}
.blog-head__title {font-size: 32px; font-weight: 700; line-height: 1.2; letter-spacing: -0.32px;}
.blog-head__title strong {color: var(--violetQM);}
/*OLD BLOG HOME*/
#blog-home .blog-interactive { position: relative; padding-bottom: 74px; background: #F6F6F6;}
/**/
#blog-home .blog-interactive ul.blog-menu { display: table; margin: 0 auto;}
#blog-home .blog-interactive ul.blog-menu li { text-transform: uppercase; float: left; display: inline-block; font-size: 16px; padding-right: 16px; padding-left: 16px; cursor: pointer; position: relative; font-weight: 700; font-family: var(--fontNu); line-height: 1.2;}
#blog-home .blog-interactive ul.blog-menu li:before {content: ""; display: block; height: 15px; width: 1px; background: url(../images/insights/line-menu-blog.svg) no-repeat center right; position: absolute; left: 0; top: 50%; margin-top: -8px;}
#blog-home .blog-interactive ul.blog-menu li:first-child:before {display: none;}
#blog-home .blog-interactive ul.blog-menu li:hover { color: var(--blueQM);}
#blog-home .blog-interactive ul.blog-menu li:first-child { padding-left: 0;}
#blog-home .blog-interactive ul.blog-menu li:last-child { background: none;}
#blog-home .blog-interactive ul.blog-menu li span {display: inline-block; border: 1px solid transparent; padding: 6px 8px; font-weight: 800;}
#blog-home .blog-interactive ul.blog-menu li.qm-active {color: var(--blueQM);}
#blog-home .blog-interactive ul.blog-menu li.qm-active span {border: 1px solid var(--blueQM);}
/**/
#blog-home .blog-interactive ul.blog-news {margin-left: -1%; margin-right: -1%; display: flex; flex-wrap: wrap;}
#blog-home .blog-interactive ul.blog-news li { width: 33.33%; box-sizing: border-box; padding-left: 1%; padding-right: 1%; margin-bottom: 60px; position: relative; }
#blog-home .blog-interactive ul.blog-news li a { display: block;}
#blog-home .blog-interactive ul.blog-news li a h3 { text-transform: uppercase; font-weight: 800; font-size: 20px; margin-top: 15px; color: #1b3b41; line-height: 1.2; transition: all .3s ease;}
#blog-home .blog-interactive ul.blog-news li figure {overflow: hidden; position: relative;}
#blog-home .blog-interactive ul.blog-news li figure img {transition: all .3s ease}
#blog-home .blog-interactive ul.blog-news li figure:after {content: ""; display: block; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(29, 29, 31, 0.80) 0%, rgba(29, 29, 31, 0.80) 100%); position: absolute; left: 0; top: 0; opacity: 0; transition: all .3s ease;}
#blog-home .blog-interactive ul.blog-news li .btn {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all .3s ease; z-index: 2;}
#blog-home .blog-interactive ul.blog-news li:hover a h3 { color: var(--blueQM); transform: translateY(4px)}
#blog-home .blog-interactive ul.blog-news li:hover img {transform: scale(1.1);}
#blog-home .blog-interactive ul.blog-news li:hover figure:after {opacity: 1;}
#blog-home .blog-interactive ul.blog-news li:hover .btn {translate(-50%, -50%); opacity: 1;}
/**/
#blog-home .blog-interactive .blog-menu-container {max-width: 100%; padding: 45px 0;}
#blog-home .blog-interactive .blog-filter__container {position: relative;}
#blog-home .blog-interactive .blog-menu-container h4 {display: none;}
@media screen and (max-width: 1100px){
	#blog-home .blog-interactive .blog-menu-container {position: relative; max-width: 400px; margin: 0 auto; z-index: 100;}
	#blog-home .blog-interactive .blog-menu-container h4 {display: flex; align-items: center; color: var(--violetQM); padding: 20px; text-transform: uppercase; font-size: 16px; cursor: pointer; position: relative; background: #fff; font-weight: 700;}
	#blog-home .blog-interactive .blog-menu-container h4:after {content: ""; display: block; width: 28px; height: 16px; background: url(../images/insights/dropdown-arrow.svg) no-repeat; background-size: contain; position: absolute; top: 10px; right: 10px; transform: rotate(-90deg)}
    /**/
    #blog-home .blog-interactive ul.blog-menu { display: none; width: 100%; padding: 0 20px 20px 20px; position: absolute; left: 0; top: 100%; background: #fff;}
    #blog-home .blog-interactive ul.blog-menu li { display: block; float: none; background: none !important; padding: 5px 0 !important;}
	#blog-home .blog-interactive ul.blog-menu li:before {display: none;}
	#blog-home .blog-interactive ul.blog-menu li span {padding-left: 0;}
	#blog-home .blog-interactive ul.blog-menu li.qm-active span {border-color: transparent;}
}
@media screen and (max-width: 767px){
    .blog-head {padding: 40px 0;}
    .blog-head__title {font-size: 24px;}
    #blog-home .blog-interactive {padding-bottom: 30px;}
    #blog-home .blog-interactive .blog-menu-container {padding: 20px 0;}
    #blog-home .blog-interactive .blog-menu-container h4 {font-size: 14px;}
    #blog-home .blog-interactive ul.blog-news { margin-left: -2%; margin-right: -2%;}
    #blog-home .blog-interactive ul.blog-news li { width: 50%; padding-left: 2%; padding-right: 2%; margin-bottom: 30px; font-size: 14px;}
    #blog-home .blog-interactive ul.blog-news li:nth-child {margin-bottom: 0;}
    #blog-home .blog-interactive ul.blog-news li:nth-last-child(2) {margin-bottom: 0;}
    #blog-home .blog-interactive ul.blog-news li a h3 {font-size: 16px;}
}
@media screen and (max-width: 450px){
    #blog-home .blog-interactive ul.blog-news li a h3 { font-size: 14px;}
}
@media screen and (max-width: 380px){
    #blog-home .blog-interactive ul.blog-news { margin-left: 0; margin-right: 0;}
    #blog-home .blog-interactive ul.blog-news li { width: 100%; padding-left: 0; padding-right: 0;}
    #blog-home .blog-interactive ul.blog-news li:nth-last-child(2) {margin-bottom: 30px;}
}

/*INSIGHTS PAGES*/
/*OLD BLOG*/
.blog-page { background: #f2f2f2; width: 100%; float: left;}
.blog-page .qm-rojo {color: var(--blueQM);}
.clear {clear: both;}
/**/
.blog-breadcrumb { padding: 15px 0 0 0; background: #fff;}
.blog-breadcrumb ul li {text-transform: uppercase; font-weight: 700;}
.blog-breadcrumb ul li,
.blog-breadcrumb a {color: var(--blackQM);}
.blog-breadcrumb a.blog-link { text-transform: uppercase;}
.blog-breadcrumb ul li { float: left; display: inline-block; font-size: 14px; background: url(../images/insights/line-breadcrumb.svg) no-repeat center right; padding-right: 10px; padding-left: 10px; padding-top: 2px;}
.blog-breadcrumb ul li a:hover { color: var(--blueQM);}
.blog-breadcrumb ul li:first-child { padding-left: 0;}
.blog-breadcrumb ul li:last-child { background: none; }
.blog-breadcrumb a.blog-link { float: right; font-size: 14px; background: url(../images/insights/right_rojo_xs.svg) no-repeat top 1px right 12px; background-size: auto 12px; padding-right: 20px; transition: 0.3s linear;}
.blog-breadcrumb a.blog-link:hover{ background-position-x: right;}
/**/
.blog-link { font-size: 20px; line-height:1; display: inline-block; background: url(../images/insights/right_rojo_xs.svg) no-repeat top 5px right 12px; background-size: auto 12px; padding-right: 20px; transition: 0.3s linear; color: var(--redQM);}
.blog-link:hover{ background-position-x: right;}
/**/
.blog-page .Head { background: #fff; padding-bottom: 40px;}
.blog-page .Head h1 {font-size: 54px; line-height: 1.2; text-transform: uppercase; text-align: center; padding-bottom: 20px; padding-top: 40px; font-weight: 700;}
.blog-page .Head h1 .blog-h1 { padding-top: 30px; display: block;}
.blog-page .Head p.bajada {font-size: 22px; line-height: 1.2; text-align: center; padding-bottom: 40px;}
.blog-page .Head p.bajada a {text-decoration: underline;}
.blog-page .Head ul.blog-section-and-date li { font-size: 16px; line-height: 1.2em; text-align: center; color: #4a4a4a; text-transform: uppercase;}
.blog-page .Head ul.blog-section-and-date li:last-child { margin-bottom: 0px;}
/**/
.blog-content { position: relative; padding-top: 60px;}
.blog-content .alignleft {float: left; margin-right: 20px;}
.blog-content .alignright {float: right; margin-left: 20px;}
.blog-content figure { margin-bottom: 30px; display: block;}
.blog-content figure img { max-width: 100%;}
.blog-content figure figcaption { font-size: 14px; line-height: 1.1; padding-top: 10px; color: #999;}
.blog-content figure figcaption a { color: #999; text-decoration:underline;}
.blog-content .feature-image img {width: 100%; height: auto;}
.blog-content .video {position: relative; padding-bottom: 56.25%; height: 0; margin-bottom: 80px;}
.blog-content .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.blog-content .video figcaption {position: absolute; left: 0; bottom: -30px; z-index: 2;}
.blog-content .grid-x1-single {width: 25%;}
.blog-content .grid-x2-single {width: 50%;}
.blog-content .grid-x3-single {width: 75%;}
.blog-content .grid-x3 {list-style: none; display: flex; justify-content: space-between; width: 75%;}
.blog-content .grid-x3 li {list-style: none; margin-left: 25px;}
.blog-content .grid-x3 li:first-child {margin-left: 0;}
.blog-content .grid-x3 li img {max-width: 100%;}
.blog-content .grid-x4 {list-style: none; display: flex; justify-content: space-between; width: 100%;}
.blog-content .grid-x4 li {list-style: none; margin-left: 25px;}
.blog-content .grid-x4 li:first-child {margin-left: 0;}
.blog-content .grid-x4 li img {max-width: 100%;}
.blog-content .img-x2 {display: flex;}
.blog-content p,
.blog-content ul li,
.blog-content ol li,
.blog-content a:not(.btn) { font-size: 22px; line-height: 1.4;}
.blog-content p:not(.respuestas__accordion-content p),
.blog-content ul li,
.blog-content ol li { padding-bottom:30px;}
.blog-content ul li,
.blog-content ol li { margin-left:30px;}
.blog-content ul li { list-style:disc;}
.blog-content ol li { list-style:decimal;}
.blog-content li figure {margin-left: -30px;}
.blog-content a:not(.btn) {color: var(--redQM); word-break: break-all;}
.blog-content h3 {font-size: 36px; margin-bottom: 30px;}
.blog-content .blog-author {font-size: 16px;}
/**/
.blog-footer { position: relative; padding-bottom: 115px;}
/**/
.blog-creditos { font-size:1.2em; line-height:1.4em; padding:10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom:20px;}
.blog-creditos figure { float:left; border-radius: 50%; width: 70px; height: 70px; border: 1px solid #ccc;}
.blog-creditos figure img { padding: 22px 10px; width: 70px;}
.blog-creditos .content-creditos { float:left; padding:18px 10px;}
/**/
.blog-share { padding:10px; background:#e3e3e3; margin-bottom:20px; display: flex; justify-content: space-between; align-items: center;}
.blog-share ul {display: flex; align-items: center;}
.blog-share ul li {margin-right:11px;}
.blog-share ul li p { font-size:1.2em; line-height:1em; padding:0 7px 0 0;}
.blog-share .fb-btn {width: 40px; height: 40px; overflow: hidden; background: url("../images/insights/icon-fb.svg") 0 0 no-repeat; background-size: contain;}
.blog-share .fb-btn:hover {background: url("../images/insights/icon-fb-hover.svg") 0 0 no-repeat; background-size: contain;}
.blog-share .fb-btn .fb-share-button {opacity: 0;}
.blog-share .tw-btn {width: 40px; height: 40px; overflow: hidden; background: url("../images/insights/icon-x.svg") 0 0 no-repeat; background-size: contain;}
.blog-share .tw-btn:hover {background: url("../images/insights/icon-x-hover.svg") 0 0 no-repeat; background-size: contain;}
.blog-share .tw-btn .twitter-share-button {opacity: 0;}
.blog-share .in-btn {width: 40px; height: 40px; overflow: hidden; background: url("../images/insights/icon-lk.svg") 0 0 no-repeat; background-size: contain;}
.blog-share .in-btn:hover {background: url("../images/insights/icon-lk-hover.svg") 0 0 no-repeat; background-size: contain;}
.blog-share .in-btn .IN-widget {opacity: 0; width: 40px; height: 40px;}
.blog-share .in-btn .IN-widget button {height: 40px !important;}
/**/
.videoyoutube { padding-top:56.25%; position:relative; margin-bottom:20px;}
.videoyoutube iframe { display:block; width:100%; height:100%; border:none; position:absolute; left:0; top:0;}
/**/
.related-post {padding-top: 60px;}
.related-post h3 {color: var(--blueQM); margin-bottom: 30px;}
.related-post ul {display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; column-gap: 15px;}
.related-post li {margin-bottom: 15px;}
.related-post li figure {margin-bottom: 15px; overflow: hidden; position: relative;}
.related-post li figure:after {content: ""; display: block; width: 100%; height: 100%; background: rgba(102, 125, 245, 0.8); position: absolute; left: 0; top: 0; opacity: 0; transition: all .3s ease;}
.related-post li img {width: 100%; transition: all .3s ease; object-fit: cover;}
.related-post li span {font-size: 22px; font-family: "Nunito", sans-serif; font-weight: 300; color: #fff; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-transform: uppercase; transform: scale(2.5); opacity: 0; transition: all .2s ease-in; z-index: 2;}
.related-post h4 {font-size: 23px; color: #000; line-height: 1.2; font-weight: 700; text-transform: uppercase;}
.related-post li:hover a h4 { color: var(--blueQM);}
.related-post li:hover img {transform: scale(1.1);}
.related-post li:hover figure:after {opacity: 1;}
.related-post li:hover span {transform: scale(1); opacity: 1;}
/**/
.blog-content .col-50-dsk { box-sizing: border-box; width: 50%; float: left; }
.blog-content .col-50-dsk .video figcaption { position: relative; padding-top: 53%; }
.blog-content .col-50-dsk .ml-dsk { margin-left: 30px; }
.blog-content .col-50-dsk .mr-dsk { margin-right: 30px; }
.blog-content .col-50-dsk figure {padding-right: 30px;}
/**/
.blog-content hr { border: 0; border-top: 1px solid #ccc; margin-top: 30px; margin-bottom: 30px;}
.blog-content img.img-border { border: 1px solid #ccc; }
/*FAQ*/
.blog-content .respuestas {background: none; }
.blog-content .respuestas__title {color: var(--blackQM);}
@media screen and (max-width: 1100px){
    .blog-footer { padding-bottom: 60px;}
    /**/
    .blog-content .col-50-dsk { width: 100%; float: none; }
    .blog-content .col-50-dsk figure {padding-right: 0;}
    .blog-content .col-50-dsk .ml-dsk, .blog-content .col-50-dsk .mr-dsk { margin: 0px; }
}
@media screen and (max-width: 966px) {
    .blog-page .Head ul.blog-section-and-date li { font-size: 14px;}
    .blog-breadcrumb ul li, .Blog .blog-breadcrumb a.blog-link { font-size: 12px;}
    .blog-breadcrumb ul li:last-child { display: none;}
    .related-post ul {grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width: 750px){
    .blog-page .Head H1 {font-size: 41px;}
	.blog-content .grid-x1-single {width: 100%;}
	.blog-content .grid-x2-single {width: 100%;}
	.blog-content .grid-x3-single {width: 100%;}
	.blog-content .grid-x3 {width: 100%;}
	.blog-content .grid-x1-single-mb-half {width: 50%;}
	.blog-content .alignleft {float: none; margin-right: 0;}
	.blog-content .alignright {float: none; margin-left: 0;}
	.blog-content .grid-x4 {flex-wrap: wrap;}
	.blog-content .grid-x4 li {width: 48%; margin-left: 0; padding-bottom: 0;}
	.blog-content .img-x2 {flex-wrap: wrap;}
	.blog-content .img-x2 img:first-child {margin-bottom: 30px;}
	/**/
    .related-post ul {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 450px){
    .blog-content .col-50-dsk .video figcaption { padding-top: 50%;}
    .related-post li img {height: 262px;}
}
@media screen and (max-width: 380px){
    .related-post ul {grid-template-columns: 1fr;}
    .related-post li img {height: auto;}
}

/*START NOW*/
.contacto {padding: 90px 0; background: linear-gradient(180deg, #000 0%, #667DF5 100%);}
.contacto__cols {display: flex; align-items: center;}
.contacto__content {width: 597px; color: #fff;}
.contacto__inner {max-width: 436px;}
.contacto__title {margin-bottom: 30px;}
.contacto__title strong {color: var(--blueQM);}
.contacto__list {margin-bottom: 30px;}
.contacto__list li {position: relative; padding-left: 25px; font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -0.1px; margin-bottom: 20px;}
.contacto__list li:before {content: ""; width: 6px; height: 6px; background: #fff; border-radius: 100%; position: absolute; left: 7px; top: 9px;}
.contacto__logos {display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 20px; padding: 0 20px;}
.contacto__form {width: 569px; background: #F4F4F4; padding: 30px; color: var(--greyQM);}
.contacto__form-title {margin-bottom: 20px; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px;}
.form-group {display: flex; flex-direction: column; gap: 28px;}
.frm-field input {width: 100%; padding: 0 15px; height: 50px;}
.frm-field textarea {width: 100%; padding: 15px; height: 150px;}
#error-recaptcha {display: none; padding-top: 5px;}
.frm-action {width: 100%;}
.frm-action .btn {width: 100%;}
.frm-field label.error {color: var(--red); font-family: var(--fontNu); font-size: 12px; font-weight: 500; line-height: 1.2; padding: 4px 15px; display: block;}
/*GRACIAS*/
.form-ok__modal {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.90); z-index: 100; display: none;}
.form-ok__modal .inner-modal {display: flex; align-items: center; justify-content: center; height: 100%; color: #fff;}
.form-ok__modal .modal-body {text-align: center; padding: 0 30px;}
.form-ok__modal .modal-body h3 {margin-bottom: 20px; color: var(--blueQM);}
.form-ok__modal .modal-body p {font-size: 16px; line-height: 1.2; font-weight: 700;}
.form-ok__modal .modal-close {cursor: pointer;}
.form-ok__modal .modal-close:after {content: "X"; font-family: var(--fontNu); font-size: 25px; font-weight: 700; position: absolute; right: 30px; top: 30px; transition: all .3s ease;}
.form-ok__modal .modal-close:hover {color: var(--violetQM);}
@media screen and (max-width: 960px) {
    .contacto__cols {flex-direction: column; align-items: flex-start; gap: 20px;}
    .contacto__content {width: 100%;}
    .contacto__inner {max-width: 100%;}
    .contacto__form {width: 100%;}
}
@media screen and (max-width: 767px) {
    .contacto {padding: 36px 0 40px 0;}
    .contacto__title {margin-bottom: 20px;}
    .contacto__list li {font-size: 16px; letter-spacing: -0.8px;}
    .contacto__list li:before { width: 5px; height: 5px; top: 8px;}
    .contacto__form {padding: 30px 12px;}
    .contacto__form-title {font-size: 20px; text-align: center; letter-spacing: -0.2px;}
}

/*CASOS HOME*/
.casos--mobile {display: none;}
.scrollarea {height: 500vh;}
.scrollbg {height: 100vh; position: sticky; top: 0; z-index: -1;  transition: all .3s ease; background: linear-gradient(to bottom, rgba(43,43,49,1) 0%,rgba(0,0,0,1) 100%);}
.scrollbg .container {padding-top: 90px; position: relative; height: 100vh; overflow: hidden;}
.casos__title {color: #fff;}
.casos__title strong {color: var(--blueQM);}
/***/
.pictures-1 {opacity: 0; transition: all .3s ease; top: 50%; position: absolute; right: 0; transform: translate(10%,-50%);}
.pictures-2 {opacity: 0; transition: all .3s ease; top: 50%; position: absolute; right: 0; transform: translate(10%,-50%);}
.pictures-3 {opacity: 0; transition: all .3s ease; top: 50%; position: absolute; right: 0; transform: translate(10%,-50%);}
/**/
.scene-spacer {height: 40vh;}
.scene .container { position: sticky; top: 374px;}
.scene__content {width: 332px; color: #fff; min-height: 332px; filter: blur(50)}
.scene__title {font-size: 32px; font-weight: 700; line-height: 1.2; letter-spacing: -0.32px; margin-bottom: 6px;}
.scene__text {font-family: var(--fontNu); font-size: 18px; font-weight: 500; line-height: 1.2; margin-bottom: 45px;}
.scene {height: 100vh; padding-bottom: 90px;}
/*1*/
.showbg1 {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 58.8%, rgba(0, 0, 0, 0.64) 100%), linear-gradient(120deg, #6642FF -6.89%, #0A204C 75.58%), #000;}
.scene__content-1 {opacity: 0; transition: all .3s ease; filter: blur(30px);}
.showpic1 .pictures-1 {opacity: 1; transform: translate(0, -50%);}
.scene__content-1.showtext1 {opacity: 1; filter: blur(0);}
/*2*/
.showbg2 {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 58.8%, rgba(0, 0, 0, 0.64) 100%), linear-gradient(120deg, #0CB6A4 -6.89%, #334D81 34.74%, #030E11 75.58%), #000;}
.scene__content-2 {opacity: 0; transition: all .3s ease; filter: blur(30px);}
.showpic2 .pictures-2 {opacity: 1; transform: translate(0, -50%);}
.scene__content-2.showtext2 {opacity: 1; filter: blur(0);}
/*3*/
.showbg3 {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 58.8%, rgba(0, 0, 0, 0.64) 100%), linear-gradient(120deg, #09418A -6.89%, #0C0526 75.58%), #000;}
.scene__content-3 {opacity: 0; transition: all .3s ease; filter: blur(30px);}
.showpic3 .pictures-3 {opacity: 1; transform: translate(0, -50%);}
.scene__content-3.showtext3 {opacity: 1; filter: blur(0);}
@media screen and (max-width: 1100px) {
    .pictures-1 {width: 500px; right: 15px;}
    .pictures-2 {width: 400px; right: 15px;}
    .pictures-3 {width: 600px;}
}
@media screen and (max-width: 960px) {
    .scene .container {top: 42vh;}
    .pictures-1 {width: 450px;}
    .pictures-2 {width: 350px;}
    .pictures-3 {width: 500px;}
}
@media screen and (max-width: 860px) {
    .pictures-1 {width: 400px;}
    .pictures-2 {width: 350px;}
    .pictures-3 {width: 400px;}
}
@media screen and (max-width: 767px) {
    .casos {display: none;}
    /**/
    .casos--mobile {padding-top: 40px; display: block;}
    /*.casos--mobile > .container {opacity: 0; transition: all .3s ease;}*/
    /*.casos--mobile .is-sticky {position: sticky; top: 40px; opacity: 1;}*/
    .casos__title-mobile {color: #fff;}
    .casos__title-mobile strong {color: var(--blueQM);}
    /**/
    .caso {padding: 88px 0 40px 0; display: flex; flex-direction: column; justify-content: center; min-height: 665px;}
    .caso-1 {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 58.8%, rgba(0, 0, 0, 0.64) 100%), linear-gradient(120deg, #6642FF -6.89%, #0A204C 75.58%), #000; margin-top: -80px;}
    .caso__image {margin-bottom: 10px; text-align: center;}
    .caso__content {text-align: center; color: #fff;}
    .caso__title {font-size: 24px; font-weight: 700; letter-spacing: 1.2em; letter-spacing: -0.24px; margin-bottom: 6px;}
    .caso__text {font-size: 14px; font-family: var(--fontNu); font-weight: 500; line-height: 1.2; padding: 0 5px; margin-bottom: 20px;}
    .caso-2 {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 58.8%, rgba(0, 0, 0, 0.64) 100%), linear-gradient(120deg, #0CB6A4 -6.89%, #334D81 34.34%, #0A204C 75.58%), #000;}
    .caso-3 {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 58.8%, rgba(0, 0, 0, 0.64) 100%), linear-gradient(120deg, #09418A -6.89%, #0A204C 75.58%), #000;}
}

/*404 PAGE*/
.image-404 {padding-top: 90px; text-align: center;}
.bar-404 {background: #F3F3F3; padding: 90px 15px; text-align: center; margin-top: -55px;}
.bar-404 p {color: var(--blackQM3); font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -0.24px; margin-bottom: 40px;}
@media screen and (max-width: 767px) {
    .bar-404 {margin-top: -85px;}
    .bar-404 p {font-size: 18px;}
}
