@font-face {
  font-family: 'TheFuture-Regular';
  src: url(../fonts/OTF-TheFuture-Regular.otf) format('truetype')
}

@font-face {
  font-family: 'TheFuture-Italic';
  src: url(../fonts/OTF-TheFuture-Italic.otf) format('truetype')
}

@font-face {
  font-family: 'TheFuture-BoldItalic';
  src: url(../fonts/OTF-TheFuture-BoldItalic.otf) format('truetype')
}

@font-face {
  font-family: 'TheFuture-Bold';
  src: url(../fonts/OTF-TheFuture-Bold.otf) format('truetype')
}

@font-face {
  font-family: "llt-icons";
  src: url("../fonts/llt-icons.eot")
      format("embedded-opentype"),
    url("../fonts/llt-icons.woff2")
      format("woff2"),
    url("../fonts/llt-icons.woff")
      format("woff");
}

.llt-icon:before {
  font-family: llt-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5em;
  display: inline-flex;
  padding-top: 0em;
}

.llt-icon.llt-icon-apps-web-platform:before {
  content: "\f101";
  font-size: 32px;
}
.llt-icon.llt-icon-arrow-diagonal:before {
  content: "\f102";
}
.llt-icon.llt-icon-arrow-down:before {
  content: "\f103";
}
.llt-icon.llt-icon-arrow-left:before {
  content: "\f104";
}
.llt-icon.llt-icon-arrow-right:before {
  content: "\f105";
}
.llt-icon.llt-icon-arrow-up:before {
  content: "\f106";
}
.llt-icon.llt-icon-burguer:before {
  content: "\f107";
}
.llt-icon.llt-icon-business-intelligence:before {
  content: "\f108";
}
.llt-icon.llt-icon-check:before {
  content: "\f109";
}
.llt-icon.llt-icon-chevron-down:before {
  content: "\f10a";
}
.llt-icon.llt-icon-chevron-left:before {
  content: "\f10b";
}
.llt-icon.llt-icon-chevron-right:before {
  content: "\f10c";
}
.llt-icon.llt-icon-chevron-up:before {
  content: "\f10d";
}
.llt-icon.llt-icon-competition-management-apps:before {
  content: "\f10e";
}
.llt-icon.llt-icon-content-integrity:before {
  content: "\f10f";
}
.llt-icon.llt-icon-content-protection:before {
  content: "\f110";
}
.llt-icon.llt-icon-facebook:before {
  content: "\f111";
}
.llt-icon.llt-icon-fan-activation-2:before {
  content: "\f112";
}
.llt-icon.llt-icon-fan-activation:before {
  content: "\f113";
}
.llt-icon.llt-icon-linkedin:before {
  content: "\f114";
}
.llt-icon.llt-icon-mediacoach:before {
  content: "\f115";
}
.llt-icon.llt-icon-mouse:before {
  content: "\f116";
}
.llt-icon.llt-icon-ott-platform:before {
  content: "\f117";
}
.llt-icon.llt-icon-play:before {
  content: "\f118";
}
.llt-icon.llt-icon-smart-venues-v3:before {
  content: "\f119";
}
.llt-icon.llt-icon-smart-venues:before {
  content: "\f11a";
}
.llt-icon.llt-icon-transfer-tracker-v2:before {
  content: "\f11b";
}
.llt-icon.llt-icon-twitter-x:before {
  content: "\f11c";
}
.llt-icon.llt-icon-twitter:before {
  content: "\f11d";
}
.llt-icon.llt-icon-upload:before {
  content: "\f11e";
}
.llt-icon.llt-icon-x:before {
  content: "\f11f";
}
.llt-icon.llt-icon-youtube:before {
  content: "\f120";
}

html{scroll-behavior: smooth;}

/** GLOBALES **/
.no-padding {padding: 0; }
.no-margin {margin: 0; }
a {cursor: pointer !important;}

