@font-face {
  font-family: "Bagoss";
  src:
    url("../font/BagossStandard-Light.woff2") format("woff2"),
    url("../font/BagossStandard-Light.woff") format("woff");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

*,
::after,
::before {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
}

:root {
  --colorBlanco: #fff;
  --colorBlancoF2: #f2f2f2;
  --colorNegro0: #000;
  --colorNegro: #1f1e1e;
  --colorNegro2: #2b2b2b;
  --colorGris: #8c8c8c;
  --colorGrisClaro: #b2b2b2;
  --colorBlue: #3344ff;

  --colorNegroTransparencia: rgba(43, 43, 43, 0.6);
  --colorNegroTransparencia2: rgba(69, 69, 69, 0.6);

  --ani: all 0.3s ease-in-out;
  --aniBtn: all 0.3s ease-in-out;
  --aniListPro: all 0.8s cubic-bezier(0.64, 0.03, 0.09, 1.01);
  --aniProject: all 0.8s cubic-bezier(0.64, 0.03, 0.09, 1.01);

  --projectWidth: 54rem;
  --projectSpace: 2rem;
}

html {
  font-size: 0.521vw;
}

body {
  font-family: Bagoss;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0px;
  margin: 0px;
  padding: 0px;
  color: var(--colorBlanco);
  background-color: var(--colorNegro);
}

b,
strong {
  font-weight: 700;
}
p {
  margin: 0px 0px 4rem 0px;
}
*:focus {
  outline: none;
}

a {
  color: var(--colorBlanco);
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}

a:hover {
}

header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 9;
  display: flex;
  height: 6.8rem;
  padding: 0px 4rem;
  align-items: center;
}

header .header__logo {
  width: 31rem;
}
header .header__logo .btn__logo {
  display: flex;
}
header .header__logo .btn__logo svg {
  width: 5.1rem;
  height: 3.2rem;
}
header .header__menu {
  display: flex;
  gap: 0.8rem;
}
header .header__menu ul {
  display: flex;
  gap: 3rem;
  padding: 1.2rem 2.4rem;
  border-radius: 4rem;
  background-color: var(--colorNegroTransparencia);
  list-style: none;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  -moz-transition: var(--aniBtn);
  -ms-transition: var(--aniBtn);
  -o-transition: var(--aniBtn);
  transition: var(--aniBtn);
  backdrop-filter: blur(6px);
}
header .header__menu ul li a {
  text-decoration: none;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}

header .header__menu ul.hover li a {
  opacity: 0.3;
}
header .header__menu ul.hover li a:hover {
  opacity: 1;
}

header .header__menu ul li div,
header .header__menu ul li {
  display: flex;
  -moz-transition: var(--aniBtn);
  -ms-transition: var(--aniBtn);
  -o-transition: var(--aniBtn);
  transition: var(--aniBtn);
}

header .header__lang {
  margin-left: auto;
  display: flex;
  gap: 3.6rem;
  align-items: center;
}
header .header__lang a {
  margin-left: auto;
  font-size: 1.6rem;
  line-height: 100%;
  text-decoration: none;
}
header .header__search {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6.8rem;
  opacity: 0;
  visibility: 1;
  -moz-transition: var(--aniBtn);
  -ms-transition: var(--aniBtn);
  -o-transition: var(--aniBtn);
  transition: var(--aniBtn);
}

.btn {
  display: inline-flex;
  padding: 1rem 2.4rem;
  align-items: center;
  border-radius: 4rem;
  background: var(--colorNegroTransparencia);
  color: var(--colorBlanco);
  backdrop-filter: blur(6px);
  font-family: Bagoss;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0.016rem;
  text-decoration: none;
  border: 0;
  -moz-transition: var(--aniBtn);
  -ms-transition: var(--aniBtn);
  -o-transition: var(--aniBtn);
  transition: var(--aniBtn);
  cursor: pointer;
}

.btn:hover {
  background: var(--colorNegroTransparencia2);
}

.btn-secundary {
  padding: 1rem 1.6rem;
  border-radius: 1.2rem;
  transition-duration: 0.6s;
  transition-delay: 0s;
}
.btn-secundary:hover {
  border-radius: 3rem;
  transition-delay: 0s;
}
.f_white .marq__btns .btn,
.btn-white {
  background-color: var(--colorBlancoF2);
  color: var(--colorGris);
}
.f_white .marq__btns .btn:hover,
.btn-white:hover {
  background-color: var(--colorBlue);
  color: var(--colorBlanco);
  border-radius: 3rem;
}
.btn-xs {
  padding: 1rem 1.2rem;
  font-weight: 300;
  line-height: 106%;
  border-radius: 0.8rem;
}
.btn-xl {
  height: 28.4rem;
  width: 60rem;
  border-radius: 10rem;
  font-size: 3.6rem;
  line-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-xl:hover {
  border-radius: 30rem;
}
.btn-blue {
  background-color: var(--colorBlue);
  color: var(--colorBlanco);
}
.btn-blue:hover {
  background-color: var(--colorBlue);
  color: var(--colorBlanco);
}

.btn__menu {
  position: relative;
}
.btn__menu:hover {
  background-color: var(--colorBlue);
}

.btn__menu .btn__menu-title {
  -moz-transition: var(--aniBtn);
  -ms-transition: var(--aniBtn);
  -o-transition: var(--aniBtn);
  transition: var(--aniBtn);
}
.btn__menu .btn__menu-close {
  position: absolute;
  width: 17px;
  height: 17px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.btn__menu .btn__menu-close span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2rem;
  height: 1px;
  background: var(--colorGris);
  transform: translate(-50%, -50%);
  opacity: 0;
  -moz-transition: var(--aniBtn);
  -ms-transition: var(--aniBtn);
  -o-transition: var(--aniBtn);
  transition: var(--aniBtn);
}
.btn.btn-header-search {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.btn.btn-header-search .ico-close {
  display: none;
}
.btn.btn-header-search.active .ico-close {
  display: block;
}
.btn.btn-header-search.active .ico-search {
  display: none;
}

.header__menu.active .btn__menu-title {
  opacity: 0;
}
.header__menu.active .btn__menu {
  padding: 1rem 1.2rem;
}
.header__menu.active .btn__menu .btn__menu-close span {
  opacity: 1;
}
.header__menu.active .btn__menu .btn__menu-close span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}
.header__menu.active .btn__menu .btn__menu-close span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-45deg);
}

header .header__menu ul li div {
  opacity: 0;
  transition-delay: 0s;
  transition-duration: 0.6s;
}
.header__menu.active ul li div {
  opacity: 1;
}
.header__menu.active ul li:nth-child(1) div {
  transition-delay: 0.1s;
}
.header__menu.active ul li:nth-child(2) div {
  transition-delay: 0.14s;
}
.header__menu.active ul li:nth-child(3) div {
  transition-delay: 0.18s;
}
.header__menu.active ul li:nth-child(4) div {
  transition-delay: 0.22s;
}
.header__menu.active ul li:nth-child(5) div {
  transition-delay: 0.26s;
}

.header__menu ul {
  transform: translateX(-2rem);
}
.header__menu.active ul {
  opacity: 1;
  visibility: visible;
  transform: translateX(0rem);
}

.btn-header-filter {
  opacity: 0;
  visibility: hidden;
}

body.projects .btn-header-filter,
body.projects .header__search {
  opacity: 1;
  visibility: visible;
}

.contacto {
  background-color: var(--colorBlanco);
  padding: 17rem 4rem 0rem 4rem;
  display: flex;
}
.contacto__col3,
.contacto__col2,
.contacto__col1 {
  display: flex;
  flex-direction: column;
  gap: 2.8rem;
  width: 31rem;
  flex: none;
}
.contacto__col3 {
  width: 62rem;
}

