:root {
  --white: white;
  --black: black;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.arrow-down {
  width: 2vw;
}

.nav_bar {
  background-color: #0000;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: absolute;
  inset: 0% 0% auto;
}

.container {
  max-width: 100%;
  margin-left: 70px;
  margin-right: 70px;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-medium {
  padding: 2rem;
}

.margin-top {
  justify-content: center;
  align-items: center;
  margin-top: 5vw;
  margin-bottom: 0;
  display: flex;
}

.nav_container {
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-nav {
  margin-left: 70px;
}

.h1_titles {
  color: #fff;
  text-align: left;
  letter-spacing: .2vw;
  width: 80%;
  margin-bottom: 20px;
  font-family: Monumentextended, sans-serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 4vw;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-small {
  margin: 1rem;
}

.image-2 {
  width: 12vw;
}

.home-header_subheading {
  color: #9883e5;
  text-align: left;
  background-color: #0000;
  margin-top: 22px;
  font-weight: 500;
  display: none;
}

.nav_logo-link {
  line-height: 0;
}

.p_lg {
  color: #fff;
  letter-spacing: .1vw;
  font-family: DM Sans, sans-serif;
  font-size: 1.7vw;
  font-weight: 300;
  line-height: 2vw;
}

.menu-icon {
  line-height: 1;
}

.home-header_video {
  color: #fff;
  background-image: linear-gradient(#0000000d, #00000040 52%, #000);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.page-padding {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.page-padding.align-bottom {
  align-self: flex-end;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: none;
}

.button-withe {
  border: 1px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: flex;
}

.main-wrapper {
  display: flex;
  overflow: hidden;
}

.circle-3_wrapper {
  z-index: 10;
  width: 7rem;
  height: 7rem;
  position: absolute;
  inset: 35% 7% auto auto;
}

.circle-3_wrapper.superior-izq {
  display: none;
  inset: 5% auto auto 0%;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.max-width-xlarge.is-relative {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  display: flex;
  position: relative;
}

.h2_subtitles {
  color: #fff;
  letter-spacing: .2vw;
  width: 47%;
  font-family: Monumentextended, sans-serif;
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 3vw;
}

.h2_subtitles.none {
  display: none;
}

.seccion-acerca {
  margin-bottom: 5vw;
  position: relative;
  overflow: hidden;
}

.circle-1 {
  filter: blur(5.6rem);
  background-color: #d4222c26;
  border-radius: 100%;
  width: 14.75rem;
  height: 14.75rem;
  position: absolute;
}

.circle-1.pos-1 {
  width: 20rem;
  height: 20rem;
  position: absolute;
  inset: -65% auto auto 0%;
}

.circle-1.pos-3 {
  background-color: #d4222c;
  width: 20rem;
  height: 20rem;
  position: absolute;
  inset: 0% auto auto 28%;
}

.circle-1.pos-2 {
  background-color: #d4222c;
  width: 20rem;
  height: 20rem;
  position: absolute;
  inset: auto auto -26% -38%;
}

.circle-1.pos-1 {
  position: absolute;
  inset: -65% auto auto 0%;
}

.circle-1.pos-3 {
  background-color: #473c8c;
  position: absolute;
  inset: 0% auto auto 28%;
}

.circle-1.pos-2 {
  inset: auto auto -26% -38%;
  background-color: #927fd8;
  position: absolute;
  inset: auto auto -26% -38%;
}

.circle-1.circles-noticia {
  width: 17rem;
  height: 17rem;
}

.ve_hero-header-1 {
  position: relative;
}

.padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.cmi-red {
  z-index: -5;
  opacity: .17;
  vertical-align: baseline;
  width: 40vw;
  display: none;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.ve_hero-1 {
  z-index: -5;
}

.padding-section-large {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.padding-section-large.no-padding-bottom {
  padding-bottom: 0;
}

.padding-section-large.no-padding-bottom.is-relative {
  padding-bottom: 7rem;
}

.circle-1_wrapper {
  z-index: 10;
  width: 15rem;
  height: 15rem;
  position: absolute;
  inset: 85.7vw auto auto 0%;
}

.html-embed {
  display: none;
}

.circle-3 {
  filter: blur(5.6rem);
  background-color: #d4222c;
  border-radius: 100%;
  width: 14.75rem;
  height: 14.75rem;
  position: absolute;
}

.circle-3.pos-3 {
  filter: blur(5rem);
  background-color: #d4222c26;
  width: 10rem;
  height: 10rem;
  inset: auto auto -6% 54%;
}

.circle-3.pos-3.sm {
  background-color: #d4222c26;
  width: 15rem;
  height: 15rem;
  bottom: -180%;
}

.circle-3.pos-1 {
  background-color: #d4222c26;
  width: 20rem;
  height: 20rem;
  bottom: auto;
  left: 14%;
  right: auto;
}

.circle-3.pos-1.sm {
  background-color: #d4222c26;
}

.circle-3.pos-2 {
  background-color: #d4222c26;
  width: 15rem;
  height: 15rem;
  inset: 0% -106% auto auto;
}

.circle-3.pos-2.sm {
  background-color: #d4222c26;
}

.circle-2_wrapper {
  z-index: -1;
  width: 15rem;
  height: 15rem;
  position: absolute;
  inset: 169.9vw -7% 0% auto;
}

.p_txt {
  color: #fff;
  width: 50%;
  font-family: DM Sans, sans-serif;
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 2vw;
}

.circle-2 {
  filter: blur(5.6rem);
  background-color: #d4222c;
  border-radius: 100%;
  width: 14.75rem;
  height: 14.75rem;
  position: absolute;
}

.circle-2.pos-1 {
  background-color: #d4222c40;
  width: 30rem;
  height: 30rem;
  inset: -35% auto auto -30%;
}

.circle-2.pos-2 {
  z-index: 10;
  background-color: #d4222c40;
  width: 30rem;
  height: 30rem;
  inset: auto auto 40% 0%;
}

.circle-2.pos-3 {
  background-color: #d4222c40;
  width: 30rem;
  height: 30rem;
  inset: -15% -52% auto auto;
}

.container-large {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.seccion-noticias {
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.seccion-noticias.mb-5 {
  margin-bottom: 5rem;
}

.h3_encabezados {
  color: #fff;
  letter-spacing: .2vw;
  font-family: Monumentextended, sans-serif;
  font-size: 2vw;
  font-weight: 400;
  line-height: 3vw;
}

.h3_encabezados.padding-medium {
  padding: 2rem;
}

.h3_encabezados.padding-medium.margin-small {
  margin-left: 1rem;
  margin-right: 1rem;
  font-size: 2.4vw;
}

.h3_encabezados.mb-3 {
  margin-bottom: 3rem;
}

.txt-mas {
  color: #fff;
  letter-spacing: .1vw;
  margin-left: .5vw;
  font-family: Monumentextended, sans-serif;
  font-size: .8vw;
}

.h4_titles_noticias {
  letter-spacing: .1vw;
  font-family: Monumentextended, sans-serif;
  font-size: .9vw;
  font-weight: 400;
  line-height: 1.5vw;
}

.btn-noticias {
  border: 1px solid #f3182d;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  display: flex;
}

.btn-noticias.circle-not {
  width: 29px;
  height: 29px;
}

.card-noticias {
  color: #fff;
  background-color: #262626;
  border-radius: .5vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.card-noticias.first {
  padding: 20px;
}

.btxt-noticias {
  letter-spacing: .1vw;
  font-family: Monumentextended, sans-serif;
  font-size: .7vw;
}

.card-btn {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  align-items: center;
  margin-top: 25px;
  display: flex;
}

.arrow-noticias {
  width: .7vw;
}

.container-fluid {
  max-width: 100%;
  margin-left: 70px;
}

.col-4 {
  width: 25%;
}

.date {
  color: #f3182d;
  font-family: DM Sans, sans-serif;
  font-size: .7vw;
  font-weight: 500;
  line-height: 1.2vw;
}

.image-3 {
  width: 100%;
}

.mas-noticias {
  align-items: center;
  display: flex;
}

.card-content {
  margin-top: 20px;
}

.circle-4_wrapper {
  z-index: -5;
  width: 15rem;
  height: 15rem;
  position: absolute;
  inset: 20% auto auto -15%;
}

.row-column {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.description {
  margin-top: .5rem;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: .6vw;
  font-weight: 400;
  line-height: 1vw;
}

.circle-5_wrapper {
  z-index: -1;
  width: 15rem;
  height: 15rem;
  position: absolute;
  inset: -46% 0% auto auto;
}

.circle-5_wrapper.noticias {
  width: 20rem;
  display: none;
  inset: -70px -4% 0% auto;
}

.col-2 {
  width: 16%;
}

.text-wrapper {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.col-button {
  margin-top: 20px;
}

.card {
  color: #b8b9c2;
  background-color: #3f4046;
  border-radius: 5px;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  box-shadow: 0 5px 2rem #0000004d;
}

.arrow-right {
  width: 50px;
  height: 50px;
  inset: auto 0% 0% auto;
}

.noticias-movil {
  width: 90%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.arrow-r {
  width: 1.3vw;
}

.card-body {
  height: 100%;
  padding: 30px;
}

.arrow-left {
  width: 50px;
  height: 50px;
  inset: auto auto 0% 0%;
}

.button-ver {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.carousel {
  background-color: #0000;
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 400px;
}

.carousel.is_contained {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-bottom: 75px;
}

.carousel-mask {
  width: 40%;
  overflow: visible;
}

.p-ver {
  color: #fff;
  letter-spacing: .1vw;
  font-size: 1vw;
  font-weight: 400;
}

.carousel-slider._6 {
  right: -105%;
}

.carousel-slider._5 {
  right: -84%;
}

.carousel-slider._2 {
  right: -21%;
}

.carousel-slider._8 {
  right: -147%;
}

.carousel-slider._7 {
  right: -126%;
}

.carousel-slider._4 {
  right: -63%;
}

.carousel-slider._3 {
  right: -42%;
}

.btn-right {
  border: 1px solid #f3182d;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.card-header {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 30%;
  background-size: cover;
  height: 150px;
}

.contacto {
  display: flex;
}

.button-contactanos {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-contactanos.pd-sm {
  padding-left: 2rem;
}

.button-contactanos.pd-sm.margin-small {
  cursor: pointer;
  margin-left: 1rem;
  text-decoration: none;
  display: flex;
}

.img-contact {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
  bottom: -1.5rem;
}

.h1_titles-_contact {
  color: #fff;
  text-align: left;
  letter-spacing: .2vw;
  margin-bottom: 20px;
  padding-right: 20vw;
  font-family: Monumentextended, sans-serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 4vw;
}

.h1_titles-_contact.padding-medium {
  padding: 2rem;
}

.h1_titles-_contact.padding-medium.margin-small {
  width: 90%;
  margin-left: 1rem;
  margin-right: 0;
  padding-right: 0;
  font-size: 2.5vw;
  line-height: 3vw;
}

.circle-r {
  width: 10vw;
  position: absolute;
  inset: 7% 0% 0% auto;
}

.circle-6_wrapper {
  z-index: -1;
  width: 35rem;
  height: 35rem;
  display: flex;
  position: absolute;
  inset: 200px auto 0% 0%;
}

.circle-purple {
  width: 2vw;
  position: absolute;
  inset: auto auto 12% 20%;
}

.p-btn {
  color: #fff;
  font-family: Monumentextended, sans-serif;
  font-size: 1.2vw;
}

.col-rg-contacto {
  width: 100%;
}

.title-contact {
  display: flex;
}

.seccion-contacto {
  padding-bottom: 0;
  padding-left: 2rem;
  position: relative;
  overflow: hidden;
}

.col-lf-contacto {
  width: 50%;
}

.person-mobile {
  width: 70%;
  display: none;
}

.red {
  color: #f3182d;
}

.circle-7_wrapper {
  z-index: -1;
  width: 15rem;
  height: 15rem;
  display: none;
  position: absolute;
  inset: 170% auto auto -14%;
}

.banners {
  display: flex;
}

.col-lg-3 {
  width: 100%;
  height: auto;
}

.col-lg-3.uno {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  display: block;
}

.col-lg-3.dos, .col-lg-3.tres, .col-lg-3.cuatro {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.redes {
  border: 1px solid #bb1d28;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.row-contact {
  justify-content: space-around;
  width: 100%;
  display: flex;
}

.footer {
  background-color: #000;
}

.p-footer {
  color: #fff;
  text-align: left;
  margin-bottom: 2vw;
  font-family: DM Sans, sans-serif;
  font-size: 1.7vw;
  font-weight: 700;
  line-height: 2vw;
}

.text-field {
  color: #fff;
  background-color: #0000;
  border: 1px #000;
  border-bottom: 1px solid #fff;
  font-family: DM Sans, sans-serif;
}

.text-field::placeholder {
  font-size: 1vw;
}

.social-img {
  width: 1.2vw;
}

.txt-footer {
  color: #fff;
  margin-bottom: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 1vw;
  line-height: 1.5vw;
}

.txt-footer.mb-0 {
  color: #fff;
  margin-bottom: 0;
  text-decoration: none;
}

.col-lg-4 {
  text-align: center;
  border-right: 1px solid #a3a3a3;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 33%;
  padding: 3vw;
}

.col-lg-4.d-flex {
  display: flex;
}

.col-lg-4.d-flex.hr-none {
  border-right-style: none;
}

.txt-derechos {
  margin-bottom: 20px;
  font-size: 1.2vw;
}

.txt-derechos.mb-0 {
  color: #fff;
  margin-bottom: 0;
  font-size: .8vw;
}

.text-field-2 {
  background-color: #0000;
  border: 1px #000;
  border-bottom: 1px solid #fff;
  font-family: DM Sans, sans-serif;
}

.text-field-2::placeholder {
  font-size: 1vw;
}

.btn-newsletter {
  border: 1px solid #b71d26;
  border-radius: 100px;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.container-fluid-footer {
  width: 100%;
}

.arrow-news {
  width: 1vw;
}

.form {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  display: flex;
}

.form.form-none {
  display: none;
}

.social {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.row-derechos {
  border-top: 1px solid #a3a3a3;
}

.col-lg-12-derechos {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 1vw;
  padding-bottom: 1vw;
  display: flex;
}

.body {
  background-color: #000;
}

.cam1 {
  z-index: 10;
  transform-style: preserve-3d;
  background-image: linear-gradient(to top, #15202d, #5e6d7e 10%, #15202d 20%, #fff 28%, #647586 71%, #555353);
  border-radius: 100px;
  width: 45px;
  height: 45px;
  position: absolute;
  inset: 30px auto auto 34px;
  transform: translate3d(0, 0, 4px);
}

.cam2 {
  z-index: 10;
  transform-style: preserve-3d;
  background-image: linear-gradient(to top, #15202d, #5e6d7e 10%, #15202d 20%, #fff 28%, #647586 71%, #555353);
  border-radius: 100px;
  width: 45px;
  height: 45px;
  position: absolute;
  inset: 85px auto auto 34px;
  transform: translate3d(0, 0, 4px);
}

.phone-depth-layer {
  z-index: -2;
  transform-style: preserve-3d;
  background-color: #888;
  background-image: url('../images/gradient-sides.svg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 24px;
  position: absolute;
  inset: 0%;
  transform: translate3d(0, 0, -1px);
}

.phone-depth-layer.last {
  border: 1px solid #768799;
}

.phone-depth-layer.first {
  border-left: 1px solid #edeff1;
}

.phone-front {
  z-index: 2;
  transform-style: preserve-3d;
  flex: none;
  width: 300px;
  height: 560px;
  display: block;
  position: relative;
  transform: rotateX(0)rotateY(40deg)rotateZ(0);
}

.camerra-gloss-2 {
  background-color: #ffffff1c;
  width: 3px;
  height: 3px;
  margin-top: 2px;
  margin-left: 2px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.spiral---img {
  object-fit: cover;
  border-radius: 1rem;
  width: 70%;
  height: 70%;
  position: absolute;
  inset: 0%;
}

.cam-light {
  background-image: linear-gradient(63deg, #0000 53%, #ffffff2e 59%, #ffffff26);
  border-radius: 100%;
  position: absolute;
  inset: 0%;
}

.screen {
  border: 1px solid #000;
  border-radius: 26px;
  padding: 6px;
  position: absolute;
  inset: 0%;
}

.cam-dot {
  background-image: linear-gradient(138deg, #070707, #564f8a);
  border: 1px solid #222121;
  border-radius: 10px;
  width: 10px;
  height: 10px;
  position: relative;
}

.flashlight {
  z-index: 10;
  transform-style: preserve-3d;
  border-radius: 100px;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 30px auto auto 96px;
  transform: translate3d(0, 0, 4px);
}

.light {
  z-index: 4;
  background-image: linear-gradient(to top, #0000 43%, #ffffff24), linear-gradient(135deg, #0000, #ffffff3d 35%, #fff0 77%);
  position: absolute;
  inset: 0%;
}

.section {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.cam {
  z-index: 2;
  background-color: #0f0f0f;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100px;
  height: 24px;
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-left: 10px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.scene---sticky {
  position: sticky;
  top: 0;
  overflow: hidden;
}

.cam-sensor {
  background-color: #0f0f0f;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  inset: 109px auto auto 96px;
}

.back-design {
  background-color: #b5d3fd;
  background-image: linear-gradient(41deg, #98aabe, #b4d9ff);
  border: 3px solid #818ea0;
  border-radius: 26px;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  box-shadow: inset 0 -2px 2px #ffffff54;
}

.back-design-light {
  z-index: 4;
  background-image: linear-gradient(to top, #0000 43%, #ffffff24), linear-gradient(135deg, #0000, #ffffff3d 35%, #fff0 77%);
  border: 1px solid #00000069;
  border-radius: 23px;
  position: absolute;
  inset: 0%;
}

.buttons {
  z-index: 4;
  perspective: 1000px;
  transform-origin: 0%;
  transform-style: preserve-3d;
  width: 10px;
  margin-top: 100px;
  display: block;
  position: absolute;
  transform: translate3d(0, 0, -6px)rotateX(0)rotateY(90deg)rotateZ(0);
}

.buttons.buttons-back {
  margin-top: 146px;
}

.circle-1_wrapper-2 {
  width: 15rem;
  height: 15rem;
  display: none;
  position: absolute;
  inset: 26% auto auto 0%;
}

.spiral {
  perspective: 90rem;
  width: 15rem;
  height: 15rem;
  position: relative;
  transform: perspective(902px);
}

.back-cam-layer {
  box-shadow: none;
  transform-style: preserve-3d;
  background-image: none;
  border: 1px solid #ffffff2e;
  border-color: #ffffff2e #ffffff40 #0000001a #fff9;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: translate3d(0, 0, 1px);
}

.back-cam-layer.first {
  background-image: linear-gradient(76deg, #00000003, #0000 57%, #ffffff17 60%);
}

.back-cam-layer.last {
  background-image: linear-gradient(76deg, #6d83a091, #0000 47%, #ffffff36 49%, #ffffff3b);
  box-shadow: inset 0 -4px 3px #00000012;
}

.camera-gloss {
  background-color: #ffffff1c;
  width: 3px;
  height: 3px;
  margin-top: 2px;
  margin-left: 2px;
}

.shadow {
  opacity: .08;
  filter: blur(18px);
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  background-color: #000;
  border-radius: 20px;
  height: 40px;
  position: fixed;
  inset: auto 0% 0%;
  transform: translate(0, 62px)rotateX(90deg)rotateY(0)rotateZ(0);
}

.phone-back {
  z-index: 2;
  transform-style: preserve-3d;
  flex: none;
  width: 300px;
  height: 560px;
  display: block;
  position: relative;
  left: -70px;
  transform: translate3d(0, 0, 119px)rotateX(0)rotateY(40deg)rotateZ(0);
}

.scene---trigger {
  height: 100vh;
}

.icon {
  width: 60px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 44% 0% auto;
}

.spiral---item {
  transform-style: preserve-3d;
  width: 15rem;
  height: 15rem;
  position: relative;
  transform: translate3d(0, 0, 30rem);
}

.spiral---item.x-18 {
  transform-style: preserve-3d;
  display: none;
  transform: translate3d(0, 180rem, 30rem);
}

.spiral---item.x-20 {
  transform-style: preserve-3d;
  display: none;
  transform: translate3d(0, 200rem, 30rem);
}

.spiral---item.x-19 {
  transform-style: preserve-3d;
  display: none;
  transform: translate3d(0, 190rem, 30rem);
}

.spiral---item.x-17 {
  transform-style: preserve-3d;
  display: none;
  transform: translate3d(0, 170rem, 30rem);
}

.spiral---item.x-14 {
  transform-style: preserve-3d;
  display: none;
  transform: translate3d(0, 140rem, 30rem);
}

.spiral---item.x-16 {
  transform-style: preserve-3d;
  display: none;
  transform: translate3d(0, 160rem, 30rem);
}

.spiral---item.x-10 {
  transform-style: preserve-3d;
  transform: translate3d(0, 100rem, 30rem);
}

.spiral---item.x-15 {
  transform-style: preserve-3d;
  display: none;
  transform: translate3d(0, 150rem, 30rem);
}

.spiral---item.x-13 {
  transform-style: preserve-3d;
  display: block;
  transform: translate3d(0, 130rem, 30rem);
}

.spiral---item.x-18 {
  transform-style: preserve-3d;
  transform: translate3d(0, 180rem, 30rem);
}

.spiral---item.x-06 {
  transform-style: preserve-3d;
  transform: translate3d(0, 60rem, 30rem);
}

.spiral---item.x-12 {
  transform-style: preserve-3d;
  transform: translate3d(0, 120rem, 30rem);
}

.spiral---item.x-08 {
  transform-style: preserve-3d;
  transform: translate3d(0, 80rem, 30rem);
}

.spiral---item.x-02 {
  transform-style: preserve-3d;
  transform: translate3d(0, 20rem, 30rem);
}

.spiral---item.x-11 {
  transform-style: preserve-3d;
  transform: translate3d(0, 110rem, 30rem);
}

.spiral---item.x-20 {
  transform-style: preserve-3d;
  transform: translate3d(0, 200rem, 30rem);
}

.spiral---item.x-01 {
  transform-style: preserve-3d;
  transform: translate3d(0, 10rem, 30rem);
}

.spiral---item.x-09 {
  transform-style: preserve-3d;
  transform: translate3d(0, 90rem, 30rem);
}

.spiral---item.x-03 {
  transform-style: preserve-3d;
  transform: translate3d(0, 30rem, 30rem);
}

.spiral---item.x-19 {
  transform-style: preserve-3d;
  transform: translate3d(0, 190rem, 30rem);
}

.spiral---item.x-07 {
  transform-style: preserve-3d;
  transform: translate3d(0, 70rem, 30rem);
}

.spiral---item.x-04 {
  transform-style: preserve-3d;
  transform: translate3d(0, 40rem, 30rem);
}

.spiral---item.x-17 {
  transform-style: preserve-3d;
  transform: translate3d(0, 170rem, 30rem);
}

.spiral---item.x-14 {
  transform-style: preserve-3d;
  transform: translate3d(0, 140rem, 30rem);
}

.spiral---item.x-16 {
  transform-style: preserve-3d;
  transform: translate3d(0, 160rem, 30rem);
}

.spiral---item.x-05 {
  transform-style: preserve-3d;
  transform: translate3d(0, 50rem, 30rem);
}

.spiral---item.x-15 {
  transform-style: preserve-3d;
  transform: translate3d(0, 150rem, 30rem);
}

.spiral---item.x-13 {
  transform-style: preserve-3d;
  transform: translate3d(0, 130rem, 30rem);
}

.cam3 {
  z-index: 10;
  transform-style: preserve-3d;
  background-image: linear-gradient(to top, #15202d, #5e6d7e 10%, #15202d 20%, #fff 28%, #647586 71%, #555353);
  border-radius: 100px;
  width: 45px;
  height: 45px;
  position: absolute;
  inset: 57px auto auto 84px;
  transform: translate3d(0, 0, 4px);
}

.front-design {
  background-color: #0f0f0f;
  border: 3px solid #818ea0;
  border-radius: 26px;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.spiral---rotate {
  transform-style: preserve-3d;
  position: absolute;
  inset: 0%;
  transform: rotateX(0)rotateY(45deg)rotateZ(0);
}

.spiral---rotate.x-00 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(-3deg)rotateZ(0);
}

.cam1-layer {
  transform-style: preserve-3d;
  background-image: linear-gradient(to top, #15202d, #5e6d7e 10%, #15202d 20%, #fff 28%, #647586 71%, #555353);
  border-radius: 100px;
  position: absolute;
  inset: 0%;
  transform: translate3d(0, 0, 1px);
  box-shadow: 2px 6px #00000008, 0 3px 3px #0000001a;
}

.cam1-layer.light {
  border: 1px solid #ffffff85;
}

.cam1-layer.last {
  z-index: 2;
  background-color: #0f0f0f;
  background-image: none;
  border: 3px solid #818ea0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.flash-layer {
  transform-style: preserve-3d;
  background-image: linear-gradient(#ffffffd9, #0000);
  border-radius: 100px;
  position: absolute;
  inset: 0%;
  transform: translate3d(0, 0, 1px);
  box-shadow: 2px 6px #00000008, 0 3px 3px #0000001a;
}

.flash-layer.is-flashligh {
  z-index: 2;
  background-image: radial-gradient(circle, #eaf5ff, #b8b6a4);
  border: 1px solid #ffffff5c;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: inset -4px 0 3px #afbece, inset -1px 0 3px #fff;
}

.scene---extra {
  height: 10vh;
}

.back-camera-lens {
  background-color: #ffffff24;
  border-radius: 100%;
  padding: 5px;
}

.back-camera-lens.medium {
  background-color: #dfdfdf12;
  padding: 3px;
}

.persona {
  width: 38vw;
  max-width: none;
  display: block;
  position: absolute;
  top: -230px;
  left: -240px;
}

.btn1 {
  background-color: #bfcfe4;
  border: .5px solid #f1f1f199;
  border-color: #f1f1f199 #5f7080 #333f4a #4a4b4d;
  border-radius: 10px;
  width: 100%;
  height: 20px;
  margin-bottom: 20px;
  position: relative;
  transform: translate(0);
}

.btn1.btn2 {
  height: 30px;
  margin-top: 0;
  margin-bottom: 10px;
}

.btn1.btn3 {
  height: 50px;
  margin-top: 0;
  margin-bottom: 10px;
}

.back-cam {
  z-index: 0;
  transform-style: preserve-3d;
  border-bottom: 1px solid #ffffff5c;
  border-right: 1px solid #fff;
  border-radius: 20px;
  width: 120px;
  height: 120px;
  position: absolute;
  inset: 20px auto auto 20px;
  transform: translate3d(0, 0, 1px);
  box-shadow: 0 2px 3px #a0b3c7;
}

.modal-body {
  z-index: 50;
  width: 70%;
  height: 70%;
  position: relative;
}

.modal-body.modal-one {
  top: -110px;
}

.screen-wallpaper {
  background-image: url('../images/Light_Beams_Blue_Light-iPhone-13-Pro-official-apple-wallpaper-1.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  height: 100%;
  transform: translate(0);
}

.backcamera-detail {
  background-image: linear-gradient(106deg, #08ceff 6%, #070707 30%, #564f8a 76%, #c6ddf47d 84%);
  border: 1px solid #222121;
  border-radius: 10px;
  width: 14px;
  height: 14px;
  position: relative;
  box-shadow: inset 3px 0 3px #ffffff54;
}

.backcamera-detail.greener {
  background-image: linear-gradient(106deg, #08ff08 6%, #070707 30%, #564f8a 76%, #c6ddf47d 84%);
}

.buttons-depth-layer {
  z-index: 4;
  transform-style: preserve-3d;
  width: 10px;
  display: block;
  position: absolute;
  inset: 0%;
  transform: translate3d(0, 0, -1px);
}

.buttons-depth-layer.layer-2 {
  transform-style: preserve-3d;
  transform: translate3d(0, 0, -2px);
}

.camera-gloss-3 {
  background-color: #ffffff1c;
  border-radius: 20px;
  width: 6px;
  height: 6px;
  margin-top: 2px;
  margin-left: 2px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.services-animation {
  background-image: url('../images/background--cmi.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-phone {
  perspective: none;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
  transform: scale3d(.8, .8, .7)rotateX(0)rotateY(30deg)rotateZ(0);
}

.row-scroll {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

._154-mouse {
  border: 3px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: flex-start;
  width: 30px;
  height: 50px;
  display: flex;
}

._154-circle {
  background-color: #fff;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-top: 8px;
}

._154-scroll-text {
  color: #fff;
  text-align: center;
  letter-spacing: 10px;
  margin-top: 20px;
  margin-right: -10px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: .8em;
}

.logos-3d {
  z-index: 1;
  width: 8vw;
}

.link {
  z-index: 5;
  color: red;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-left: 5px;
  font-family: Monumentextended, sans-serif;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 3vw;
  text-decoration: none;
}

.kit {
  z-index: 10;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: none;
  position: absolute;
  inset: auto auto 5%;
}

.download-icon {
  width: 2.5vw;
  margin-right: 1rem;
}

.logos-shadow {
  z-index: 5;
  background-color: #00000080;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 7vw;
  height: 7vw;
  display: none;
  box-shadow: 4px 4px 5px 2px #00000047;
}

.box-logos {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 80%;
  display: flex;
}

.modal-video-clarosports {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-background {
  z-index: 99999;
  cursor: pointer;
  background-color: #000;
  position: absolute;
  inset: 0%;
}

.modal_body {
  z-index: 999999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: relative;
}

.modal-descript {
  text-align: center;
  background-color: #0000;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 76%;
  margin: auto;
  padding: 10px;
  display: flex;
}

.modal_close-button {
  z-index: 99999;
  color: #fff;
  cursor: pointer;
  width: 1.5vw;
  position: absolute;
  inset: 2vw 2vw auto auto;
}

.modal-content {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.h1-modal {
  color: #fff;
  text-align: left;
  letter-spacing: .1vw;
  margin-top: 0;
  margin-bottom: .7vw;
  font-family: Montserrat, sans-serif;
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 1.5vw;
}

.modal-video-contenedor-telcel, .modal-video-microsoft-start, .modal-video-microsoft-casual-games {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.kit-modal {
  z-index: 10;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  text-decoration: none;
  display: flex;
  position: static;
  inset: auto auto 5%;
}

.h1_titles_anim {
  color: #fff;
  text-align: center;
  letter-spacing: .5vw;
  width: 100%;
  margin-top: 10rem;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 6vw;
  font-weight: 700;
  line-height: 6vw;
}

.modal-video-one-data, .modal-video-promo-megas, .modal-video-unotv, .modal-video-push, .modal-video-outlook, .modal-video-influencer, .modal-video-silent-install, .modal-video-ra, .modal-video-egaming {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.gradient-title {
  font-size: 7vw;
  font-weight: 900;
  text-decoration: none;
}

.none {
  display: none;
}

.vimeo {
  width: 100%;
}

.vimeo.left-tv {
  left: -5.5rem;
}

.logos {
  width: 8vw;
  margin-bottom: 1rem;
}

.italic {
  font-style: italic;
}

.italic.line-gradient {
  background-image: url('../images/line-cmi.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.code-embed {
  display: block;
}

.img-banners {
  width: 100%;
}

.modal-video-vallas {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.logo-vallas {
  color: #fff;
  letter-spacing: .2rem;
  font-family: Montserrat, sans-serif;
  font-size: 1.5vw;
  line-height: 3vh;
}

.modal-video-amx, .modal-contact {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.gradient-title-contact {
  font-size: 5vw;
  font-weight: 500;
  text-decoration: none;
}

.container-notas {
  z-index: 2;
  flex: none;
  width: 100%;
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.container-notas.header-wrapper {
  padding-top: 10rem;
}

.center-gap-medium {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 65vw;
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
}

.center-gap-medium.width {
  align-self: flex-start;
  align-items: center;
  max-width: none;
  padding-top: 4em;
  padding-bottom: 0;
}

.cmi_notas_intro_main-grid {
  grid-column-gap: 2.2em;
  grid-row-gap: 2.2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-content: center;
  align-items: start;
  width: 100%;
  display: flex;
  position: relative;
}

.overflow {
  position: relative;
  overflow: hidden;
}

.cmi_subtitle-descript {
  color: #fff;
  text-align: left;
  letter-spacing: .2vw;
  flex: 0 auto;
  font-family: Lato, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 2.5vw;
}

.cmi_subtitle-descript.span_subtitle {
  text-align: center;
  letter-spacing: .1vw;
  font-family: Montserrat, sans-serif;
  font-size: 1.2vw;
  line-height: 2.3vw;
}

.cmi_h1 {
  color: #fff;
  letter-spacing: .5vw;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 6vw;
  font-weight: 700;
  line-height: 8vw;
}

.cmi_notas_subtitle_intro {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 70vw;
  margin-top: 3vw;
  margin-bottom: 0;
  display: flex;
}

.card-note {
  width: 25%;
}

.int_notas_container-fluid {
  max-width: 100%;
  margin-left: 70px;
  margin-right: 70px;
}

.int_notas_container-descript {
  justify-content: center;
  align-items: center;
  padding: 5rem 2rem;
  display: flex;
}

.int_notas_portada {
  padding: 0 2rem;
}

.portada_note {
  border-radius: 20px;
  width: 100%;
}

.descript-note {
  width: 70%;
}

.cmi_p2 {
  color: #fff;
  width: 100%;
  font-family: DM Sans, sans-serif;
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 2vw;
  text-decoration: none;
}

.link-int-note {
  color: #da1a2d;
  text-decoration: none;
}

.link-2, .link-4 {
  text-decoration: none;
}

.cmi_note-date {
  color: #dc1a2d;
  text-align: left;
  letter-spacing: .1vw;
  flex: 0 auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 2.5vw;
}

.h1-modal-contact {
  color: #fff;
  text-align: left;
  letter-spacing: .1vw;
  margin-top: 0;
  margin-bottom: .7vw;
  font-family: Montserrat, sans-serif;
  font-size: 4vw;
  font-weight: 500;
  line-height: 5vw;
}

@media screen and (min-width: 1280px) {
  .button-withe {
    width: 100px;
    height: 100px;
  }

  .col-rg-contacto {
    width: 100%;
  }

  .col-lf-contacto {
    width: 60%;
  }

  .persona {
    top: -220px;
    left: -240px;
  }

  .modal_body {
    height: 100%;
  }
}

@media screen and (min-width: 1440px) {
  .arrow-down {
    width: 1.5vw;
  }

  .padding-vertical.padding-medium {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .button-withe {
    width: 100px;
    height: 100px;
  }

  .main-wrapper {
    overflow: hidden;
  }

  .circle-3_wrapper {
    top: 25%;
    right: 10%;
  }

  .circle-1.pos-3 {
    position: static;
  }

  .circle-5_wrapper {
    top: -80%;
    right: 14%;
  }

  .arrow-r {
    width: 1vw;
  }

  .h1_titles-_contact.padding-medium.margin-small {
    padding-right: 0;
  }

  .circle-r {
    top: 12%;
  }

  .p-btn {
    box-sizing: border-box;
  }

  .col-rg-contacto {
    width: 100%;
  }

  .title-contact {
    display: flex;
    position: relative;
  }

  .seccion-contacto {
    overflow: hidden;
  }

  .col-lf-contacto {
    width: 70%;
  }

  .col-lg-3.uno {
    background-repeat: no-repeat;
    background-size: cover;
  }

  .logos-shadow, .box-logos {
    top: 3vw;
    left: 3vw;
  }
}

@media screen and (min-width: 1920px) {
  .arrow-down {
    max-width: none;
  }

  .container {
    margin-left: 100px;
  }

  .padding-vertical.padding-medium {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .nav_container {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .p_lg {
    font-size: 1.5vw;
  }

  .page-padding {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .button-withe {
    width: 100px;
    height: 100px;
  }

  .image-4, .image-5 {
    width: 100%;
  }

  .h4_titles_noticias {
    font-size: .7vw;
    line-height: 1vw;
  }

  .card-noticias {
    width: 100%;
    padding: 20px;
  }

  .card-noticias.first {
    justify-content: space-around;
    width: 100%;
    padding: 30px;
  }

  .container-fluid {
    max-width: 100%;
  }

  .col-4 {
    width: 30%;
  }

  .col-2 {
    width: 15%;
  }

  .btn-right {
    width: 60px;
    height: 60px;
  }

  .h1_titles-_contact.padding-medium.margin-small {
    padding-right: 0;
  }

  .col-lg-3.dos, .col-lg-3.tres, .col-lg-3.cuatro {
    height: 220px;
  }

  .redes {
    width: 60px;
    height: 60px;
  }

  .arrow-news {
    width: .7vw;
  }

  .cmi_subtitle-descript.span_subtitle {
    font-size: 1vw;
  }

  .card-note {
    width: 30%;
  }

  .int_notas_container-fluid {
    max-width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-medium {
    padding: 1.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .container-nav {
    margin-left: 50px;
    margin-right: 50px;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .home-header_subheading {
    justify-content: flex-start;
    display: flex;
  }

  .p_lg {
    font-size: 2.7vw;
    line-height: 4vw;
  }

  .menu-icon {
    color: #fff;
    display: none;
  }

  .menu-button {
    margin-right: -.75rem;
    padding: .75rem;
  }

  .menu-button.w--open {
    color: #0b0b1f;
    background-color: #c8c8c800;
  }

  .button-withe {
    width: 60px;
    height: 60px;
  }

  .h2_subtitles {
    width: 70%;
    font-size: 2vw;
    line-height: 4vw;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .html-embed {
    border-radius: 2.5rem;
    width: 100%;
    height: 50vw;
    display: none;
    overflow: hidden;
  }

  .p_txt {
    width: 90%;
    font-size: 2.3vw;
    line-height: 4vw;
  }

  .seccion-noticias {
    display: none;
  }

  .h3_encabezados.padding-medium.margin-small {
    padding-left: 0;
  }

  .h4_titles_noticias {
    font-size: 1.8vw;
    line-height: 2.5vw;
  }

  .date {
    font-size: 1.7vw;
    line-height: 2vw;
  }

  .description {
    font-size: 1.5vw;
    line-height: 2vw;
  }

  .noticias-movil {
    display: block;
    overflow: hidden;
  }

  .button-ver {
    text-decoration: none;
  }

  .carousel-mask {
    width: 45%;
  }

  .p-ver {
    font-size: 2vw;
  }

  .card-header {
    background-image: url('../images/noticia-1.png');
  }

  .button-contactanos.pd-sm.margin-small, .h1_titles-_contact.padding-medium.margin-small {
    padding-left: 0;
  }

  .p-btn {
    letter-spacing: .1rem;
    font-size: 1.7vw;
  }

  .col-lf-contacto {
    width: 100%;
  }

  .social-img {
    width: 2vw;
  }

  .txt-footer, .txt-footer.mb-0 {
    font-size: 1.3vw;
    line-height: 2vw;
  }

  .arrow-news {
    width: 2vw;
  }

  .circle-1_wrapper-2, .spiral {
    width: 10rem;
    height: 10rem;
  }

  .persona {
    width: 85vw;
    left: -250px;
  }

  .link {
    font-size: 2.3vw;
  }

  .download-icon {
    width: 3.7vw;
  }

  .h1-modal {
    font-size: 2.5vw;
    line-height: 3.5vw;
  }

  .h1_titles_anim {
    width: 100%;
    font-size: 4vw;
    line-height: 6vw;
  }

  .logos {
    width: 17vw;
  }

  .container-notas {
    flex: 0 auto;
    padding: 10vw 5vw;
  }

  .cmi_notas_intro_main-grid {
    grid-template-columns: 1fr 1fr;
  }

  .cmi_subtitle-descript {
    font-size: 2vw;
  }

  .cmi_subtitle-descript.span_subtitle {
    font-size: 1.5vw;
  }

  .cmi_h1 {
    font-size: 4em;
  }

  .cmi_notas_subtitle_intro {
    width: 80vw;
  }

  .descript-note {
    width: 90%;
  }

  .cmi_p2 {
    width: 90%;
    font-size: 2.3vw;
    line-height: 4vw;
  }

  .cmi_note-date, .h1-modal-contact {
    font-size: 2vw;
  }
}

@media screen and (max-width: 767px) {
  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-medium {
    padding: 1.25rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .nav_logo-link {
    padding-left: 0;
  }

  .page-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .description {
    margin-top: .875rem;
    font-size: 1.125rem;
  }

  .carousel-mask {
    width: 60%;
  }

  .carousel-slider._6 {
    right: -45%;
  }

  .carousel-slider._5 {
    right: -36%;
  }

  .carousel-slider._2 {
    right: -9%;
  }

  .carousel-slider._8 {
    right: -63%;
  }

  .carousel-slider._7 {
    right: -54%;
  }

  .carousel-slider._4 {
    right: -27%;
  }

  .carousel-slider._3 {
    right: -18%;
  }

  .spiral---img {
    border-radius: .5rem;
  }

  .spiral {
    width: 10rem;
    height: 10rem;
  }

  .phone-back {
    top: -100px;
    left: -40px;
  }

  .spiral---item {
    width: 10rem;
    height: 10rem;
    transform: translate3d(0, 0, 10rem);
  }

  .spiral---item.x-18 {
    transform: translate3d(0, 70rem, 10rem);
  }

  .spiral---item.x-12, .spiral---item.x-08 {
    transform: translate3d(0, 70rem, 10rem);
  }

  .spiral---item.x-11, .spiral---item.x-20 {
    transform: translate3d(0, 70rem, 10rem);
  }

  .spiral---item.x-19, .spiral---item.x-07 {
    transform: translate3d(0, 70rem, 10rem);
  }

  .spiral---item.x-17, .spiral---item.x-14, .spiral---item.x-16 {
    transform: translate3d(0, 70rem, 10rem);
  }

  .spiral---item.x-10, .spiral---item.x-15, .spiral---item.x-13, .spiral---item.x-18 {
    transform: translate3d(0, 70rem, 10rem);
  }

  .spiral---item.x-06 {
    transform: translate3d(0, 60rem, 10rem);
  }

  .spiral---item.x-12, .spiral---item.x-08 {
    transform: translate3d(0, 70rem, 10rem);
  }

  .spiral---item.x-02 {
    transform: translate3d(0, 20rem, 10rem);
  }

  .spiral---item.x-11, .spiral---item.x-20 {
    transform: translate3d(0, 70rem, 10rem);
  }

  .spiral---item.x-01 {
    transform: translate3d(0, 10rem, 10rem);
  }

  .spiral---item.x-09 {
    transform: translate3d(0, 70rem, 10rem);
  }

  .spiral---item.x-03 {
    transform: translate3d(0, 30rem, 10rem);
  }

  .spiral---item.x-19, .spiral---item.x-07 {
    transform: translate3d(0, 70rem, 10rem);
  }

  .spiral---item.x-04 {
    transform: translate3d(0, 40rem, 10rem);
  }

  .spiral---item.x-17, .spiral---item.x-14, .spiral---item.x-16 {
    transform: translate3d(0, 70rem, 10rem);
  }

  .spiral---item.x-05 {
    transform: translate3d(0, 50rem, 10rem);
  }

  .spiral---item.x-15, .spiral---item.x-13 {
    transform: translate3d(0, 70rem, 10rem);
  }

  .section-phone {
    flex-direction: column;
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 100px;
  }

  .container-notas.header-wrapper {
    margin-top: 88px;
  }

  .cmi_notas_intro_main-grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .cmi_h1 {
    font-size: 40px;
  }

  .cmi_notas_subtitle_intro {
    margin-left: 2vw;
    margin-right: 2vw;
  }
}

@media screen and (max-width: 479px) {
  .arrow-down {
    width: 3vw;
  }

  .nav_bar {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-medium {
    padding-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  .container-nav {
    margin-left: 20px;
    margin-right: 20px;
  }

  .h1_titles {
    width: 100%;
    padding-right: 0;
    font-size: 6vw;
    line-height: 9vw;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom.margin-small {
    margin-left: 0;
  }

  .image-2 {
    width: 20vw;
  }

  .home-header_subheading {
    justify-content: flex-start;
    font-size: 5vw;
    display: none;
  }

  .p_lg {
    font-size: 5vw;
    line-height: 7vw;
  }

  .menu-icon {
    display: none;
  }

  .home-header_video {
    height: 80vh;
    min-height: auto;
  }

  .page-padding.align-bottom {
    align-self: center;
  }

  .button-withe {
    width: 45px;
    height: 45px;
    padding: 0;
    position: relative;
    top: 20px;
  }

  .circle-3_wrapper {
    width: 10rem;
    height: 10rem;
    top: 26%;
  }

  .h2_subtitles {
    width: 100%;
    font-size: 4vw;
    line-height: 7vw;
  }

  .circle-1.pos-1, .circle-1.pos-3 {
    width: 5rem;
    height: 5rem;
  }

  .circle-1.pos-2 {
    width: 5rem;
    height: 5rem;
    bottom: 10%;
  }

  .circle-1.pos-1, .circle-1.pos-3, .circle-1.pos-2, .circle-1.pos-2 {
    width: 15rem;
    height: 15rem;
  }

  .cmi-red {
    display: none;
  }

  .circle-1_wrapper {
    width: 5rem;
    height: 5rem;
    top: 46.6vw;
  }

  .circle-1_wrapper.none {
    display: none;
  }

  .circle-3.pos-3 {
    width: 15rem;
    height: 15rem;
  }

  .circle-3.pos-3.sm {
    width: 10rem;
    height: 10rem;
  }

  .circle-3.pos-1 {
    width: 20rem;
    height: 20rem;
  }

  .circle-3.pos-1.sm {
    width: 10rem;
    height: 10rem;
  }

  .circle-3.pos-2 {
    width: 20rem;
    height: 20rem;
  }

  .circle-3.pos-2.sm {
    width: 10rem;
    height: 10rem;
  }

  .circle-2_wrapper {
    display: none;
  }

  .p_txt {
    width: 100%;
    font-size: 5vw;
    line-height: 7vw;
  }

  .h3_encabezados.padding-medium.margin-small {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0;
    font-size: 5.5vw;
  }

  .h3_encabezados.mb-3 {
    margin-bottom: 2rem;
    font-size: 5vw;
    line-height: 8vw;
  }

  .h4_titles_noticias {
    color: #fff;
    font-size: 3.3vw;
    line-height: 5vw;
  }

  .date {
    font-size: 3vw;
    line-height: 7vw;
  }

  .circle-4_wrapper {
    width: 20rem;
    height: 20rem;
    display: none;
    top: 137px;
  }

  .description {
    color: #fff;
    font-size: 3vw;
    line-height: 5vw;
  }

  .circle-5_wrapper.noticias {
    inset: 250px 0% 0% auto;
  }

  .card {
    background-color: #262626;
    border-radius: 1rem;
    width: 100%;
    padding: 20px;
  }

  .noticias-movil {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 3rem;
    position: relative;
    overflow: hidden;
  }

  .arrow-r {
    width: 3vw;
  }

  .card-body {
    padding: 10px 0 0;
  }

  .slide-nav {
    display: none;
  }

  .button-ver, .button-ver.w--current {
    text-decoration: none;
  }

  .carousel-mask {
    width: 100%;
  }

  .p-ver {
    font-size: 3vw;
    text-decoration: none;
  }

  .carousel-slider {
    padding-left: 10px;
    padding-right: 10px;
  }

  .carousel-slider._6, .carousel-slider._5, .carousel-slider._2, .carousel-slider._8, .carousel-slider._7, .carousel-slider._4, .carousel-slider._3 {
    right: 0%;
  }

  .card-header {
    background-image: url('../images/noticia-1.png');
    height: 200px;
  }

  .card-header._2 {
    background-image: url('../images/noticia-2.png');
  }

  .card-header._3 {
    background-image: url('../images/noticia-3.png');
  }

  .contacto {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .button-contactanos.pd-sm.margin-small {
    margin-bottom: 5vw;
    margin-left: 0;
    padding-left: 0;
  }

  .img-contact {
    width: 100%;
    bottom: -1rem;
  }

  .h1_titles-_contact.padding-medium.margin-small {
    margin-left: 0;
    padding-left: 0;
    font-size: 5.5vw;
    line-height: 7vw;
  }

  .circle-r {
    width: 20vw;
    display: none;
    top: 5%;
  }

  .circle-6_wrapper {
    display: none;
  }

  .circle-purple {
    width: 5vw;
  }

  .person-contact {
    width: 100%;
    max-width: none;
    display: none;
  }

  .p-btn {
    letter-spacing: .1vw;
    font-size: 3.5vw;
  }

  .col-rg-contacto {
    width: 100%;
  }

  .title-contact {
    flex-flow: column;
  }

  .seccion-contacto {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .col-lf-contacto {
    width: 100%;
  }

  .person-mobile {
    width: 80%;
    max-width: none;
    display: block;
  }

  .banners {
    flex-flow: column;
  }

  .col-lg-3.uno {
    background-position: 50%;
    background-size: cover;
  }

  .col-lg-3.dos {
    background-position: 50%;
  }

  .col-lg-3.tres {
    background-position: 50%;
    background-size: cover;
  }

  .col-lg-3.cuatro {
    background-position: 50%;
  }

  .row-contact {
    flex-flow: column;
  }

  .footer {
    display: block;
  }

  .p-footer {
    font-size: 4vw;
    line-height: 7vw;
  }

  .text-field::placeholder {
    font-size: 4vw;
  }

  .social-img {
    width: 4vw;
  }

  .txt-footer {
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .txt-footer.mb-0 {
    font-size: 3.7vw;
    line-height: 7vw;
  }

  .col-lg-4 {
    border-bottom: 1px solid #a3a3a3;
    width: 100%;
    padding-top: 7vw;
  }

  .txt-derechos.mb-0 {
    font-size: 3vw;
  }

  .text-field-2::placeholder {
    font-size: 4vw;
  }

  .arrow-news {
    width: 4vw;
  }

  .phone-front {
    flex: none;
    width: 260px;
    height: 500px;
  }

  .spiral---img {
    width: 100%;
    height: 100%;
  }

  .section {
    justify-content: center;
    align-items: center;
    height: 100vh;
    position: relative;
    top: -10px;
    overflow: hidden;
  }

  .scene---sticky {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .circle-1_wrapper-2 {
    top: 53%;
  }

  .phone-back {
    flex: none;
    width: 240px;
    height: 500px;
    margin-top: 20px;
    display: none;
  }

  .spiral---item {
    width: 8rem;
    height: 7rem;
  }

  .spiral---item.x-10 {
    transform: translate3d(0, 100rem, 10rem);
  }

  .spiral---item.x-18 {
    transform: translate3d(0, 180rem, 10rem);
  }

  .spiral---item.x-12 {
    transform: translate3d(0, 120rem, 10rem);
  }

  .spiral---item.x-08 {
    transform: translate3d(0, 80rem, 10rem);
  }

  .spiral---item.x-11 {
    transform: translate3d(0, 110rem, 10rem);
  }

  .spiral---item.x-20 {
    transform: translate3d(0, 200rem, 10rem);
  }

  .spiral---item.x-09 {
    transform: translate3d(0, 90rem, 10rem);
  }

  .spiral---item.x-19 {
    transform: translate3d(0, 190rem, 10rem);
  }

  .spiral---item.x-17 {
    transform: translate3d(0, 170rem, 10rem);
  }

  .spiral---item.x-14 {
    transform: translate3d(0, 140rem, 10rem);
  }

  .spiral---item.x-16 {
    transform: translate3d(0, 160rem, 10rem);
  }

  .spiral---item.x-15 {
    transform: translate3d(0, 150rem, 10rem);
  }

  .spiral---item.x-13 {
    transform: translate3d(0, 130rem, 10rem);
  }

  .spiral---rotate {
    transform: rotateX(0)rotateY(45deg)rotateZ(0);
  }

  .scene---extra {
    height: auto;
  }

  .persona {
    width: 115vw;
    top: -6rem;
    left: -12rem;
  }

  .modal-body {
    width: 100%;
    height: 100%;
  }

  .services-animation {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .section-phone {
    transform-origin: 0%;
    flex-direction: column;
    justify-content: flex-start;
    top: -130%;
    left: -31%;
  }

  .logos-3d {
    width: 11vw;
  }

  .link {
    font-size: 4.3vw;
    line-height: 3vw;
  }

  .download-icon {
    width: 6.7vw;
  }

  .logos-shadow {
    width: 15vw;
    height: 15vw;
  }

  .box-logos {
    width: 100%;
    height: 100%;
  }

  .modal-video-clarosports {
    display: none;
  }

  .modal_body {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-flow: column;
  }

  .modal-descript {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    width: 100%;
  }

  .modal_close-button {
    width: 5vw;
    top: 5vw;
    right: 5vw;
  }

  .modal-content {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    flex-flow: column;
  }

  .h1-modal {
    font-size: 4vw;
    line-height: 6vw;
  }

  .h1_titles_anim {
    width: 100%;
    padding-right: 0;
    font-size: 7vw;
    line-height: 10vw;
  }

  .modal-video-one-data, .modal-video-promo-megas, .modal-video-unotv, .modal-video-push, .modal-video-outlook, .modal-video-silent-install, .modal-video-ra, .modal-video-egaming {
    display: none;
  }

  .gradient-title {
    font-size: 9vw;
  }

  .vimeo.left-tv {
    left: 0;
  }

  .logos {
    width: 30vw;
  }

  .modal-video-vallas {
    display: none;
  }

  .logo-vallas {
    font-size: 3.5vw;
  }

  .modal-video-amx, .modal-contact {
    display: none;
  }

  .gradient-title-contact {
    font-size: 9vw;
  }

  .container-notas {
    flex: 0 auto;
    width: 100%;
  }

  .container-notas.header-wrapper {
    margin-top: 10px;
    padding-bottom: 0;
  }

  .center-gap-medium.width {
    padding-top: 0;
    padding-bottom: 0;
  }

  .cmi_notas_intro_main-grid {
    grid-row-gap: 2em;
  }

  .cmi_subtitle-descript {
    text-align: left;
    font-size: 4vw;
    line-height: 6vw;
  }

  .cmi_subtitle-descript.span_subtitle {
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .cmi_h1 {
    font-size: 8vw;
    line-height: 10vw;
  }

  .cmi_notas_subtitle_intro {
    width: 85%;
    margin-top: 5vw;
    margin-left: auto;
    margin-right: auto;
  }

  .int_notas_container-descript {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .descript-note {
    width: 100%;
  }

  .cmi_p2 {
    width: 100%;
    font-size: 4.5vw;
    line-height: 7vw;
  }

  .cmi_note-date {
    text-align: left;
    font-size: 4vw;
    line-height: 6vw;
  }

  .h1-modal-contact {
    font-size: 4vw;
    line-height: 8vw;
  }
}

#w-node-b296d499-c962-083b-c47d-79fff3443f54-03e91755 {
  grid-area: 1 / 2 / 2 / 12;
  justify-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-b296d499-c962-083b-c47d-79fff3443f54-03e91755 {
    grid-column: 1 / 3;
  }
}


@font-face {
  font-family: 'Monumentextended';
  src: url('../fonts/MonumentExtended-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Monumentextended';
  src: url('../fonts/MonumentExtended-Ultrabold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}