body {font-family: 'TheFuture-Regular', sans-serif;color:#002e33;font-weight: 400;-webkit-text-size-adjust: 100%;line-height: 26px;}
ul, ol {margin: 0;padding: 0; }
ul li {list-style: none; }

/** COLORS **/

.dark {color: #002e33 !important;}
.white {color: #fff !important;}
.orange {color: #FF966F !important;}
.green {color: #00ebb6 !important;}


.bgDark {background-color: #002e33 !important;}
.bgGrisLight {background-color: #f8f8f8 !important;}
.bgWhite {background-color: #fff !important;}
.bgOrange {background-color: #FF966F !important;}
.bgGreen {background-color: #00ebb6 !important;}


.bg-cover {width: 100%;min-height: 100%;background-size: cover;background-position: 50%;}
.bgSeparador {background-color: #fff;margin: 0;position: relative;}
.bgSeparador:after {background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.05) 5%, rgba(0, 0, 0, 0));bottom: 0;content: '';display: block;height: 26px;left: 0;position: absolute;right: 0;}

.item-hover {overflow: hidden;position: relative;width: 100%;cursor: pointer;}
.item-hover img{width: 100%;transition: all ease 0.3s;}
.item-hover-overlay {transition: all ease 0.3s;position: absolute;top:0;text-align: center;width: 100%;height: 100%;background-color:rgba(0,0,0,0.5);}
.item-hover:hover img {transform: scale(1.2);}
.item-hover:hover .item-hover-overlay {background-color:rgba(0,0,0,0.65);}

/* FONTS SIZES */

p {font-weight: 400;font-size:18px;line-height: 1.4;}

h1 {font-weight: 700!important;font-size: 80px!important;line-height:90%!important;font-family: 'TheFuture-Bold', sans-serif;}
h2 {font-size: 40px!important;font-weight: 700!important;line-height:90%!important;font-family: 'TheFuture-Bold', sans-serif;}
h3 {font-weight: 700!important;font-size: 30px!important;line-height:90%!important;font-family: 'TheFuture-Bold', sans-serif;}
h4 {font-weight: 700!important;font-size: 30px!important;line-height:90%!important;font-family: 'TheFuture-Bold', sans-serif;}
h5 {font-size: 20px!important;font-weight: 700!important;font-family: 'TheFuture-Bold', sans-serif;}
h6 {font-weight: 400!important;font-size:24px!important;font-family: 'TheFuture-Regular', sans-serif;line-height: 1.4;}
strong {font-weight: 700 !important;font-family: 'TheFuture-Bold', sans-serif;}

.smallfont {font-size:0.9em !important;}
.mediumfont {font-size:1.4em !important;}
.bigfont {font-size:1.6em !important;}
.subsection {margin:1.5rem auto 0 auto;width:3rem;height: 1px;background-color:#fff}
.letter-mas {letter-spacing: 0.15em;}
.letter-menos {letter-spacing: -0.02em;}

.sombraTexto {text-shadow:0px 5px 12px rgba(0, 0, 0, 0.85)}

.separador {background: #000; height:2px; margin-top:10px;}
.separador span {background: #fff; padding:15px; position:relative; top:-10px; left: 3em;letter-spacing: 5px;}


.overlayStrongBlue {position:absolute;background:rgba(53,78,163,.55);width:100%;height:100%;top:0;overflow: hidden;}
.overlayBlack {position:absolute;background:rgba(0,0,0,.65);width:100%;height:100%;top:0;overflow: hidden;}
.subrayado:after {content:"";background: #fff;width: 140px;height: 8px;display: block;margin-top: 6px;margin-bottom: 30px;}

#back-to-top {bottom: 12%;right: 16px;background-color: #FF966F;width: 50px;height: 50px;border-radius:25px;z-index: 99;position: fixed;display: none;}
#back-to-top i {display: inline-block;box-sizing: border-box;cursor: pointer;line-height: 50px;color: #000;width: 50px;height: 50px;text-align: center;font-size: 18px;}
#back-to-top.active {display: block;}

/** ESTILOS SECCIONES bottom right **/
.hero {height:95vh;position: relative;overflow: hidden;width: 100%;background:url(../img/bg-hero-edited.png) ;background-size: cover;}
.hero::after {content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: rgba(4, 12, 36, 0.7);z-index: -99;}
video.videoHome {background-size: cover;top:50%;height: auto;min-width: 100%;min-height: 100%;position: absolute;left:50%;width: auto;z-index: -100;transform: translate(-50%,-50%);}

.box-wrapper {width: 100%;display: grid;aspect-ratio: 2 / 2;width: 100%;max-height: 432px;max-width: 432px;background: grey;}
.box-wrapper-link {display: flex;flex-direction: column;box-shadow: rgba(1, 12, 45, 0.72) 0px 10px 20px 5px;position: relative;transition: background-color 300ms ease 0s, box-shadow 300ms ease 0s;padding: 40px 32px;background: linear-gradient(0deg, rgba(4, 12, 36, 0.8) 0%, rgba(4, 12, 36, 0.8) 0.01%, rgba(4, 12, 36, 0) 100%) 0% 0% / cover, linear-gradient(120deg, rgba(176, 218, 0, 0.42) 8%, rgba(159, 200, 4, 0.38) 13%, rgba(118, 156, 17, 0.28) 25%, rgba(82, 118, 27, 0.19) 38%, rgba(52, 87, 36, 0.13) 50%, rgba(30, 63, 43, 0.07) 63%, rgba(13, 46, 48, 0.03) 75%, rgba(4, 36, 51, 0.01) 88%, rgba(1, 33, 52, 0) 100%), url(/static/img/solution-family/solution-1.jpg) center top no-repeat;overflow: hidden;}

.numbers-wrapper {display: flex;flex-direction: column;gap: 1rem;}
.numbers {display: flex;-webkit-box-align: center;align-items: center;gap: 1rem;}
.number {width:56px;height: 56px;background: rgba(255, 255, 255, 0.2);border-radius: 50%;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;flex-shrink: 0;padding: 0.25rem 0px 0px 0.25rem;font-weight: 700;font-size: 20px;line-height: 100%;letter-spacing: 0.15em;text-transform: uppercase;}

.box-results {aspect-ratio: 1 / 1;display: flex;flex-direction: column;width:300px;padding: 0;}
.results-inner {aspect-ratio: 1 / 1;position: relative;}
.results-inner::before {content: "";position: absolute;border-radius: 50%;inset: 15px;background: linear-gradient(rgba(89, 135, 121, 0.7) 0%, rgba(17, 32, 72, 0.11) 100%);}
.results-inner-top::after {content: "";position: absolute;border-width: 4px 4px 0px;border-top-style: solid;border-right-style: solid;border-left-style: solid;border-top-color: rgb(102, 125, 0);border-right-color: rgb(102, 125, 0);border-left-color: rgb(102, 125, 0);border-image: initial;border-top-left-radius: 50rem;border-top-right-radius: 50rem;border-bottom-style: initial;border-bottom-color: initial;top: -2px;left: -2px;right: -2px;height: 51%;}
.results-inner-bottom::after {content: "";position: absolute;border-width: 0px 4px 4px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: rgb(102, 125, 0);border-bottom-color: rgb(102, 125, 0);border-left-color: rgb(102, 125, 0);border-image: initial;border-bottom-left-radius: 50rem;border-bottom-right-radius: 50rem;border-top-style: initial;border-top-color: initial;bottom: -2px;left: -2px;right: -2px;height: 51%;}
.results-wrapper-text {position: absolute;width:100%;top: 50%;left: 50%;transform: translate(-50%, -3.5rem);display: flex;flex-direction: column;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;text-align: center;z-index: 1}
.results-text {font-weight: 700;font-size:80px;line-height: 90%;letter-spacing: -0.02em;text-transform: uppercase;}
.results-wrapper-text p {line-height: 100%;width: 60%;}
.results-text-low {font-size: 48px;}
.results-inner-dark::before {content: "";position: absolute;border-radius: 50%;inset: 15px;background: linear-gradient(rgba(89, 135, 121, 1) 0%, rgba(14, 38, 56, 1) 100%);}

.cdeDtO {
  grid-template-areas:
      "item1 item2 item3 item4 item4 item5"
      "item1 item6 item3 item4 item4 item5"
      "item7 item8 item8 item9 item10 item11"
      "item12 item8 item8 item13 item10 item14";
  grid-template-columns: repeat(6, minmax(0px, 1fr));
  grid-template-rows: repeat(4, 95px);
  -webkit-box-pack: center;
  justify-content: center;
  max-width: 968px;
  margin: 0px auto;
  width: 100%;
  display: grid;
  gap: 0px;
  -webkit-box-align: center;
  align-items: center;
}
.jjHvUK {
  border: 1px solid rgb(176, 218, 0);
  padding: 12px;
  height: 100%;
  width: 100%;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
}
.jjHvUK > div {
  width: 100%;
  max-width: 220px;
  margin: 0px auto;
  padding: 4px;
}
.jjHvUK:nth-child(1) {
  grid-area: item1 / item1 / item1 / item1;
}
.jjHvUK:nth-child(2) {
  grid-area: item2 / item2 / item2 / item2;
}
.jjHvUK:nth-child(3) {
  grid-area: item3 / item3 / item3 / item3;
  padding: 0px;
}
.jjHvUK:nth-child(4) {
  grid-area: item4 / item4 / item4 / item4;
}
.jjHvUK:nth-child(5) {
  grid-area: item5 / item5 / item5 / item5;
}
.jjHvUK:nth-child(6) {
  grid-area: item6 / item6 / item6 / item6;
}
.jjHvUK:nth-child(7) {
  grid-area: item7 / item7 / item7 / item7;
}
.jjHvUK:nth-child(8) {
  grid-area: item8 / item8 / item8 / item8;
}
.jjHvUK:nth-child(9) {
  grid-area: item9 / item9 / item9 / item9;
}
.jjHvUK:nth-child(10) {
  grid-area: item10 / item10 / item10 / item10;
}
.jjHvUK:nth-child(11) {
  grid-area: item11 / item11 / item11 / item11;
}
.jjHvUK:nth-child(12) {
  grid-area: item12 / item12 / item12 / item12;
}
.dyMBvq {
  position: relative;
  padding-top: 56.25%;
  min-height: initial;
}
.cSQZtr {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.clientes-grid {display: flex;flex-wrap: wrap;gap: 2rem 1rem;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;max-width: 880px;margin: 0px auto;padding: 2rem 0px;}
.kofDcH {max-width: 180px;width: 100%;position: relative;aspect-ratio: 16 / 9;display: flex;align-items: center;justify-content: center;}

/** BOTONES **/
.btn-white {padding: 6px 20px 6px 20px;border:solid 2px #FF966F;border-radius: 4px;text-transform: uppercase;background-color: #FF966F;font-family: 'TheFuture-Bold';font-weight: 700;font-size: 14px;font-stretch: normal;font-style: normal;line-height: 30px;height: 30px;text-align: center;color: #002e33;transition: all .2s ease;display:inline-table;text-decoration:none !important;}
.btn-white:hover {background:#fff;color: #FF966F;}

.btn-white-border {padding: 6px 20px 6px 20px;border:solid 2px #FF966F;border-radius: 4px;text-transform: uppercase;background-color: #fff;font-family: 'TheFuture-Bold';font-weight: 700;font-size: 14px;font-stretch: normal;font-style: normal;line-height: 30px;height: 30px;text-align: center;color: #FF966F;transition: all .2s ease;display:inline-table;text-decoration:none !important;}
.btn-white-border:hover {background:#FF966F;color: #002e33;}

.btn-positive {background: #FF966F;color: #002e33 !important;border-radius: 10em;outline: solid 6px transparent;padding:0.5rem 1.8rem;letter-spacing: 0.12em;;font-size: 18px;font-weight: 700;text-transform: uppercase;transition: all .2s ease;display:inline-flex;gap:0.8rem;align-items: center;}
.btn-positive:hover {background:rgba(151,187,0,1);text-decoration:none !important;}

.btn-negative {background: #002e33;color: #FF966F !important;border-radius: 10em;outline: solid 6px transparent;padding:0.5rem 1.8rem;letter-spacing: 0.12em;;font-size: 18px;font-weight: 700;text-transform: uppercase;transition: all .2s ease;display:inline-flex;gap:0.8rem;align-items: center;opacity: 1;}
.btn-negative:hover {opacity:.9 !important;text-decoration:none !important;}

.btn-underline {font-weight: 700;font-size: 18px;line-height: 100%;text-decoration-line: underline;letter-spacing: 0.12em;text-transform: uppercase;transition: all .2s ease;display: inline-flex;opacity: 1;}
.btn-underline:hover {opacity: .8 !important;}

.btn-legales {font-weight: 700;font-size: 14px;line-height: 100%;text-decoration: none !important;letter-spacing: 0.12em;text-transform: uppercase;transition: all .2s ease;display: inline-flex;opacity: 1;color: #fff !important;}
.btn-legales:hover {opacity: .8 !important;}

a.btn-link {color:#00ebb6!important;cursor: pointer;text-decoration: none !important;opacity: 1;transition: opacity 0.3s ease 0s;font-weight: 700;}
a.btn-link:hover {opacity: .8 !important;text-decoration: underline !important;}

.btn-play-video{display: inline-block;transition: transform .15s ease-in-out;transform: scale(1);position: relative;width: 120px;height: 120px;border-radius: 120px;background-color: #fff;box-shadow: 0 6px 26px 0 #525966;}
.btn-play-video:after {content: "";width: 0;height: 0;border-style: solid;border-width: 25.6px 0 25.6px 43.7px;border-color: transparent transparent transparent #00ebb6;margin: auto;position: absolute;top: 0;left: 9%;bottom: 0;right: 0;display: inline-block;transition: transform .15s ease-in-out;transform: scale(1);}

button {line-height: 50px !important;height: 50px !important;padding: 0 20px !important;}

/** FORMULARIO **/
form ul {display: block;list-style-type: disc;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;}
form li {display: list-item;text-align: -webkit-match-parent;list-style: disc;}
.form-wrapper {display: grid;grid-template-columns:repeat(2, 1fr);gap: 1rem;}
.ioxzDT {position: relative;isolation: isolate;border: 1px solid #002e33;padding: 0.6rem 3rem 0.6rem 1rem;margin: 0.5rem 0;}
.ioxzDT:focus-within {border-color:#FF966F}
.gbUQxY:focus, .lgtNKe:focus {outline: none;}
.lpbKky {display: block;margin-bottom: 0.5rem;font-size: 14px;line-height: 20px;font-weight: 700;text-transform: uppercase;}
.lpbKky::after {content: "*";margin-left: 0.3em;}
.gbUQxY {width: 100%;border: none;padding: 0px;background: transparent;color:#002e33;font-size: 16px;line-height: 18px;}
.lgtNKe {max-width: 100%;display: block;width: 100%;min-height: 12em;resize: none;color:#002e33;font-size: 16px;line-height: 18px;border-width: initial;border-style: none;border-color: initial;border-image: initial;padding: 0px;background: transparent;}
.cVagyN {display: inline-flex;flex-wrap: nowrap;-webkit-box-align: center;align-items: center;user-select: none;cursor: pointer;}
.cVagyN > label:first-child {display: flex;}
.bubJBJ {display: none;}
:checked + .dVToxJ {background-color: #002e33 !important;}
[type=checkbox], [type=radio] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
.dVToxJ {cursor: pointer;display: inline-flex;-webkit-box-align: center;align-items: center;user-select: none;}
.buwxNp {width: 1.5rem;height: 1.5rem;border: 1px solid #002e33;border-radius: 2px;color: transparent;position: relative;overflow: hidden;flex-shrink: 0;}
.iGnfku {margin-left: 0.5rem;cursor: pointer;}
.hzjZfz {font-size: 14px;line-height: 17px;}
.hpkVLF {position: relative;mix-blend-mode: hard-light;}
.hpkVLF::after {content: "";position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: linear-gradient(transparent, gray);pointer-events: none;transition: opacity 0.2s ease-out 0s;}
.erLfIi {transition: height 1s ease-out 0s;overflow: hidden;}
.expand {height: auto !important;}
.expand::after {content: "";background:none !important;pointer-events: none;transition: opacity 0.2s ease-out 0s;}
.btn-expand {cursor: pointer;}

/** MODALS **/
.modal {z-index: 9999999999999999999999 !important;background: rgba(14, 38, 56, 1);}
.modal-content {background-color: transparent !important;border: none !important;border-radius:0 !important;outline: none;}
.modal-header {border:none !important;padding:1rem 0 !important;}
.close {color: #fff !important;font-size: 3em;text-shadow:none !important;opacity: 1;transition: all .3s ease;}
.close:focus {outline-color: transparent; outline-style: none;}   
.img-modal {width:100%;height:250px;} 
.modal-body {padding: 0 !important;}
.modal-dialog-video {width:90%;max-width: 90%;}

/** FOOTER 
footer {position: relative;padding: 40px 0px;}
header .logo, footer .logo {width: 189px;}
.linea-separador {margin: 50px 15px 50px 15px;width: 100%;height: 1px;background: rgba(255, 255, 255, 0.2);}
**/
/** HEADER 
header {height: 80px;width:100%;position:fixed;top: 0px;z-index: 100;border-bottom: 1px solid rgba(255, 255, 255, 0.2);backdrop-filter: blur(12px);background-color: rgba(255, 255, 255, 0.15);transition: background-color 250ms ease 0s;display: flex;align-items: center;padding: 0 20px;justify-content: space-between;}
header .logo {width: 189px;}**/