.contacto__block {
  display: inline-flex;
  flex-direction: column;
}
.contacto__block-data {
  display: inline-flex;
  flex-direction: column;
}
.contacto__block-databig {
  gap: 1rem;
}
.contacto__block-data .font-14 {
  line-height: 130%;
}
.contacto__block-data a {
  text-decoration: none;
}
.footer__ani-container,
.contacto__ani-container {
  width: 100%;
  height: 62rem;
  position: relative;
  overflow: hidden;
  pointer-events: none;
}
.footer__ani,
.contacto__ani {
  width: 100%;
  height: 100.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.footer__ani-container {
  margin-top: -6rem;
}

.contacto__container {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
}

.footer__bottom,
.contacto__copy {
  position: absolute;
  bottom: 5rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.4rem;
}
body.contact footer {
  display: none;
}

.container {
  padding: 0 4rem;
}

.mod_img_video_full iframe,
.mod_img_video_full img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.mod_img_video_full iframe {
  height: 102.5rem;
}

.mod_carousel_sparks h2,
.gallery__txts-title h2,
.mod_marquesina h2 {
  margin: 0 0 2rem;
  font-weight: 300;
  font-size: 1.6rem;
}

.mod_carousel_sparks h2 {
  margin: 0 0 6rem;
  font-weight: 300;
  font-size: 2rem;
}

.maquesina_txt {
  margin-top: 15.6rem;
}
.maquesina_imgs img {
  height: 85vh;
  width: auto;
}

.mod_equipo {
  padding: 8rem 0px;
}

.mod_equipo h2 {
  margin: 0;
  font-weight: 300;
  font-size: 2.4rem;
  line-height: 120%;
}
/* .equipo__miembros {
  position: relative;
  height: calc(100vh - 15rem);
}
.equipo__miembros .miembro {
  position: absolute;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
}
.equipo__miembros .miembro img {
  height: 5vh;
}
.equipo__miembros .miembro__data {
  opacity: 0;
} */

.equipo {
  display: flex;
  justify-content: space-between;
}
.equipo .equipo__miembros {
  display: flex;
}
.equipo .equipo__miembros img {
  max-height: 66rem;
  max-width: 47rem;
  width: auto;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}

.equipo div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.miembro-desc {
  font-size: 2rem;
  line-height: 110%;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}
.equipo__miembros-desc {
  position: relative;
  width: 90%;
}
.miembro-desc.hover {
  opacity: 1;
  visibility: visible;
}

.equipo__miembros .miembro {
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}
.equipo__miembros:hover .miembro {
  opacity: 0.5;
}
.equipo__miembros:hover .miembro:hover {
  opacity: 1;
}

.premios__tabs table {
  width: 100%;
  border-collapse: collapse;
  font-weight: 300;
  font-size: 2.4rem;
  line-height: 95%;
}

.premios__tabs table tr td {
  border-bottom: 1px solid var(--colorGrisClaro);
  padding: 1.2rem 0px;
  color: var(--colorGrisClaro);
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}
.premios__tabs table tr:hover td {
  border-bottom: 1px solid var(--colorBlanco);
  color: var(--colorBlanco);
}
.premios__tabs table tr td:last-child {
  text-align: right;
}
.premios__tabs ul {
  display: flex;
  margin: 0px;
  padding: 0px;
  gap: 5.2rem;
  align-items: center;
  list-style: none;
  margin-bottom: 7rem;
  font-size: 2.4rem;
  line-height: 95%;
}
.premios__tabs ul li a {
  text-decoration: none;
  color: var(--colorGrisClaro);
  display: flex;
  gap: 0.8rem;
}
.premios__tabs ul li a span {
  font-size: 10px;
  line-height: 100%;
}

.premios__tabs ul li a.activeTab {
  color: var(--colorBlanco);
}
.premios__tabs ul li a:hover {
  color: var(--colorBlue) !important;
}
.premios__tabs table tr td .premio__btn {
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
  opacity: 0;
}
.premios__tabs table tr:hover td .premio__btn {
  opacity: 1;
}

.premios__tabs-content {
  display: none;
}
.premios__tabs-content.activeTab {
  display: block;
}

.miembro__cargo {
  font-size: 1.6rem;
  color: var(--colorGrisClaro);
  margin-top: 2.4rem;
}
.miembro__nombre {
  font-size: 2.8rem;
  line-height: 114%;
  margin-top: 1.2rem;
}
.miembro__desc {
  display: none;
}

.marquesina__item {
  width: 65.3rem;
  margin-left: 3.2rem;
  border-right: 1px solid var(--colorBlanco);
  color: var(--colorBlanco);
  min-height: 19rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-right: 4rem;
  margin-bottom: 0.2rem;
}

.marquesina__item .marquesina__item-data .marquesina__item-desc,
.marquesina__item .marquesina__item-number {
  font-size: 1.8rem;
  line-height: 112%;
}

.marquesina__item .marquesina__item-data {
  display: flex;
  gap: 8rem;
  justify-content: space-between;
  align-items: end;
}

.marquesina__item .marquesina__item-data .marquesina__item-desc {
  width: 33rem;
  flex: 0 0 auto;
}

.marquesina__item .marquesina__item-data .marquesina__item-title {
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 102%; /* 36.72px */
  letter-spacing: -0.036rem;
}

.texto_2colums {
  display: flex;
}
.texto_2colums .texto_2colums-title {
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 300;
  line-height: 115%; /* 32.2px */
  letter-spacing: 0.028rem;
  margin-left: 46.5rem;
  width: 31rem;
}
.texto_2colums .texto_2colums-cont {
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 102%; /* 36.72px */
  letter-spacing: -0.036rem;
  width: 61.8rem;
  margin-left: auto;
  padding-right: 3.8rem;
}
.texto_2colums .texto_2colums-cont p:last-child {
  margin: 0;
}

.clientes {
  display: flex;
}
.clientes .clientes-title {
  width: 20.6rem;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 95%;
}
.clientes .clientes-logos {
  width: 106.5rem;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10rem 15rem;
  flex-wrap: wrap;
}
.clientes .clientes-logos img {
  /* filter: invert(1); */
}

.listpro {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.listpro li {
  display: flex;
  padding: 4rem 2.4rem;
  border-bottom: 1px solid var(--colorGrisClaro);
  color: var(--colorGrisClaro);
  -moz-transition: var(--aniListPro);
  -ms-transition: var(--aniListPro);
  -o-transition: var(--aniListPro);
  transition: var(--aniListPro);
}
.listpro li.active {
  color: var(--colorBlanco);
}
.listpro li.active .listpro__title {
  transform: translateX(6rem);
}
.listpro li.active .listpro__btn {
  opacity: 1;
  pointer-events: initial;
}
.listpro li .listpro__title {
  font-size: 14.8rem;
  font-style: normal;
  font-weight: 300;
  line-height: 70%;
  letter-spacing: -0.148rem;
  width: 124rem;
  -moz-transition: var(--aniListPro);
  -ms-transition: var(--aniListPro);
  -o-transition: var(--aniListPro);
  transition: var(--aniListPro);
}

.listpro li .listpro__desc {
  width: 27.7rem;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 95%; /* 22.8px */
  letter-spacing: -0.024rem;
}
.listpro li .listpro__btn {
  margin-left: auto;
  display: flex;
  align-items: end;
  justify-content: flex-end;
  opacity: 0;
  pointer-events: none;
  -moz-transition: var(--aniListPro);
  -ms-transition: var(--aniListPro);
  -o-transition: var(--aniListPro);
  transition: var(--aniListPro);
}

.colaboraciones {
  display: flex;
}

.colaboraciones .colaboraciones-title {
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 300;
  line-height: 115%;
  letter-spacing: 0.028rem;
  margin-left: 46.5rem;
  width: 31rem;
}
.colaboraciones .colaboraciones-coldata {
  font-size: 5.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 95%;
  letter-spacing: -0.056rem;
  margin-left: auto;
  width: 91rem;
  display: flex;
  gap: 10.4rem;
  flex-direction: column;
}
.colaboraciones .colaboraciones-coldata .colaboraciones-logos {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 4.8rem 9.2rem;
  flex-wrap: wrap;
}

.premios__cursor {
  position: absolute;
  height: 16rem;
  width: 16rem;
  pointer-events: none;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: -8rem;
  margin-left: -8rem;
}

/* /////// */
/* /////// */
/* /////// */

.gallery__txts {
  display: flex;
  padding: 0px 4rem;
}
.gallery__txts .gallery__txts-title {
  width: 31rem;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 116%; /* 18.56px */
  letter-spacing: 0.16px;
}

.gallery__txts .gallery__txts-opcs {
  width: 29.1rem;
}
.gallery__txts .gallery__txts-opcs ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.gallery__txts .gallery__txts-opcs li {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 116%; /* 18.56px */
  letter-spacing: 0.16px;
}
.gallery__txts .gallery__txts-opcs li {
  color: #999;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);

  transition-duration: 0.4s;
}
.gallery__txts .gallery__txts-opcs li.active {
  color: #fff;
  padding-left: 2rem;
}

.gallery__txts .gallery__txts-data {
  width: 45rem;
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 300;
  line-height: 115%; /* 32.2px */
  letter-spacing: 0.28px;
  position: relative;
}
.gallery__txts .gallery__txts-data > div {
  opacity: 0;
  position: absolute;
  width: 45rem;
  top: 0;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
  transition-duration: 0.4s;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Limita el texto a 3 líneas */
  -webkit-box-orient: vertical;
  overflow: hidden; /* Oculta el contenido desbordado */
}
.gallery__txts .gallery__txts-data > div.active {
  opacity: 1;
}

.gallery_box {
  /* position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotateX(0deg); */
  transform-style: preserve-3d;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -13rem;
  pointer-events: none;
}
.mod_categorias {
  padding-top: 9rem;
}
.gallery_box_outer {
  width: 60rem;
  height: 30rem;
  position: relative;
  transform: perspective(120rem);
  transform-style: preserve-3d;
}
:root {
  --n: 60rem;
}

.gallery_box_in {
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: center center;
  background-size: cover;
}
.gallery_box_in img {
  width: 60rem;
  height: 30rem;
  object-fit: cover;
}
.gallery_box_in a{
  pointer-events: initial;
}
.gallery_box_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0.002rem;
  opacity: 0;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
  transition-delay: 0;
  transition-duration: 0.2s;
}
.gallery_box_img {
  display: flex;
  overflow: hidden;
}
.gallery_box_bottom .gallery_box_tag ul {
  list-style: none;
  margin: 0;
  padding: 0px;
  display: flex;
  gap: 0.4rem;
}
.gallery_box_bottom .gallery_box_tag ul li {
  color: var(--colorGris);
}
.activeCenter .gallery_box_bottom {
  opacity: 1;
  transition-delay: 0.5s;
  transition-duration: 0.4s;
}

.gallery_box_in:nth-child(1) {
  transform: rotateY(0deg) translateZ(var(--n));
}
.gallery_box_in:nth-child(2) {
  transform: rotateY(72deg) translateZ(var(--n));
}
.gallery_box_in:nth-child(3) {
  transform: rotateY(144deg) translateZ(var(--n));
}
.gallery_box_in:nth-child(4) {
  transform: rotateY(216deg) translateZ(var(--n));
}
.gallery_box_in:nth-child(5) {
  transform: rotateY(288deg) translateZ(var(--n));
}

.page_defect {
  max-width: 100%;
  padding: 12rem 0px 1rem;
}

/* /////// */
/* /////// */

.h20 {
  height: 2rem;
  width: 100%;
}
.h40 {
  height: 4rem;
  width: 100%;
}
.h60 {
  height: 6rem;
  width: 100%;
}
.h80 {
  height: 8rem;
  width: 100%;
}
.h100 {
  height: 10rem;
  width: 100%;
}
.h150 {
  height: 15rem;
  width: 100%;
}
/* /////// */

.mb-12 {
  margin-bottom: 1.2rem;
}
.c-negro-0 {
  color: var(--colorNegro0);
}
.c-gris-claro {
  color: var(--colorGrisClaro);
}
.font-14 {
  font-size: 1.4rem;
  line-height: 104%;
}
.font-16 {
  font-size: 1.4rem;
  line-height: 104%;
}
.font-36 {
  font-size: 3.6rem;
  line-height: 104%;
}
.font-48 {
  font-size: 4.8rem;
  line-height: 104%;
}
.font-56 {
  font-size: 5.6rem;
  line-height: 104%;
}
.font-72 {
  font-size: 7.2rem;
  line-height: 100%;
  letter-spacing: -0.6px;
}
.w-1 {
  width: 13.5rem;
}
.w-2 {
  width: 29rem;
}
.w-3 {
  width: 44.5rem;
}
.w-4 {
  width: 60rem;
}
.w-5 {
  width: 77.5rem;
}
.w-6 {
  width: 91rem;
}
.w-7 {
  width: 106.5rem;
}
.w-8 {
  width: 122rem;
}
.w-9 {
  width: 137.5rem;
}
.w-10 {
  width: 153rem;
}
.w-11 {
  width: 170.5rem;
}
.w-12 {
  width: 100%;
}

.ml-1 {
  margin-left: 13.5rem;
}
.ml-2 {
  margin-left: 29rem;
}
.ml-3 {
  margin-left: 44.5rem;
}
.ml-4 {
  margin-left: 60rem;
}
.ml-5 {
  margin-left: 77.5rem;
}
.ml-6 {
  margin-left: 91rem;
}
.ml-7 {
  margin-left: 106.5rem;
}
.ml-8 {
  margin-left: 122rem;
}
.ml-9 {
  margin-left: 137.5rem;
}
.ml-10 {
  margin-left: 153rem;
}
.ml-11 {
  margin-left: 170.5rem;
}

.botones {
  display: flex;
  justify-content: space-between;
}
.botones {
}

.botones .botones__texto_grande {
  max-width: 60rem;
  font-size: 5.6rem;
  line-height: 100%;
  font-family: Bagoss;
  font-weight: 300;
  letter-spacing: -0.2rem;
  color: var(--colorBlanco);
  margin-bottom: 7.8rem;
}
.botones .botones__texto {
  max-width: 30rem;
  font-weight: 300;
  font-size: 2.4rem;
  line-height: 104%;
  letter-spacing: 0%;
  color: var(--colorGrisClaro);
}
.botones .botones__left,
.botones .botones__right {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 2.8rem;
  justify-content: space-between;
}

input[type="email"] {
  display: block;
  border: 0px;
  border-bottom: 1px solid var(--colorBlanco);
  font-size: 2.4rem;
  line-height: 104%;
  color: var(--colorBlanco);
  background: transparent;
  width: 100%;
  font-family: Bagoss;
  font-weight: 300;
  letter-spacing: 0;
  margin: 0px 0px 2rem;
  padding: 1rem 0px;
}
.check {
  display: flex;
  gap: 0.8rem;
  align-content: center;
  cursor: pointer;
}
.check input {
  display: none;
}
.check i {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  border: 0.1rem solid var(--colorGrisClaro);
  margin-top: 1px;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}
.check input:checked + i {
  background-color: var(--colorGrisClaro);
}

.botones__form {
  max-width: 52rem;
}
.botones__form .botones__form-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.botones__form .botones__form-check {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.mod_lottie_home_top {
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lottie__home {
  width: 100vw !important;
  height: 100vh;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.lottie__home > div {
  position: absolute;
  width: 192rem !important;
  height: 108rem !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}
.lottie__home-video {
  position: absolute;
  top: 100%;
  left: 0px;
  width: 100%;
  height: 100%;
}
.lottie__home-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(0.9);
  border-radius: 2rem;
}

.aniEnterFade {
  opacity: 0;
  transform: translateY(20px);
}

.icon-scroll {
  width: 3rem;
  height: 5rem;
  border-radius: 6rem;
  border: 1px solid #595959;
  position: relative;
  opacity: 1;
}
.icon-scroll::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background: #595959;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  border-radius: 1rem;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: scroll;
}
.lottie__home-scroll {
  position: absolute;
  top: calc(100vh - 7rem);
  pointer-events: none;
}

@keyframes scroll {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 3.5rem;
  }
}

.txtgrab {
  display: flex;
  gap: 2.4rem;
  padding: 0px 5.4rem;
  justify-content: space-between;
}

.txtgrab > div:last-child > div {
  font-weight: 300;
  font-size: 9.6rem;
  line-height: 102%;
  letter-spacing: -0.4rem;
  max-width: 111.2rem;
  margin-bottom: 4rem;
}

.txtmulti__item {
  margin: 0px 1rem;
}
.txtmulti__item.txtmulti__650 {
  width: 65rem;
}
.txtmulti__item.txtmulti__550 {
  width: 55rem;
}
.txtmulti__item.txtmulti__texto {
  padding: 18rem 3.4rem;
  background-color: var(--colorNegro2);
  font-weight: 300;
  font-size: 3.6rem;
  line-height: 104%;
  letter-spacing: -0.1rem;
  text-align: center;
}

.txtmulti__item video,
.txtmulti__item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-height: 90vh;
}

.header__proyect {
  padding: 30rem 34rem 2.4rem;
}

.header__proyect h1 {
  max-width: 82.4rem;
  font-weight: 300;
  font-size: 9.6rem;
  line-height: 102%;
  letter-spacing: -0.1rem;
  margin: 0px 0px 6.4rem;
}

.header__proyect .proyecto__row {
  display: flex;
  justify-content: space-between;
}

.header__proyect .proyecto__breve_descripcion,
.header__proyect .proyecto__subtitulo {
  font-weight: 300;
  font-size: 2.4rem;
  line-height: 104%;
  letter-spacing: 0%;
}
.header__proyect .proyecto__breve_descripcion {
  width: 25rem;
  margin-bottom: 8rem;
}
.proyecto__row-2 {
  color: var(--colorGris);
}
.project__img {
  height: 100vh;
}
.project__img iframe,
.project__img img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: absolute;
  top: 0;
}
.project__img iframe {
  height: 108rem;
  top: -1rem;
}
.proyect-ini-opa .header__proyect,
.proyect-ini-opa .project__img img {
  opacity: 0;
}
.project__iframe {
  height: 100vh;
  overflow: hidden;
  position: relative;
  opacity: 0;
}

.mod_animacionzoom {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.mod_animacionzoom .anizoom__img {
  width: 0rem;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mod_animacionzoom .anizoom__img.anizoom__img_0 {
  width: 10rem;
}

.mod_animacionzoom .anizoom__txtright,
.mod_animacionzoom .anizoom__txtleft {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  font-size: 3.6rem;
  line-height: 3.6rem;
  overflow: hidden;
  line-height: 100%;
}
.mod_animacionzoom .anizoom__txtright span,
.mod_animacionzoom .anizoom__txtleft span {
  display: inline-block;
}
.mod_animacionzoom .anizoom__txtright {
  margin-left: 7rem;
}
.mod_animacionzoom .anizoom__txtleft {
  padding-right: 7rem;
  text-align: right;
  left: 0;
  width: 50%;
}

.anizoom__txtright_2 {
  position: absolute;
  left: 0rem;
  transform: translateY(100%);
}
.anizoom__txtleft_2 {
  position: absolute;
  right: 7rem;
  transform: translateY(100%);
}

.mvideos__txttop {
  width: 38.1rem;
  margin-bottom: 2.6rem;
  font-size: 2.4rem;
  line-height: 105%;
}
.mvideos__row {
  display: flex;
  gap: 2rem;
}
.mvideos__row > div {
  width: 60rem;
}
.mvideos__multi iframe,
.mvideos__multi img {
  width: 100%;
  height: 32rem;
  object-fit: cover;
}

.premiosimgs {
  padding: 30rem 0px;
  text-align: center;
  display: flex;
  gap: 4rem;
  flex-direction: column;
  position: relative;
}
.premiosimgs h2 {
  font-size: 7.2rem;
  font-style: normal;
  font-weight: 300;
  line-height: 98%;
  font-weight: normal;
  margin: 0;
}
.premiosimgs picture {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -14rem;
}
.premiosimgs img {
  width: 28rem;
  height: auto;
}
.premiosimgs picture:nth-child(3) {
  top: 60%;
}
.premiosimgs picture:nth-child(4) {
  top: 60%;
  left: 25%;
}
.premiosimgs picture:nth-child(5) {
  top: 120%;
  left: 68%;
  z-index: -1;
}
.premiosimgs picture:nth-child(6) {
  top: 60%;
  left: 10%;
}
.premiosimgs picture:nth-child(7) {
  top: 120%;
  left: 80%;
}
.premiosimgs picture:nth-child(8) {
  top: 60%;
  left: calc(100% - 11rem);
}

.play-pause {
  background: transparent;
  border: 0px;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}
.play-pause svg {
  height: 100%;
  width: auto;
}

.video-wrapper {
  width: 100%;
  position: relative;
}
.video-wrapper video {
  width: 100%;
}
.video-wrapper .controls {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
}
.mvideos__row-big > div {
  width: 91rem;
}
.mvideos__row-big iframe,
.mvideos__row-big img {
  height: 52rem;
}

.aniimgfix {
  display: flex;
  justify-content: space-between;
}
.aniimgfix > .aniimgfix__title {
  width: 37.3rem;
  font-size: 2rem;
  font-style: normal;
  font-weight: 300;
  line-height: 112%;
  letter-spacing: 0.02rem;
}
.aniimgfix__title {
  pointer-events: none;
  font-size: 1.8rem;
  line-height: 120%;
}
.aniimgfix > .aniimgfix__content {
  width: 60rem;
  display: flex;
  gap: 7rem;
  flex-direction: column;
}
.aniimgfix > .aniimgfix__content picture {
  display: block;
  position: relative;
}
.aniimgfix > .aniimgfix__content img {
  width: 60rem;
  height: 45rem;
  object-fit: cover;
}

.multdos {
  width: 91rem;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.multdos iframe {
  width: 100%;
  height: 49rem;
}
.multdos img {
  width: 100%;
  height: auto;
}
.multdos .multdos_txts {
  display: flex;
  gap: 2rem;
  font-size: 2rem;
  font-style: normal;
  font-weight: 300;
  line-height: 112%;
  letter-spacing: 0.02rem;
}
.multdos__derecha {
  display: flex;
  justify-content: right;
}

.mod_case {
  text-align: center;
  padding: 8rem;
  height: 100vh;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.mod_case .case__pretitle {
  font-weight: 300;
  font-size: 2.4rem;
  line-height: 95%;
  letter-spacing: 1%;
  text-align: center;
  color: #e5e5e5;
}
.mod_case .case__title {
  font-size: 9.6rem;
  line-height: 102%;
  letter-spacing: -0.09rem;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mod_case .case__multi {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 80%;
  left: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mod_case .case__multi img,
.mod_case .case__multi iframe {
  width: 100vw;
  height: 100vh;
  transform: scale(0.9);
  border-radius: 2rem;
  object-fit: cover;
}

.creditos {
  padding: 9rem 0px;
  display: flex;
  justify-content: flex-end;
  gap: 2rem;
}
.creditos .creditos__content {
  width: 91rem;
  display: flex;
  justify-content: flex-end;
  gap: 2rem;
}
.creditos .creditos__title {
  width: 44.6rem;
  font-size: 2.4rem;
}
.creditos .creditos__content > div {
  width: 29rem;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.credito {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.credito .credito__title {
  font-size: 1.4rem;
  line-height: 104%;
  letter-spacing: 1%;
  color: var(--colorGrisClaro);
}
.credito .credito__content a {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
}
.credito .credito__content a svg {
  height: 1.2rem;
}
.credito .credito__content a:hover {
  text-decoration: underline;
}

.prorel {
  display: flex;
  justify-content: space-between;
  padding: 0px 16rem 0 5rem;
}
.prorel .prorel__title {
  font-size: 2.4rem;
  line-height: 104%;
  letter-spacing: 0;
  margin-top: 3.7rem;
  max-width: 16rem;
}

.prorelani_box {
  transform-style: preserve-3d;
  width: 73.6rem;
  height: 37rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prorelani_inner {
  width: 41.5rem;
  height: 23.8rem;
  position: relative;
  transform: perspective(200rem);
  transform-style: preserve-3d;
}
.prorelani {
  width: 100%;
  height: 100%;
  position: absolute;
  text-decoration: none;
  display: none;
}
.prorelani a {
  text-decoration: none;
  display: block;
  position: relative;
}

.prorelani img {
  width: 41.5rem;
  height: 23.8rem;
  object-fit: cover;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}
.prorelani a > div {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  padding-top: 1.2rem;
  opacity: 0;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}
.prorelani.active a > div {
  opacity: 1;
}
.prorelani a > div > span {
  font-size: 1.4rem;
  color: var(--colorGris);
  width: 18rem;
}
.prorelani a > div > div {
  width: 20rem;
  text-align: right;
  font-size: 2.2rem;
  line-height: 110%;
}

:root {
  --nP: 33rem;
}

.prorelani:nth-child(1) {
  display: block;
  transform: rotateY(0deg) translateZ(var(--nP));
}
.prorelani:nth-child(2) {
  display: block;
  transform: rotateY(72deg) translateZ(var(--nP));
}
.prorelani:nth-child(3) {
  display: block;
  transform: rotateY(144deg) translateZ(var(--nP));
}
.prorelani:nth-child(4) {
  display: block;
  transform: rotateY(216deg) translateZ(var(--nP));
}
.prorelani:nth-child(5) {
  display: block;
  transform: rotateY(288deg) translateZ(var(--nP));
}

.proyecto__bottom {
  padding: 14rem 0 6rem;
  text-align: center;
}
.proyecto__bottom .proyecto__bottom-subtitle {
  color: #999999;
  margin-bottom: 6rem;
}
.proyecto__bottom .proyecto__bottom-title a {
  text-decoration: none;
  font-size: 7.2rem;
  line-height: 98%;
  letter-spacing: 0;
  display: inline-flex;
  gap: 3rem;
  align-items: baseline;
  justify-content: space-between;
}
.proyecto__bottom .proyecto__bottom-title a svg {
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}
.proyecto__bottom .proyecto__bottom-title a:hover svg {
  transform: translate(6px, -6px);
}
.proyecto__bottom .proyecto__bottom-btns {
  display: flex;
  justify-content: space-between;
  margin-top: 19rem;
}

.project__bottom {
  display: flex;
  justify-content: space-between;
  opacity: 0;
  -moz-transition: var(--aniProject);
  -ms-transition: var(--aniProject);
  -o-transition: var(--aniProject);
  transition: var(--aniProject);
  transition-duration: 0.3s;
}
.project.pj_r1 .project__bottom,
.project.pj_l1 .project__bottom,
.project.pj_c0 .project__bottom {
  opacity: 1;
  transition-duration: 2s;
}

.page__projects {
  padding: 7rem 0px 0px;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: end;
  flex-direction: column;
  padding-bottom: 3rem;
}

body.project-single footer,
body.projects footer,
.footerProjects {
  display: none;
}

body.contact .containerweb,
body.project-single .containerweb,
body.projects .containerweb {
  padding: 0;
}

.projects_box {
  width: 100%;
  position: relative;
}

.projects_inner {
  width: 100%;
  height: 40rem;
}

.projects_box .project {
  width: 54rem;
  position: absolute;
  top: 0px;
  left: 0px;
  margin-left: -27rem;
  opacity: 0;
  -moz-transition: var(--aniProject);
  -ms-transition: var(--aniProject);
  -o-transition: var(--aniProject);
  transition: var(--aniProject);
}
.projects_box .project img {
  width: 100%;
  height: 30rem;
  object-fit: cover;
  -moz-transition: var(--aniProject);
  -ms-transition: var(--aniProject);
  -o-transition: var(--aniProject);
  transition: var(--aniProject);
  position: relative;
}
.projectSalida img {
  z-index: 1 !important;
  height: 100vh !important;
  width: 100vw !important;
  object-fit: cover !important;
}
.projectSalida .project__bottom {
  opacity: 0 !important;
  transition-duration: 0s !important;
  transition-duration: 0.3s !important;
}

.projects__search_result ul li a.projectSalida img {
  position: fixed;
  top: 0;
  left: 0px;
}

.projects_box .project.pj_l3 {
  left: calc(50% - calc(var(--projectWidth) + var(--projectSpace)) * 2.08);
  transform: perspective(193px) rotateX(0deg) rotateY(-58deg) rotateZ(0deg);
  transform-origin: right center;
  opacity: 0;
  width: 10rem;
  margin-left: 17rem;
  height: 20rem;
  margin-top: 5rem;
}
.projects_box .project.pj_l3 img {
  height: 20rem;
}

.projects_box .project.pj_l2 {
  left: calc(50% - calc(var(--projectWidth) + var(--projectSpace)) * 2);
  transform: perspective(193px) rotateX(0deg) rotateY(-58deg) rotateZ(0deg);
  transform-origin: right center;
  opacity: 1;
  width: 10rem;
  margin-left: 17rem;
}

.projects_box .project.pj_l1 {
  left: calc(50% - calc(var(--projectWidth) + var(--projectSpace)));
  opacity: 1;
}

.projects_box .project.pj_c0 {
  left: 50%;
  opacity: 1;
}

.projects_box .project.pj_r1 {
  left: calc(50% + calc(var(--projectWidth) + var(--projectSpace)));
  opacity: 1;
}

.projects_box .project.pj_r2 {
  left: calc(50% + calc(var(--projectWidth) + var(--projectSpace)) * 2);
  transform: perspective(193px) rotateX(0deg) rotateY(58deg) rotateZ(0deg);
  transform-origin: left center;
  width: 10rem;
  opacity: 1;
}

.projects_box .project.pj_r3 {
  left: calc(50% + calc(var(--projectWidth) + var(--projectSpace)) * 2.08);
  transform: perspective(193px) rotateX(0deg) rotateY(69deg) rotateZ(0deg);
  transform-origin: left center;
  width: 10rem;
  opacity: 0;
  height: 20rem;
  margin-top: 5rem;
}
.projects_box .project.pj_r3 img {
  height: 20rem;
}

.project a {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-decoration: none;
}
.project .project__left {
  color: var(--colorGris);
  font-size: 1.6rem;
  letter-spacing: 0.016rem;
  width: 21rem;
}
.project .project__right {
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 104%;
  width: 27rem;
  text-align: right;
  display: -webkit-box; /* Para navegadores basados en WebKit */
  -webkit-line-clamp: 3; /* Número de líneas a mostrar */
  -webkit-box-orient: vertical; /* Orientación vertical */
  overflow: hidden; /* Oculta el texto que se desborda */
  text-overflow: ellipsis; /* Añade puntos suspensivos (aunque line-clamp ya lo hace) */
  padding-bottom: 0.1rem;
}

.containerweb {
  padding-bottom: 120px;
}
#containerweb {
  -moz-transition: var(--aniProject);
  -ms-transition: var(--aniProject);
  -o-transition: var(--aniProject);
  transition: var(--aniProject);
}
#containerweb.salida {
  opacity: 0;
}

.contentpagef.f_white {
  color: var(--colorNegro);
  background-color: var(--colorBlanco);
}
.contentpagef.f_white .marquesina__item {
  color: var(--colorNegro);
  border-color: var(--colorNegro);
}
.contentpagef.f_white .botones .botones__texto_grande,
.contentpagef.f_white .listpro li.active,
.contentpagef.f_white .premios__tabs ul li a.activeTab {
  color: var(--colorNegro);
}

.contentpagef.f_white .mod_botones .btn.btn-secundary {
  background-color: var(--colorBlancoF2);
  color: var(--colorNegro);
}
.contentpagef.f_white .mod_botones .btn.btn-blue {
  background-color: var(--colorBlue);
  color: var(--colorBlanco);
}
.contentpagef.f_white input[type="email"] {
  border-color: var(--colorNegro);
}

.contentpagef.f_white .premios__tabs table tr:hover td {
  border-bottom: 1px solid var(--colorNegro);
  color: var(--colorNegro);
}
body.f_white {
  background-color: var(--colorBlanco);
}
.f_white footer {
  background-color: var(--colorBlanco);
}

.f_white footer .footer__block .footer__block-content ul li a,
.f_white footer .footer__bottom,
.f_white footer .footer__block-content,
.f_white footer .footer__left {
  color: var(--colorBlue);
}

.f_white header .header__logo .btn__logo svg path {
  fill: var(--colorNegro);
}
.f_white header .header__lang a {
  color: var(--colorNegro);
}
.f_white .btn__menu {
  color: var(--colorNegro);
  background: rgba(43, 43, 43, 0.04);
  backdrop-filter: blur(6px);
}
.f_white .btn__menu:hover {
  background-color: var(--colorBlue);
  color: var(--colorBlanco);
}
.f_white header .header__menu ul {
  background: rgba(43, 43, 43, 0.04);
}
.f_white header .header__menu ul li a {
  color: var(--colorNegro);
}
.f_white .btn__menu .btn__menu-close span {
  background-color: var(--colorNegro);
}
.f_white .btn__menu:hover .btn__menu-close span {
  background-color: var(--colorBlanco);
}

.f_white .contacto__copy {
  color: var(--colorBlue);
}
.ani_footer_1 {
  display: none;
}
.f_white .ani_footer_1 {
  display: block;
}
.f_white .ani_footer_2 {
  display: none;
}

.tienda {
  display: flex;
  justify-content: space-between;
}
.tienda .tienda__colright {
  width: 110.6rem;
}
.tienda .tienda__colleft {
  width: 80rem;
}
.producto {
  padding-bottom: 12rem;
}
.producto .producto__imgs {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.producto .producto__imgs > div {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0px;
  left: 0px;
}
.producto .producto__imgs > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}

.producto .producto__imgs > div:first-child img {
  transform: translate(-50%, -50%) scale(1);
}

.producto .producto__price {
  display: flex;
  margin-top: 2.4rem;
  margin-bottom: 10rem;
}
.producto .producto__title-content {
  font-size: 4.8rem;
  line-height: 100%;
  margin-bottom: 18rem;
  max-width: 70rem;
}
.producto .producto__descvis {
  font-size: 3.6rem;
  line-height: 102%;
  max-width: 86rem;
  letter-spacing: -0.03rem;
}

.producto .producto__title-content .producto__subtitle {
  color: var(--colorGris);
}

.producto .producto__price > div {
  width: 33.2rem;
}

.producto__price-price span {
  border-radius: 1.2rem;
  background-color: var(--colorBlancoF2);
  font-size: 1.6rem;
  line-height: 100%;
  color: var(--colorGris);
  padding: 1rem 1.6rem;
  display: inline-flex;
  align-items: center;
}
.producto .producto__price-label {
  font-size: 2.4rem;
  line-height: 100%;
  color: var(--colorGris);
}

.producto .producto__descbig {
  width: 86rem;
  margin-bottom: 10rem;

  font-size: 3.6rem;
  line-height: 102%;
  letter-spacing: 0;
  display: none;
}
.producto .producto__descbig a {
  color: var(--colorNegro);
  text-decoration: underline;
}
.producto .producto__descbig blockquote {
  font-size: 4.8rem;
  line-height: 102%;
  margin: 0px;
  padding: 0px 6rem;
  margin: 8rem 0px;
}
.producto .producto__descbig blockquote p {
  margin: 0px;
  padding: 0px;
}

.producto .producto__descbig ul {
  margin: 8rem 0rem;
  padding: 0px 2rem 0rem 6rem;
  font-size: 2.8rem;
  line-height: 115%;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.producto .producto__descbig ul li {
  position: relative;
}
.producto .producto__descbig ul li::before {
  position: absolute;
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 10px;
  top: 1.2rem;
  left: -6rem;
  background-color: var(--colorNegro);
}

.producto .producto__descrow {
  color: var(--colorGris);
  display: flex;
  gap: 10rem;
  font-size: 2.4rem;
  line-height: 104%;
  margin-bottom: 8rem;
}
.producto .producto__descrow > div {
  width: 35.2rem;
}
.producto .producto__descrow p:last-child {
  margin: 0px;
}

.producto .producto__imgs_link {
  position: absolute;
  bottom: 1rem;
  width: 100%;
  height: auto;
  padding: 3.2rem;
  display: flex;
  align-items: end;
  transform: translateY(38rem);
}

.producto .producto__imgs_link .btn {
  width: 100%;
}
.producto .producto__links {
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
  display: none;
  gap: 8rem;
  margin-bottom: 8rem;
}
.producto .producto__links a {
  display: flex;
  color: var(--colorGris);
  line-height: 100%;
  text-decoration: none;
  font-size: 2.4rem;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}
.producto .producto__links a svg {
  height: 1.2rem;
}
.producto .producto__links a:hover {
  color: var(--colorNegro);
}
.producto .producto__links a svg path {
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}
.producto .producto__links a:hover svg path {
  fill: var(--colorNegro);
}

.producto__datos {
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
  display: none;
  flex-wrap: wrap;
  width: 60rem;
}
.product__dato {
  min-width: 30rem;
}
.product__datos-title {
  color: var(--colorGris);
  margin-bottom: 0.4rem;
}

.producto__readmore {
  margin-bottom: 8rem;
}

.producto__readmore a {
  color: var(--colorBlue);
  font-size: 3.6rem;
  line-height: 102%;
  text-decoration: none;
}

.producto.readmore .producto__links,
.producto.readmore .producto__datos {
  display: flex;
}

.f_white .producto .producto__descrow > div a {
  color: var(--colorBlue);
}

.tienda__colleft ul {
  height: calc(100vh - 5rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-decoration: none;
  list-style: none;
  gap: 1rem;
}
.tienda__colleft ul li {
  -moz-transition: var(--aniProject);
  -ms-transition: var(--aniProject);
  -o-transition: var(--aniProject);
  transition: var(--aniProject);
  color: var(--colorGris);
  font-size: 4.8rem;
  line-height: 100%;
}
.tienda__colleft ul li.active {
  padding-left: 10px;
  color: var(--colorNegro);
}
.tienda__colleft ul li.active a {
  color: var(--colorNegro);
}
.tienda__colleft ul li a {
  text-decoration: none;
  color: var(--colorGris);
  font-size: 4.8rem;
  line-height: 100%;
}

#smooth-content.aniSalida {
  background: var(--colorGris);
  perspective: 300vw;
  position: relative;
  height: 100vh;
}
#smooth-content.aniSalida .cube {
  background: var(--colorGris);
  position: relative;
  transform-style: preserve-3d;

  height: 100vh;
  width: 100vw;

  animation: rotate 1s ease-in-out forwards;
}
#smooth-content.aniSalida .cube .containerbarba {
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  background-color: var(--colorNegro);
  position: absolute;
  top: 0px;
  left: 0px;
}

#smooth-content.aniSalida .cube .containerbarba:nth-child(1) {
  transform: rotateY(0deg) rotateX(0deg) translateZ(50vw);
}

#smooth-content.aniSalida .containerbarba:nth-child(2) {
  transform: rotateY(90deg) rotateX(0deg) translateZ(50vw);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #fff !important; /* 👈 BLANCO */
  transition: background-color 9999s ease-in-out 0s;
  font-size: 3.6rem;
  font-family: "Bagoss";
}

.projects__search {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 8;
  visibility: hidden;
  opacity: 0;
  -moz-transition: var(--aniProject);
  -ms-transition: var(--aniProject);
  -o-transition: var(--aniProject);
  transition: var(--aniProject);
  backdrop-filter: blur(28px);
}
.projects__search.active {
  visibility: visible;
  opacity: 1;
}

.projects__search_container {
  -moz-transition: var(--aniProject);
  -ms-transition: var(--aniProject);
  -o-transition: var(--aniProject);
  transition: var(--aniProject);
  transform: scale(0.9);
  padding-bottom: 5rem;
  position: relative;
  width: 122.2rem;
}

.projects__search.active .projects__search_container {
  transform: scale(1);
}

.projects__search_input {
  border-bottom: 2px solid var(--colorBlanco);
  position: relative;
  color: var(--colorBlanco);
  padding-bottom: 1rem;
}
.projects__search_input input {
  width: 100%;
  background-color: transparent;
  font-size: 3.6rem;
  border: 0px;
  padding: 0px;
  font-family: "Bagoss";
  padding-right: 10rem;
  color: var(--colorBlanco);
}
.projects__search_input .btn {
  position: absolute;
  right: 0px;
  background-color: var(--colorBlue);
  padding: 0.9rem 1.8rem;
  top: 0.6rem;
}

.projects__search_result {
  position: absolute;
  width: 100%;
  background-color: var(--colorNegro);
  padding: 0.8rem;
  border-radius: 1.2rem;
  margin-top: 2rem;
  overflow: auto;
  height: auto;
  max-height: 32vh;
}
.projects__search_result::-webkit-scrollbar {
  display: none;
}
.projects__search_result ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  gap: 0.8rem;
  flex-direction: column;
}
.projects__search_result ul li a {
  display: flex;
  align-items: center;
  background-color: var(--colorNegro2);
  border-radius: 1.2rem;
  width: 100%;
  text-decoration: none;
  padding: 1rem 1.6rem;
  font-family: Bagoss;
  font-weight: 300;
  font-size: 2rem;
  line-height: 112.00000000000001%;
  gap: 1.2rem;
  -moz-transition: var(--aniProject);
  -ms-transition: var(--aniProject);
  -o-transition: var(--aniProject);
  transition: var(--aniProject);
  transition-duration: 0.6s;
}
.projects__search_result ul li a img {
  width: 80px;
  height: 36px;
  border-radius: 4px;
  overflow: hidden;
  object-fit: cover;
  -moz-transition: var(--aniProject);
  -ms-transition: var(--aniProject);
  -o-transition: var(--aniProject);
  transition: var(--aniProject);
  transition-duration: 0.6s;
}
.projects__search_result ul li a span {
  margin-left: auto;
  font-size: 1.6rem;
  display: flex;
  gap: 1rem;
  align-items: center;
}
.projects__search_result ul li a span svg {
  width: 0;
  -moz-transition: var(--aniProject);
  -ms-transition: var(--aniProject);
  -o-transition: var(--aniProject);
  transition: var(--aniProject);
  transition-duration: 0.6s;
}
.projects__search_result ul li a:hover span svg {
  width: 1.3rem;
}

.projects__search_result ul li a:hover {
  background-color: var(--colorBlue);
}
.projects__search_result p {
  font-size: 1.8rem;
  margin: 0px;
  padding: 2rem 1rem 2.2rem;
}
.projects__search_result {
  opacity: 0;
  visibility: hidden;
  -moz-transition: var(--aniProject);
  -ms-transition: var(--aniProject);
  -o-transition: var(--aniProject);
  transition: var(--aniProject);
}
.projects__search_result.active {
  opacity: 1;
  visibility: visible;
}

.projects__filter {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100vw;
  backdrop-filter: blur(28px);
  opacity: 0;
  visibility: hidden;
  -moz-transition: var(--aniProject);
  -ms-transition: var(--aniProject);
  -o-transition: var(--aniProject);
  transition: var(--aniProject);
}
.projects__filter.active {
  opacity: 1;
  visibility: visible;
}
.projects__filter-box {
  position: fixed;
  width: 46rem;
  backdrop-filter: blur(12px);
  background: #2b2b2be5;
  height: calc(100vh - 8rem);
  top: 4rem;
  right: 1rem;
  padding: 4rem;
  border-radius: 2.4rem;
  -moz-transition: var(--aniProject);
  -ms-transition: var(--aniProject);
  -o-transition: var(--aniProject);
  transition: var(--aniProject);
  transform: scale(0.9);
}
.projects__filter.active .projects__filter-box {
  transform: scale(1);
  right: 4rem;
}
.header__search,
.header__lang {
  -moz-transition: var(--aniProject);
  -ms-transition: var(--aniProject);
  -o-transition: var(--aniProject);
  transition: var(--aniProject);
}

body.activeSearchPro .btn-header-filter,
body.activeFilterPro .header__search,
body.activeFilterPro .header__lang {
  opacity: 0;
  visibility: hidden;
}

.btn__close-filter {
  position: absolute;
  top: 3rem;
  right: 3rem;
  width: 3rem;
  background: transparent;
  border: 0px;
  padding: 0px;
  -moz-transition: var(--aniProject);
  -ms-transition: var(--aniProject);
  -o-transition: var(--aniProject);
  transition: var(--aniProject);
}
.btn__close-filter:hover {
  transform: scale(0.6);
}

.projects__filter-box ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.projects__filter-tab {
  display: flex;
  gap: 2.4rem;
  font-size: 2.4rem;
  line-height: 104%;
}
.projects__filter-tab li a {
  opacity: 0.3;
  text-decoration: none;
}
.projects__filter-tab li.active a {
  opacity: 1;
  border-bottom: 1px solid var(--colorBlanco);
}

.projects__filter-bottom {
  position: absolute;
  bottom: 4rem;
  width: 39rem;
}
.projects__filter-items ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.projects__filter-items ul li a {
  font-size: 4.8rem;
  line-height: 100%;
  display: flex;
  gap: 2rem;
  text-decoration: none;
}
.projects__filter-items ul li a:hover {
  padding-left: 2rem;
}
.projects__filter-items ul li a span {
  font-size: 2.4rem;
  line-height: 100%;
}
.projects__filter-items {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 39rem;
  opacity: 0;
  visibility: hidden;
}
.projects__filter-items.active {
  opacity: 1;
  visibility: visible;
}

@keyframes rotate {
  0% {
    transform: translateZ(-50vw) rotateY(0deg);
  }
  33.333% {
    transform: translateZ(-75vw) rotateY(0deg);
  }
  66.666% {
    transform: translateZ(-75vw) rotateY(-90deg);
  }
  100% {
    transform: translateZ(-50vw) rotateY(-90deg);
  }
}

.footer {
  display: flex;
  justify-content: space-between;
  padding-top: 4rem;
}
.footer .footer__slogan {
  width: 46.5rem;
  font-size: 2.8rem;
  line-height: 115%;
}
.footer .footer__right {
  display: flex;
  gap: 10rem;
}
.footer .footer__block {
  margin-bottom: 3.2rem;
}
.footer .footer__block .footer__block-title {
  font-size: 1.2rem;
  line-height: 110%;
  color: var(--colorGrisClaro);
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.footer .footer__block .footer__block-content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.2rem;
}
.footer .footer__block .footer__block-content ul li a {
  text-decoration: none;
}
.footer .footer__block .footer__block-content ul:hover li a {
  opacity: 0.4;
}
.footer .footer__block .footer__block-content ul:hover li a:hover {
  opacity: 1;
}
.footer__bottom {
  text-align: center;
  width: 100%;
}

/*///////////////////// CURSOR //////////////////////*/
* {
  cursor: none !important;
}
.cursor {
  z-index: 999999999999999999999999;
  width: 14px;
  height: 14px;
  position: fixed;
  border-radius: 50%;
  pointer-events: none;
  top: 0;
  left: 0;
}
.cursor span {
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
  transition-duration: 0.3s;
  display: flex;
  position: relative;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  pointer-events: none;
  background-color: var(--colorBlue);
  border: 2px solid transparent;
  align-items: center;
  justify-content: center;
  color: var(--colorBlue);
  font-size: 0;
}
.cursor.hoverCursor span {
  margin-top: -13px;
  margin-left: -13px;
  width: 40px;
  height: 40px;
  border: 2px solid var(--colorBlue);
  background-color: transparent;
}

.cursor.hoverCursorDrag span {
  margin-top: -30px;
  margin-left: -30px;
  width: 60px;
  height: 60px;
  border: 2px solid var(--colorBlue);
  background-color: transparent;
  font-size: 14px;
  line-height: 110%;
}

.cursor.hoverCursorBlue span {
  border: 2px solid var(--colorNegro);
}
.btn__menu-movil {
  display: none;
}
.footer__logomovil {
  display: none;
}

.p404 {
  padding: 11rem 4rem 4rem 35rem;
  min-height: 100vh;
}
.p404 .p404_title {
  font-size: 2.4rem;
  line-height: 104%;
  max-width: 39rem;
  margin-bottom: 4rem;
}
.p404 .p404_num {
  font-size: 80rem;
  line-height: 67rem;
  opacity: 0.1;
}
.p404body .containerweb {
  padding: 0px;
}

.page_defect {
  display: flex;
  padding-left: 31rem;
}
.page_defect .page__defect__title {
  width: 45rem;
}
.page_defect .page__defect__title h1 {
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 102%; /* 36.72px */
  letter-spacing: -0.036rem;
  margin: 0px;
  max-width: 20rem;
}
.page__defect__body {
  width: 90rem;
  font-size: 2.8rem;
  line-height: 115%;
}

.page__projects-noani .projects_box .project {
  margin-left: 0;
  opacity: 1;
  position: relative;
}
.page__projects-noani .projects_box .project .project__bottom {
  opacity: 1;
}
.page__projects-noani .projects_inner {
  display: flex;
  gap: 2.4rem;
  justify-content: center;
}

.sparks {
  display: block;
  text-decoration: none;
  margin: 0px 1rem;
}

.sparks img {
  width: 44.5rem;
  height: 29rem;
  object-fit: cover;
}

.sparks .sparks_etiquetas {
  font-size: 1.4rem;
  line-height: 120%;
  margin-top: 1.8rem;
  color: var(--colorGrisClaro);
}
.sparks .sparks_title {
  font-size: 2rem;
  line-height: 120%;
  margin-top: 0.6rem;
  max-width: 27rem;
  padding-bottom: 1rem;
}

.mod_carousel_sparks .splide__slide:nth-child(2n) .sparks img {
  width: 60rem;
  height: 38.8rem;
}

/*////////////////////////////////////////////////*/
/*///////////////////// RESPONSIVE //////////////////////*/
/*////////////////////////////////////////////////*/

@media screen and (min-width: 1920px) {
}

@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1140px) {
}

@media screen and (max-width: 992px) {
  html {
    font-size: 2.667vw;
  }

  header {
    height: 4.8rem;
    padding: 0px 1.2rem;
  }
  .contacto {
    padding: 7.4rem 1.2rem 0rem 1.2rem;
    flex-direction: column;
    gap: 4.8rem;
  }
  .contacto .contacto__col1 {
    flex-direction: row;
    justify-content: space-between;
  }
  .font-12-m {
    font-size: 1.2rem;
    line-height: 106%;
  }
  .font-24-m {
    font-size: 2.4rem;
    line-height: 104%;
  }
  .mb-8-m {
    margin-bottom: 0.8rem;
  }
  .contacto__block-databig {
    gap: 0.2rem;
  }
  .contacto__col3 {
    width: 100%;
  }

  .contacto__container {
    min-height: auto;
  }

  .footer__ani-container,
  .contacto__ani-container {
    height: auto;
  }

  .footer__ani,
  .contacto__ani {
    height: auto;
  }

  .projects__search {
    position: fixed;
  }

  .cursor {
    display: none !important;
  }
  header .header__logo {
    position: relative;
    z-index: 1;
  }

  .header__menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    z-index: 0;
    background-color: var(--colorNegro);
    backdrop-filter: blur(0px);
    opacity: 0;
    visibility: hidden;
    -moz-transition: var(--aniBtn);
    -ms-transition: var(--aniBtn);
    -o-transition: var(--aniBtn);
    transition: var(--aniBtn);
  }
  header .header__menu ul li div {
    opacity: 1;
  }
  .header__menu ul {
    transform: translateX(0);
  }

  .f_white header .header__menu {
    background-color: var(--colorBlanco);
  }

  .header__menu .btn__menu {
    display: none;
  }

  header .header__menu ul {
    flex-direction: column;
    width: 100%;
    padding: 0;
    opacity: 1;
    visibility: visible;
    background: transparent;
  }

  header .header__menu ul li a {
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -0.15rem;
  }

  .btn__menu-movil {
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-radius: 40px;
    background: rgba(43, 43, 43, 0);
    backdrop-filter: blur(6px);
    height: 4rem;
    width: 13rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-transition: var(--aniProject);
    -ms-transition: var(--aniProject);
    -o-transition: var(--aniProject);
    transition: var(--aniProject);
    margin-left: 1rem;
  }

  .btn__menu-movil span {
    width: 1.7rem;
    height: 0.1rem;
    background-color: var(--colorBlanco);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transition: var(--aniProject);
    -ms-transition: var(--aniProject);
    -o-transition: var(--aniProject);
    transition: var(--aniProject);
  }

  .btn__menu-movil span:nth-child(1) {
    margin-top: -0.4rem;
  }
  .btn__menu-movil span:nth-child(2) {
    margin-top: 0.4rem;
  }

  .btn__menu-movil.active {
    background-color: rgba(43, 43, 43, 0.6);
  }

  .f_white header .btn__menu-movil span {
    background-color: var(--colorNegro);
  }
  .f_white header .btn__menu-movil.active {
    background: rgba(0, 0, 0, 0.12);
  }

  .btn__menu-movil.active span:nth-child(1) {
    margin-top: 0;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .btn__menu-movil.active span:nth-child(2) {
    margin-top: 0;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  header .header__menu ul {
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s;
  }
  header .header__menu ul li div,
  header .header__menu ul li {
    align-items: center;
    justify-content: center;
  }

  header .header__logo .btn__logo svg {
    width: auto;
    height: 2.4rem;
  }

  body.activeMenu .header__menu {
    opacity: 1;
    visibility: visible;
  }

  body.activeMenu .header__menu ul {
    transition-delay: 0.2s;
    transition-duration: 0.8s;
    opacity: 1;
    visibility: visible;
  }

  .mod_img_video_full iframe,
  .mod_img_video_full img {
    height: 44.5rem;
  }

  .container {
    padding: 0 1.2rem;
  }

  .maquesina_txt {
    margin-top: 8rem;
  }

  .texto_grande {
    font-size: 2rem;
    line-height: 112%;
    letter-spacing: 0.02rem;
    width: 100%;
  }

  .texto_2colums {
    display: flex;
    gap: 1.2rem;
  }

  .texto_2colums .texto_2colums-title {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 104%;
    letter-spacing: 0.01rem;
    margin-left: 0;
    width: 4.8rem;
  }
  .texto_2colums .texto_2colums-cont {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 300;
    line-height: 102%;
    letter-spacing: -0.036rem;
    width: 100%;
    margin-left: auto;
    padding-right: 0;
  }
  .texto_2colums .texto_2colums-cont p {
    margin-bottom: 4rem;
  }
  .mod_equipo {
    padding: 0rem 0px;
  }
  .mod_equipo h2 {
    font-size: 1.4rem;
    line-height: 104%;
    margin-bottom: 3.2rem;
    max-width: 4.8rem;
  }

  .equipo {
    flex-direction: column;
  }
  .equipo__miembros {
    flex-direction: column;
    gap: 4rem;
  }
  .equipo .equipo__miembros img {
    height: auto;
    width: auto;
    -moz-transition: var(--ani);
    -ms-transition: var(--ani);
    -o-transition: var(--ani);
    transition: var(--ani);
    width: 100%;
  }
  .miembro__desc {
    display: block;
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  /* 
  .aniEnterFade {
    opacity: 1;
    transform: none;
  } */
  .ml-2 {
    margin-left: 0;
  }
  .botones {
    flex-direction: column;
  }

  .contentpagef.f_white .mod_botones .btn.btn-secundary {
    width: 100%;
  }

  .listpro li .listpro__title {
    font-size: 5.6rem;
    font-style: normal;
    font-weight: 300;
    line-height: 85%;
    letter-spacing: -0.148rem;
    width: 100%;
  }
  .listpro li {
    flex-direction: column;
  }

  .colaboraciones {
    flex-direction: column;
  }

  .colaboraciones .colaboraciones-title {
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 300;
    line-height: 115%;
    letter-spacing: 0rem;
    margin-left: 0;
    width: 100%;
    margin-bottom: 7.2rem;
  }
  .colaboraciones .colaboraciones-coldata {
    width: 100%;
    gap: 2.8rem;
  }
  .maquesina_imgs img {
    height: 26rem;
  }

  .w-10 {
    width: 100%;
  }

  .footer .footer__slogan {
    width: 100%;
    font-size: 2.8rem;
    line-height: 115%;
  }
  .footer .footer__right {
    display: flex;
    gap: 2rem;
    flex-direction: column;
    margin-bottom: 2rem;
  }

  .clientes .clientes-logos {
    width: 80%;
    gap: 3rem 2rem;
  }
  .clientes .clientes-logos img {
    max-width: 100%;
    height: 1.5rem;
  }
  .premios__tabs table tr {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--colorNegro);
    position: relative;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }

  .premios__tabs table tr td {
    font-size: 1.4rem;
    display: flex;
    border: 0;
    padding: 0px;
    color: var(--colorNegro);
    padding-left: 6rem;
  }
  .premios__tabs table tr td:nth-child(2) {
    position: absolute;
    left: -6rem;
  }
  .premios__tabs table tr td .premio__btn {
    opacity: 1;
    margin-top: 1rem;
  }

  .premios__tabs ul {
    gap: 3.6rem;
  }

  .clientes {
    flex-direction: column;
    gap: 7.2rem;
  }
  .clientes .clientes-title {
    width: 12rem;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 300;
    line-height: 104%;
  }

  .colaboraciones-texts {
    font-size: 2.4rem;
    line-height: 104%;
  }

  .miembro__cargo {
    font-size: 1.2rem;
    color: var(--colorGrisClaro);
    margin-top: 1.2rem;
  }
  .miembro__nombre {
    font-size: 2.4rem;
    line-height: 114%;
    margin-top: 0.6rem;
  }
  .listpro {
    padding: 0rem 1.2rem;
  }

  .listpro li {
    color: var(--colorNegro);
  }

  .listpro li .listpro__btn {
    opacity: 1;
    padding-left: 6rem;
    margin-left: 0;
    margin-top: 2rem;
    justify-content: flex-start;
  }
  .listpro li {
    padding: 2rem 0rem;
  }
  .listpro__title {
    margin-bottom: 10rem;
  }

  .listpro li .listpro__desc {
    padding-left: 6rem;
    font-size: 2.4rem;
    line-height: 95%;
    width: 100%;
  }

  .colaboraciones .colaboraciones-coldata .colaboraciones-logos img {
    height: 10rem;
    width: 10rem;
    object-fit: contain;
  }

  .colaboraciones .colaboraciones-coldata .colaboraciones-logos {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 2rem 2.2rem;
    flex-wrap: wrap;
  }

  .botones .botones__texto_grande {
    max-width: 60rem;
    font-size: 2.8rem;
    line-height: 100%;
    font-family: Bagoss;
    font-weight: 300;
    letter-spacing: -0rem;
    color: var(--colorBlanco);
    margin-bottom: 7.8rem;
  }
  .botones .botones__texto {
    max-width: 20rem;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 104%;
    letter-spacing: 0%;
  }
  .btn-xl {
    height: 9rem;
    width: 60rem;
    border-radius: 2.4rem;
    font-size: 2rem;
    line-height: 100%;
  }
  .botones .botones__right {
    margin-top: 4.8rem;
    gap: 1.2rem;
  }

  .footer {
    display: flex;
    justify-content: space-between;
    padding-top: 4rem;
    flex-direction: column;
    gap: 10rem;
  }
  .containerweb {
    padding-bottom: 5rem;
  }

  .footer .footer__right > div:nth-child(3),
  .footer .footer__right > div:nth-child(2) {
    display: flex;
    gap: 2rem;
  }
  .footer .footer__right > div:nth-child(3) > div,
  .footer .footer__right > div:nth-child(2) > div {
    width: 14rem;
  }

  .footer .footer__block {
    margin-bottom: 1rem;
  }
  .mod_img_video_full {
    margin-top: 5.5rem;
  }

  .mod_marquesina > div:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .marquesina__item {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    margin-left: 2.2rem;
  }
  .marquesina__item .marquesina__item-data .marquesina__item-title {
    font-size: 2.4rem;
    line-height: 104%;
  }
  .marquesina__item .marquesina__item-data .marquesina__item-desc {
    width: 100%;
    font-size: 1.4rem;
  }
  .marquesina__item .marquesina__item-data {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }
  .marquesina__item {
    width: 33rem;
    height: 26rem;
    padding-right: 2rem;
  }
  .marquesina__item .marquesina__item-number {
    font-size: 1.4rem;
  }
  .marquesina__item-title {
    max-width: 14rem;
  }
  .mod_espacio {
    height: 2.4rem !important;
  }

  .mod_espacio.h150 {
    height: 10rem !important;
  }
  .mod_espacio.h60 {
    height: 6rem !important;
  }

  .ani_footer_2,
  .ani_footer_1 {
    display: none !important;
  }

  .footer__bottom {
    position: relative;
    transform: none;
    margin-top: 3rem;
    padding-bottom: 2rem;
    bottom: 0;
    left: 0px;
  }

  .footer__ani-container {
    margin: 0px !important;
  }

  .footer__logomovil {
    display: block;
  }
  .footer__logomovil img {
    width: 100%;
    height: auto;
  }
  .footer__logomovil .footer__logomovil-1 {
    display: none;
  }
  .footer__logomovil .footer__logomovil-2 {
    display: block;
  }

  .f_white .footer__logomovil .footer__logomovil-1 {
    display: block;
  }
  .f_white .footer__logomovil .footer__logomovil-2 {
    display: none;
  }

  .page__projects {
    padding: 7rem 0px 0px;
    height: auto;
    display: block;
    align-items: normal;
    justify-content: end;
    flex-direction: column;
    padding-bottom: 0;
  }
  .lottie__home-scroll {
    display: block;
    z-index: 9;
  }
  .projects_inner {
    width: 100%;
    height: auto;
  }
  .projects_box {
    padding: 0px 1.2rem;
  }
  .projects_box .project {
    position: relative !important;
    left: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    margin: 0px !important;
    left: 0px !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 3.2rem !important;
  }

  .projects_box .project img {
    height: 20rem !important;
    object-fit: cover;
  }
  .project__bottom {
    opacity: 1;
  }

  .project .project__left {
    font-size: 1.4rem;
    width: 30rem;
    line-height: 110%;
  }

  .project .project__left {
    width: 13rem;
  }
  .project .project__right {
    width: 20rem;
    font-size: 2rem;
    line-height: 110%;
  }

  .project__img img {
    width: 100%;
    height: 28rem;
    object-fit: cover;
    position: absolute;
    top: auto;
  }
  .project__iframe {
    height: 100%;
    opacity: 1;
  }
  .project__img iframe {
    width: 59rem;
    height: 33rem;
    top: -1rem;
    margin-left: -10rem;
  }
  .header__proyect {
    padding: 10rem 1.2rem 2.4rem;
  }

  .header__proyect h1 {
    max-width: 100%;
    font-weight: 300;
    font-size: 3.6rem;
    line-height: 102%;
    letter-spacing: -0.1rem;
    margin: 0px 0px 6.4rem;
  }

  .header__proyect .proyecto__subtitulo {
    font-size: 1.6rem;
  }

  .header__proyect .proyecto__breve_descripcion {
    font-size: 1.6rem;
    width: 23rem;
    margin-bottom: 6rem;
  }
  .project__img {
    height: 28rem;
  }
  .ml-5 {
    margin-left: 0;
  }
  .texto_grande.font-36 {
    font-size: 1.4rem;
    padding-left: 6rem;
  }
  .mvideos__row {
    display: flex;
    gap: 2rem;
    flex-direction: column;
  }
  .mvideos__row > div {
    width: 100%;
  }
  .mvideos__multi iframe,
  .mvideos__multi img {
    width: 100%;
    height: 20rem;
    object-fit: cover;
  }
  .mvideos__txttop {
    width: 100%;
    margin-bottom: 2.4rem;
    font-size: 2rem;
    line-height: 105%;
  }

  .premiosimgs h2 {
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 300;
    line-height: 98%;
    font-weight: normal;
    margin: auto;
    max-width: 20rem;
  }
  .premiosimgs {
    padding: 16rem 0px 10rem;
  }
  .premiosimgs img {
    width: 9rem;
    height: auto;
    margin-top: 17rem;
  }

  .mod_img_video_full iframe,
  .mod_img_video_full img {
    height: 40rem;
  }
  .mod_img_video_full iframe {
    height: 22rem;
  }

  .aniimgfix > .aniimgfix__title {
    width: 100%;
  }
  .aniimgfix {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
  }
  .aniimgfix > .aniimgfix__content img {
    width: 100%;
    height: 20rem;
    object-fit: cover;
  }
  .aniimgfix > .aniimgfix__content {
    width: 100%;
    gap: 2.4rem;
  }

  .prorel {
    flex-direction: column;
    padding: 0;
    height: 27rem;
  }
  .prorel .prorel__title {
    font-size: 1.4rem;
    line-height: 110%;
    letter-spacing: 0;
    margin-top: 0rem;
    max-width: 10rem;
  }

  .prorelani_box {
    margin-top: 7rem;
    transform: scale(0.475);
    transform-origin: top left;
  }
  .proyecto__bottom {
    padding: 14rem 0 4rem;
  }

  .multdos iframe {
    width: 100%;
    height: 20rem;
  }
  .multdos .multdos_txts {
    flex-direction: column;
    padding-left: 10rem;
    font-size: 1.4rem;
    line-height: 110%;
  }
  .mod_case .case__pretitle {
    font-size: 1.2rem;
  }

  .mod_case {
    padding: 8rem 1.2rem 2rem;
    height: auto;
    text-align: center;
    position: relative;
  }

  .mod_case .case__title {
    font-size: 2rem;
    margin-top: 6rem;
    margin-bottom: 8rem;
    line-height: 102%;
    letter-spacing: -0.01rem;
    text-align: center;
    position: relative;
    top: 0%;
    left: 0%;
    transform: none;
  }
  .mod_case .case__multi {
    width: 100%;
    height: 20rem;
    position: relative;
    top: 0px;
    left: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .creditos .creditos__title {
    width: 50%;
    font-size: 1.4rem;
  }
  .creditos .creditos__content {
    width: 56%;
    display: flex;
    justify-content: flex-end;
    gap: 2rem;
    flex-direction: column;
  }
  .creditos .creditos__content > div {
    width: 100%;
  }
  .credito {
    gap: 0.2rem;
  }
  .credito__content {
    font-size: 1.4rem;
  }
  .proyecto__bottom .proyecto__bottom-title a {
    font-size: 3.6rem;
    max-width: 16rem;
  }
  .proyecto__bottom .proyecto__bottom-title a svg {
    display: none;
  }

  .tienda .tienda__colleft {
    display: none;
  }
  .tienda .tienda__colright {
    width: 100%;
  }
  .producto .producto__price {
    padding: 0px 1.2rem;
    justify-content: space-between;
    margin-bottom: 5rem;
  }
  .producto .producto__price > div {
    width: auto;
  }
  .producto .producto__price-label {
    font-size: 1.4rem;
  }
  .producto .producto__title-content {
    padding: 0px 1.2rem;
    font-size: 2.4rem;
  }
  .producto .producto__title-content {
    font-size: 2rem;
    margin-bottom: 4rem;
    padding: 0px 1.2rem;
  }
  .producto .producto__descvis {
    font-size: 2rem;
    padding: 0px 1.2rem;
  }
  .producto__readmore a {
    font-size: 2rem;
  }
  .producto__readmore {
    margin-bottom: 4rem;
    padding: 0px 1.2rem;
  }
  .producto .producto__descrow {
    flex-direction: column;
    padding: 0px 1.2rem;
    gap: 2rem;
    font-size: 2rem;
    margin-bottom: 4rem;
  }
  .producto {
    padding-bottom: 4rem;
  }
  .producto .producto__descbig {
    width: 100%;
    margin-bottom: 5rem;
    font-size: 2rem;
    line-height: 102%;
    letter-spacing: 0;
    padding: 0px 1.2rem;
  }
  .producto .producto__descbig blockquote {
    font-size: 2.4rem;
    line-height: 102%;
    margin: 0px;
    padding: 0px;
    margin: 5rem 0px;
  }
  .producto .producto__descbig ul {
    margin: 6rem 0rem;
    padding: 0px 2rem 0rem 2.4rem;
    font-size: 1.6rem;
    line-height: 115%;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .producto .producto__descbig ul li::before {
    position: absolute;
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 10px;
    top: 0.8rem;
    left: -2.4rem;
    background-color: var(--colorNegro);
  }
  .producto .producto__links {
    gap: 1rem 4rem;
    flex-wrap: wrap;
    padding: 0px 1.2rem;
    margin-bottom: 6rem;
  }
  .producto .producto__links a {
    font-size: 1.6rem;
  }
  .producto__datos {
    width: 100%;
    padding: 0px 1.2rem;
    gap: 0 2rem;
  }
  .product__dato {
    min-width: 15rem;
    width: 15rem;
  }
  .product__dato p {
    margin-bottom: 2rem;
  }
  .producto__imgs-cont {
    width: 100vw;
    overflow: auto;
    opacity: 0;
    transform: translateY(20px);
  }
  .producto__imgs-cont::-webkit-scrollbar {
    display: none;
  }
  .producto .producto__imgs {
    height: 100vw;
    display: flex;
    width: max-content;
  }
  .producto .producto__imgs > div {
    height: 94vw;
    position: relative;
  }

  .producto .producto__imgs > div img {
    width: 94vw;
    height: 100vw;
    object-fit: cover;
    position: relative;
    top: 0%;
    left: 0%;
    transform: none !important;
  }

  .p404 .p404_title {
    font-size: 2rem;
  }
  .p404 {
    padding: 10rem 1.2rem;
    min-height: 100vh;
  }
  .p404 .p404_num {
    font-size: 19rem;
    line-height: 28rem;
    opacity: 0.1;
  }

  .page_defect {
    max-width: 100%;
    padding: 7rem 1.2rem 1rem;
    flex-direction: column;
    gap: 3.6rem;
  }

  .page_defect .page__defect__body,
  .page_defect .page__defect__title {
    width: 100%;
  }
  .page_defect .page__defect__title h1 {
    font-size: 2.8rem;
  }
  .page_defect .page__defect__body {
    font-size: 1.6rem;
  }
  .contacto__copy {
    position: relative;
    bottom: 0px;
    left: 0;
    transform: none;
    font-size: 1.4rem;
    text-align: center;
    padding: 1rem 1rem 3rem;
  }
  .btn {
    font-size: 1.4rem;
  }
  .mod_animacionzoom .anizoom__txtright,
  .mod_animacionzoom .anizoom__txtleft {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
  .mod_animacionzoom .anizoom__img.anizoom__img_0 {
    width: auto;
    height: 7rem;
  }
  .mod_animacionzoom .anizoom__img {
    width: auto;
    height: 0;
  }

  .txtgrab {
    flex-direction: column;
    padding: 0;
  }
  .txtgrab > div:last-child > div {
    font-size: 2.8rem;
    line-height: 102%;
    letter-spacing: -0.1rem;
    margin-bottom: 4rem;
  }

  .mod_categorias {
    padding-top: 6rem;
    overflow: hidden;
  }
  .gallery_box_bottom {
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    font-size: 1.3rem;
    gap: 0.3rem;
  }
  .gallery__txts .gallery__txts-title {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 2rem;
  }
  .gallery__txts .gallery__txts-opcs {
    width: 100%;
    margin-bottom: 2rem;
  }
  .gallery__txts .gallery__txts-opcs ul {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem 2rem;
    width: max-content;
  }
  .gallery__txts .gallery__txts-opcs li.active {
    padding: 0px;
  }

  .gallery__txts {
    display: flex;
    padding: 0px 1.2rem;
    flex-direction: column;
  }
  .gallery_box {
    margin-top: 0;
    transform: scale(0.68);
  }

  .gallery_box_in img {
    width: 30rem;
    height: 20rem;
    object-fit: cover;
  }

  .gallery_box_outer {
    width: 30rem;
    height: 20rem;
  }

  :root {
    --n: 23rem;
  }

  .gallery__txts .gallery__txts-data > div {
    width: 30rem;
    transition-duration: 0.4s;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 2rem;
    line-height: 114%;
  }

  .gallery_box {
    height: 37rem;
  }
  .lottie__home > div {
    position: absolute;
    width: 100% !important;
    height: 108rem !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
  }
  .ml-4 {
    margin: 0;
  }
  .btn-xl {
    width: 100%;
  }
  .lottie__home {
    display: none;
  }

  .lottie__home-video {
    position: absolute;
    top: 0%;
    left: 0px;
    width: 100%;
    height: 100%;
  }
  .lottie__home-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    border-radius: 0rem;
  }

  .txtmulti__item.txtmulti__texto {
    padding: 11rem 2.4rem;
    background-color: var(--colorNegro2);
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 110%;
    letter-spacing: -0rem;
    text-align: center;
  }

  .txtmulti__item.txtmulti__650 {
    width: 42rem;
  }
  .txtmulti__item.txtmulti__650 {
    width: 33rem;
  }
  .txtmulti__item.txtmulti__550 {
    width: 25rem;
  }
  .modesp_home.h150 {
    height: 4rem !important;
  }
  .botones .botones__left {
    gap: 10rem;
  }
  input[type="email"] {
    font-size: 1.6rem;
    padding: 1rem 0px 1.6rem;
  }
  .check {
    font-size: 1.2rem;
    color: var(--colorGrisClaro);
  }
  .check i {
    margin-top: 2px;
  }
  .btn-xl {
    width: 100%;
    font-size: 2rem;
  }
  .projects__filter-box {
    width: 35.5rem;
    right: 0rem;
    padding: 3rem;
  }
  .projects__filter.active .projects__filter-box {
    right: 1rem;
  }
  .page__projects .lottie__home-scroll {
    display: none;
  }
  .projects__filter-items ul li a {
    font-size: 3.2rem;
    line-height: 100%;
    display: flex;
    gap: 1rem;
    text-decoration: none;
  }
  .projects__filter-items ul li a span {
    font-size: 1.6rem;
  }
  .projects__filter-tab {
    gap: 2.4rem;
    font-size: 1.6rem;
    line-height: 104%;
  }
  .btn__close-filter {
    top: 3rem;
    right: 2rem;
    width: 2rem;
  }
  .page__projects-noani .projects_inner {
    gap: 0rem;
    flex-direction: column;
  }
  .proyecto__bottom .proyecto__bottom-btns {
    margin-top: 10rem;
  }
  .proyecto__bottom-btns .btn {
    font-size: 1.6rem;
    line-height: 120%;
    width: 16.5rem;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 10rem;
  }
  .proyecto__bottom .proyecto__bottom-subtitle {
    color: var(--colorGrisClaro);
    margin-bottom: 10rem;
    font-size: 1.4rem;
  }
  .page-project-single footer {
    display: none !important;
  }
  .page-project-single #containerweb {
    padding-bottom: 0;
  }
  .contentpagef.f_white .premios__tabs table tr:hover td {
    border-bottom: 0px;
  }
  .tienda {
    padding-top: 5rem;
  }
  .producto .producto__imgs,
  .producto .producto__imgs > div {
    height: 50rem;
  }
  .producto .producto__imgs > div img {
    width: 94vw;
    height: 50rem;
  }
  .producto__price-price span {
    border-radius: 0.8rem;
    font-size: 1.4rem;
    line-height: 100%;
    padding: 1rem 1rem;
  }
  .producto .producto__title-content {
    font-size: 2.8rem;
  }
  .sparks img {
    width: 26rem !important;
    height: 18rem !important;
  }
  .sparks .sparks_etiquetas {
    font-size: 1.2rem;
  }
  .sparks .sparks_title {
    font-size: 1.6rem;
    max-width: 22rem;
  }
  .mod_carousel_sparks h2 {
    margin: 0 0 2.4rem;
  }
}