.section-resource {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.marquee-advanced {
  width: 100vw;
  position: relative;
  overflow: hidden;
}

.marquee-advanced__scroll {
  will-change: transform;
  width: 100%;
  display: flex;
  position: relative;
}

.marquee-advanced__collection {
  will-change: transform;
  display: flex;
  position: relative;
  max-width: auto !important;
}

.marquee-advanced__item {
  justify-content: flex-start;
  align-items: center;
  font-size: max(4em, 8vw);
  display: flex;
}

.marquee__advanced__p {
  white-space: nowrap;
  margin-bottom: 0;
  margin-right: 0.25em;
  font-size: 1em;
}

.marquee__advanced__arrow-svg {
  color: #ff4c24;
  width: 1em;
  margin-right: 0.25em;
  position: relative;
}

.marquee-advanced__item-width {
  background-color: #131313;
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
  width: 18vw;
  height: 18vw;
  margin: 1vw;
  display: flex;
}

/* Optional: Rotating arrow left/right based on Scroll Direction */
.marquee__advanced__arrow-svg,
[data-marquee-direction=right][data-marquee-status=inverted] .marquee__advanced__arrow-svg {
  transition: 0.5s cubic-bezier(0.625, 0.05, 0, 1);
  transform: rotate(-180deg);
}

[data-marquee-status=inverted] .marquee__advanced__arrow-svg,
[data-marquee-direction=right][data-marquee-status=normal] .marquee__advanced__arrow-svg {
  transform: rotate(-359.999deg);
}.menu-contenedor {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0c0326;
  z-index: 3;
  transform: translateY(-100%);
  transform-origin: top left;
}
@media (max-width: 800px) {
  .menu-contenedor {
    overflow: hidden;
  }
  .menu-contenedor .menu > a {
    font-size: 36px !important;
  }
  .menu-contenedor .cerrar {
    top: 42px !important;
    right: 35px !important;
  }
  .menu-contenedor .linea-abajo {
    display: none !important;
  }
}
.menu-contenedor .img-menu {
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  opacity: 0;
  transition: all 0.7s;
  transition-timing-function: cubic-bezier(0.84, 0, 0.16, 1);
}
@media (max-width: 800px) {
  .menu-contenedor .img-menu {
    display: none;
  }
}
.menu-contenedor .img-menu img {
  transform: scale(1.5);
  transition: all 1.4s;
  opacity: 0.85;
  transition-timing-function: cubic-bezier(0.84, 0, 0.16, 1);
}
.menu-contenedor .img-menu.activo {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  opacity: 1;
  transition-timing-function: cubic-bezier(0.84, 0, 0.16, 1);
}
.menu-contenedor .img-menu.activo img {
  transform: translateX(0) scale(1);
  opacity: 1;
}
.menu-contenedor .contenido-interno {
  overflow: hidden;
  height: 100vh;
  padding-top: 30px;
  box-sizing: border-box;
}
.menu-contenedor .container {
  max-width: 1300px !important;
  padding: 50px 30px;
  margin: 0 auto;
  min-height: 560px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: center;
  height: 100%;
}
@media (max-width: 800px) {
  .menu-contenedor .container {
    height: 100vh;
    margin-top: 5vh;
    align-items: flex-start;
  }
}
.menu-contenedor .container .menu {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.menu-contenedor .container .menu ul {
  flex-direction: column;
  gap: 10px;
}
.menu-contenedor .container .menu ul li.current_page_item a {
  text-decoration: underline;
}
.menu-contenedor .container .menu ul li a {
  font-family: Montserrat-SemiBoldItalic;
  font-size: var(--text-2xl);
  color: white;
  letter-spacing: 0.96px;
  transform-origin: top left;
}
.menu-contenedor .container .menu ul li {
  transition: all 0.3s ease-in-out;
  will-change: transform;
}
.menu-contenedor .container .menu ul li:hover {
  transform: translateX(5%);
}
.menu-contenedor .container .menu ul li:hover a {
  color: rgba(255, 255, 255, 0.6);
}
.menu-contenedor .container .menu .cta a {
  background: -webkit-linear-gradient(109deg, #fff345 0%, #ffc700 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.menu-contenedor .container .menu .idioma {
  margin-top: 20px;
  font-family: Montserrat-SemiBold;
  font-size: 16px;
}
.menu-contenedor .border-redondeado {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  will-change: width;
}
.menu-contenedor .border-redondeado .div-redondo {
  width: 150%;
  content: "";
  display: block;
  position: absolute;
  background-color: #0c0326;
  height: 750%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -25%) scaleY(0);
  transform-origin: top;
  z-index: -1;
}
.menu-contenedor .border-redondeado-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50px;
  will-change: width;
}
.menu-contenedor .border-redondeado-right .div-redondo {
  height: 150%;
  content: "";
  display: block;
  position: absolute;
  background-color: black;
  width: 750%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -25%) scaleX(1.5);
  transform-origin: center;
  z-index: -1;
}
.menu-contenedor.mostrar {
  display: block;
}
.menu-contenedor .cerrar {
  position: absolute;
  display: flex;
  gap: 18px;
  align-items: center;
  top: 30px;
  right: 60px;
}
.menu-contenedor .linea-abajo {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-top: 40px;
  padding: 30px;
}
.menu-contenedor .linea-abajo .social {
  display: flex;
  gap: 22px;
}

.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transform: scaleY(0.85);
  margin: 0 -10px;
}
.ham .line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #fff;
  stroke-width: 3;
  stroke-linecap: round;
}

.ham2 .top {
  stroke-dasharray: 40 121;
}
.ham2 .middle {
  stroke-dasharray: 40;
  stroke-dashoffset: -20px;
}
.ham2 .bottom {
  stroke-dasharray: 40 121;
}
.ham2:hover {
  transform: rotate(45deg);
}
.ham2:hover .top {
  stroke-dashoffset: -102px;
}
.ham2:hover .middle {
  stroke-dasharray: 40;
  stroke-dashoffset: 0px;
}
.ham2:hover .bottom {
  stroke-dashoffset: -102px;
}.marquee [class*=brxe-] {
  max-width: 1000% !important;
}

body {
  font-family: "Montserrat";
}

.fade-in,
.left-in,
.right-in,
.top-in,
.bottom-in,
.zoom-in,
.zoom-out,
.flip-x,
.flip-y,
.rotate-in,
.bounce-in,
.roll-in {
  opacity: 0;
}

.a-top > *,
.a-bottom > *,
.a-left > *,
.a-right > * {
  opacity: 0;
}

.bricks-area .fade-in,
.bricks-area .left-in,
.bricks-area .right-in,
.bricks-area .top-in,
.bricks-area .bottom-in,
.bricks-area .zoom-in,
.bricks-area .zoom-out,
.bricks-area .flip-x,
.bricks-area .flip-y,
.bricks-area .rotate-in,
.bricks-area .bounce-in,
.bricks-area .roll-in,
.bricks-area .a-top {
  opacity: 1;
}
.bricks-area .a-top > *,
.bricks-area .a-bottom > *,
.bricks-area .a-left > *,
.bricks-area .a-right > * {
  opacity: 1;
}

/* -- The root styles must go in the element of the structure with the name "Card". --*/
/* Styles applied to the first card */
.card-blog-15__wrapper:first-child {
  grid-column: 1/3;
  grid-row: span 2;
}
.card-blog-15__wrapper:first-child .card-blog-15__heading {
  font-size: var(--text-4xl);
  /* Link clickeable parent */
}
.card-blog-15__wrapper:first-child .card-blog-15__heading:not(a) > a::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
}
.card-blog-15__wrapper:first-child {
  /* Tablet styles */
}
@media (max-width: 991px) {
  .card-blog-15__wrapper:first-child {
    grid-column: 1/-1;
    aspect-ratio: 4/3;
  }
}
.card-blog-15__wrapper:first-child {
  /* Mobile styles */
}
@media (max-width: 767px) {
  .card-blog-15__wrapper:first-child {
    grid-column: auto;
    aspect-ratio: 1/1;
  }
  .card-blog-15__wrapper:first-child .card-blog-15__heading {
    font-size: var(--text-xl);
  }
}
.card-blog-15__wrapper {
  /* Styles applied to all elements except the first one. */
}
.card-blog-15__wrapper:not(:first-child) {
  aspect-ratio: 1/1;
}
.card-blog-15__wrapper:not(:first-child) .card-blog-15__heading {
  /* Link clickeable parent */
}
.card-blog-15__wrapper:not(:first-child) .card-blog-15__heading:not(a) > a::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
}
.card-blog-15__wrapper:not(:first-child) .card-blog-15__btn {
  display: none;
}
.card-blog-15__wrapper:not(:first-child) {
  /* Mobile styles */
}
@media (max-width: 767px) {
  .card-blog-15__wrapper:not(:first-child) .card-blog-15__btn {
    display: flex;
  }
}:root {
  --animation-primary: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  --animation-fast: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  --animation-smooth: all 0.7s cubic-bezier(0.7, 0, 0.3, 1);
  --animation-slow: all 0.9s cubic-bezier(0.7, 0, 0.3, 1);
  --duration-fast: 0.4s;
  --duration-normal: 0.6s;
  --duration-slow: 0.8s;
  --delay-01: 0.1s;
  --delay-02: 0.2s;
  --delay-03: 0.3s;
  --delay-04: 0.4s;
  --delay-05: 0.5s;
  --delay-06: 0.6s;
  --delay-07: 0.7s;
  --delay-08: 0.8s;
  --delay-09: 0.9s;
  --delay-10: 1s;
}

.animate {
  transition: opacity var(--duration-normal) cubic-bezier(0.7, 0, 0.3, 1), transform var(--duration-normal) cubic-bezier(0.7, 0, 0.3, 1);
}

.animate.fade-in {
  opacity: 0;
  transform: translateY(30px);
}
.animate.fade-in.in-view {
  opacity: 1;
  transform: translateY(0);
}
.animate.fade-in .fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity var(--duration-normal) cubic-bezier(0.7, 0, 0.3, 1), transform var(--duration-normal) cubic-bezier(0.7, 0, 0.3, 1);
}
.animate.fade-in .fade-in.delay-01 {
  transition-delay: var(--delay-01);
}
.animate.fade-in .fade-in.delay-02 {
  transition-delay: var(--delay-02);
}
.animate.fade-in .fade-in.delay-03 {
  transition-delay: var(--delay-03);
}
.animate.fade-in .fade-in.delay-04 {
  transition-delay: var(--delay-04);
}
.animate.fade-in .fade-in.delay-05 {
  transition-delay: var(--delay-05);
}
.animate.fade-in .fade-in.delay-06 {
  transition-delay: var(--delay-06);
}
.animate.fade-in .fade-in.delay-07 {
  transition-delay: var(--delay-07);
}
.animate.fade-in .fade-in.delay-08 {
  transition-delay: var(--delay-08);
}
.animate.fade-in .fade-in.delay-09 {
  transition-delay: var(--delay-09);
}
.animate.fade-in .fade-in.delay-10 {
  transition-delay: var(--delay-10);
}
.animate.fade-in.in-view .fade-in {
  opacity: 1;
  transform: translateY(0);
}

.animate.fade-up {
  opacity: 0;
  transform: translateY(50px);
}
.animate.fade-up.in-view {
  opacity: 1;
  transform: translateY(0);
}
.animate.fade-up .fade-up {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity var(--duration-normal) cubic-bezier(0.7, 0, 0.3, 1), transform var(--duration-normal) cubic-bezier(0.7, 0, 0.3, 1);
}
.animate.fade-up .fade-up.delay-01 {
  transition-delay: var(--delay-01);
}
.animate.fade-up .fade-up.delay-02 {
  transition-delay: var(--delay-02);
}
.animate.fade-up .fade-up.delay-03 {
  transition-delay: var(--delay-03);
}
.animate.fade-up .fade-up.delay-04 {
  transition-delay: var(--delay-04);
}
.animate.fade-up .fade-up.delay-05 {
  transition-delay: var(--delay-05);
}
.animate.fade-up .fade-up.delay-06 {
  transition-delay: var(--delay-06);
}
.animate.fade-up .fade-up.delay-07 {
  transition-delay: var(--delay-07);
}
.animate.fade-up .fade-up.delay-08 {
  transition-delay: var(--delay-08);
}
.animate.fade-up .fade-up.delay-09 {
  transition-delay: var(--delay-09);
}
.animate.fade-up .fade-up.delay-10 {
  transition-delay: var(--delay-10);
}
.animate.fade-up.in-view .fade-up {
  opacity: 1;
  transform: translateY(0);
}

.animate.slide-left {
  opacity: 0;
  transform: translateX(50px);
}
.animate.slide-left.in-view {
  opacity: 1;
  transform: translateX(0);
}
.animate.slide-left .slide-left {
  opacity: 0;
  transform: translateX(50px);
  transition: opacity var(--duration-normal) cubic-bezier(0.7, 0, 0.3, 1), transform var(--duration-normal) cubic-bezier(0.7, 0, 0.3, 1);
}
.animate.slide-left .slide-left.delay-01 {
  transition-delay: var(--delay-01);
}
.animate.slide-left .slide-left.delay-02 {
  transition-delay: var(--delay-02);
}
.animate.slide-left .slide-left.delay-03 {
  transition-delay: var(--delay-03);
}
.animate.slide-left .slide-left.delay-04 {
  transition-delay: var(--delay-04);
}
.animate.slide-left .slide-left.delay-05 {
  transition-delay: var(--delay-05);
}
.animate.slide-left .slide-left.delay-06 {
  transition-delay: var(--delay-06);
}
.animate.slide-left .slide-left.delay-07 {
  transition-delay: var(--delay-07);
}
.animate.slide-left .slide-left.delay-08 {
  transition-delay: var(--delay-08);
}
.animate.slide-left .slide-left.delay-09 {
  transition-delay: var(--delay-09);
}
.animate.slide-left .slide-left.delay-10 {
  transition-delay: var(--delay-10);
}
.animate.slide-left.in-view .slide-left {
  opacity: 1;
  transform: translateX(0);
}

.animate.scale {
  opacity: 0;
  transform: scale(0.8);
}
.animate.scale.in-view {
  opacity: 1;
  transform: scale(1);
}
.animate.scale .scale {
  opacity: 0;
  transform: scale(0.8);
  transition: opacity var(--duration-normal) cubic-bezier(0.7, 0, 0.3, 1), transform var(--duration-normal) cubic-bezier(0.7, 0, 0.3, 1);
}
.animate.scale .scale.delay-01 {
  transition-delay: var(--delay-01);
}
.animate.scale .scale.delay-02 {
  transition-delay: var(--delay-02);
}
.animate.scale .scale.delay-03 {
  transition-delay: var(--delay-03);
}
.animate.scale .scale.delay-04 {
  transition-delay: var(--delay-04);
}
.animate.scale .scale.delay-05 {
  transition-delay: var(--delay-05);
}
.animate.scale .scale.delay-06 {
  transition-delay: var(--delay-06);
}
.animate.scale .scale.delay-07 {
  transition-delay: var(--delay-07);
}
.animate.scale .scale.delay-08 {
  transition-delay: var(--delay-08);
}
.animate.scale .scale.delay-09 {
  transition-delay: var(--delay-09);
}
.animate.scale .scale.delay-10 {
  transition-delay: var(--delay-10);
}
.animate.scale.in-view .scale {
  opacity: 1;
  transform: scale(1);
}

.animate.fast {
  transition-duration: var(--duration-fast);
}
.animate.fast .fade-in,
.animate.fast .fade-up,
.animate.fast .slide-left,
.animate.fast .scale {
  transition-duration: var(--duration-fast);
}
.animate.slow {
  transition-duration: var(--duration-slow);
}
.animate.slow .fade-in,
.animate.slow .fade-up,
.animate.slow .slide-left,
.animate.slow .scale {
  transition-duration: var(--duration-slow);
}:root {
  --section-padding: clamp(5em, 21vh, 12em);
  --container-padding: clamp(2.5em, 8vw, 8em);
  --gap-padding: clamp(1.5em, 4vw, 2.5em);
  --animation-primary: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  --animation-fast: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  --animation-smooth: all 0.7s cubic-bezier(0.7, 0, 0.3, 1);
  --animation-slow: all 0.9s cubic-bezier(0.7, 0, 0.3, 1);
  --color-burbuja: #efd212;
  --space-4xs: clamp(0.52rem, calc(-0.03vw + 0.53rem), 0.49rem);
  --space-3xs: clamp(0.66rem, calc(0.04vw + 0.64rem), 0.7rem);
  --space-2xs: clamp(0.82rem, calc(0.16vw + 0.77rem), 0.99rem);
  --space-xs: clamp(1.02rem, calc(0.36vw + 0.91rem), 1.4rem);
  --space-s: clamp(1.28rem, calc(0.67vw + 1.07rem), 1.98rem);
  --space-m: clamp(1.6rem, calc(1.15vw + 1.23rem), 2.8rem);
  --space-l: clamp(2rem, calc(1.87vw + 1.4rem), 3.96rem);
  --space-xl: clamp(2.5rem, calc(2.96vw + 1.55rem), 5.6rem);
  --space-2xl: clamp(3.13rem, calc(4.58vw + 1.66rem), 7.92rem);
  --space-3xl: clamp(3.91rem, calc(6.97vw + 1.68rem), 11.19rem);
  --space-4xl: clamp(4.88rem, calc(10.46vw + 1.53rem), 15.83rem);
  --text-xs: clamp(1.26rem, calc(-0.23vw + 1.34rem), 1.01rem);
  --text-s: clamp(1.42rem, calc(-0.07vw + 1.44rem), 1.35rem);
  --text-m: clamp(1.6rem, calc(0.19vw + 1.54rem), 1.8rem);
  --text-l: clamp(1.8rem, calc(0.56vw + 1.62rem), 2.4rem);
  --text-xl: clamp(2rem, calc(0.93vw + 1.7rem), 3rem);
  --text-2xl: clamp(2.2rem, calc(2.41vw + 1.43rem), 4.8rem);
  --text-3xl: clamp(3rem, calc(4.63vw + 1.52rem), 8rem);
}

html {
  font-size: 62.5%;
}

body {
  font-size: 16px;
}

/* ------------------------- Work Grid ------------------------- */
.lista-proyectos {
  margin: 0 auto;
  width: 100%;
}
.lista-proyectos img.overlay,
.lista-proyectos video.overlay {
  object-fit: cover;
}
.lista-proyectos .proyectos-items .fila {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding: var(--space-xl) 0;
}
@media (max-width: 800px) {
  .lista-proyectos .proyectos-items .fila {
    padding: 0;
    padding-top: 20px;
  }
}
.lista-proyectos .proyectos-items .fila:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.lista-proyectos .proyectos-items .fila a {
  color: white;
  text-decoration: none;
}
.lista-proyectos .proyectos-items .fila a .contenido {
  display: flex;
  gap: var(--space-m);
  justify-content: space-between;
  align-items: center;
}
.lista-proyectos .proyectos-items .fila a h4 {
  font-weight: 400;
  font-size: var(--text-2xl);
  flex: 1 0 auto;
  line-height: 130%;
  transition: var(--animation-fast);
  transform: translateX(0) rotate(0.001deg);
}
.lista-proyectos .proyectos-items .fila a svg {
  margin-right: 20px;
  transition: var(--animation-fast);
}
.lista-proyectos .proyectos-items .fila a p {
  transition: var(--animation-fast);
  transform: translateX(0) rotate(0.001deg);
}
.lista-proyectos .proyectos-items .fila a:hover {
  opacity: 0.5;
}
.lista-proyectos .proyectos-items .fila a:hover h4 {
  transform: translateX(calc(var(--container-padding) * -0.1)) rotate(0.001deg);
}
.lista-proyectos .proyectos-items .fila a:hover svg {
  transform: translateX(20px) rotate(0.001deg);
}
@media (max-width: 800px) {
  .lista-proyectos .proyectos-items .fila a {
    flex-direction: column;
  }
  .lista-proyectos .proyectos-items .fila a .small {
    font-size: var(--text-xs);
    font-weight: 300;
  }
  .lista-proyectos .proyectos-items .fila a h4 {
    font-size: var(--text-m);
  }
  .lista-proyectos .proyectos-items .fila a svg {
    max-width: 18px;
  }
}
.lista-proyectos .proyectos-items .fila .imagen {
  display: none;
}
.lista-proyectos .proyectos-items .fila .imagen img {
  max-width: 100%;
}
@media (max-width: 800px) {
  .lista-proyectos .proyectos-items .fila .imagen {
    display: block;
  }
}

/* ------------------------- Imagen flotante ----------------------------- */
.div-flotante {
  color: black;
}
.div-flotante .div-flotante-image {
  width: clamp(20rem, 27.5vw, 40rem);
  height: clamp(20rem, 27.5vw, 40rem);
  z-index: 25;
  position: fixed;
  pointer-events: none;
  transform: translate(-50%, -52%) scale(0);
  opacity: 0;
  display: block;
  transition: all 0.4s cubic-bezier(0.36, 0, 0.66, 0);
  left: 0%;
  will-change: transform, width;
}
.div-flotante .div-flotante-image.active {
  border-radius: 0;
  opacity: 1;
  transform: translate(-50%, -52%) scale(1);
  transition: all 0.4s cubic-bezier(0.34, 1, 0.64, 1);
}
.div-flotante .div-flotante-image .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.div-flotante .div-flotante-image .div-flotante-image-bounce {
  overflow: hidden;
  transform: scale(1) rotate(0.001deg);
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  will-change: transform;
}
.div-flotante .div-flotante-image .div-flotante-image-bounce.active {
  transform: scale(1) rotate(0.001deg);
}
.div-flotante .div-flotante-image .div-flotante-image-bounce .float-image-wrap {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  will-change: transform;
}
.div-flotante .div-flotante-image .div-flotante-image-bounce .float-image-wrap .div-flotante-image-inner {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
}
.div-flotante .div-flotante-image .div-flotante-image-bounce .float-image-wrap .div-flotante-image-inner img {
  max-width: 100%;
}
.div-flotante .div-flotante-image .div-flotante-image-bounce .float-image-wrap .div-flotante-image-inner:before {
  display: block;
  content: "";
  padding-top: 100%;
}
.div-flotante .div-flotante-btn,
.div-flotante .div-flotante-span {
  width: 0;
  height: 0;
  border-radius: 50%;
  border: 0;
  background: var(--color-burbuja);
  position: fixed;
  z-index: 26;
  pointer-events: none;
  transform: translate(-50%, -60%);
  overflow: hidden;
  display: block;
  transition: width 0.4s cubic-bezier(0.36, 0, 0.66, 0), height 0.4s cubic-bezier(0.36, 0, 0.66, 0);
  left: 50.5%;
  top: -10%;
  left: -10%;
  left: 0%;
  top: 0%;
  will-change: transform, width, height;
}
.div-flotante .div-flotante-btn.active,
.div-flotante .div-flotante-span.active {
  width: clamp(3.75em, 5.5vw, 5em);
  height: clamp(3.75em, 5.5vw, 5em);
  transition: width 0.4s cubic-bezier(0.34, 1, 0.64, 1), height 0.4s cubic-bezier(0.34, 1, 0.64, 1);
}
.div-flotante .div-flotante-btn.active.pressed,
.div-flotante .div-flotante-span.active.pressed {
  height: calc(clamp(3.75em, 5.5vw, 8em) * 1.4);
  width: calc(clamp(3.75em, 5.5vw, 8em) * 1.4);
}
.div-flotante .div-flotante-btn {
  background: linear-gradient(97.58deg, #ffef00 -1.35%, #ffc700 95.01%);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0px 8px 20px rgba(255, 202, 5, 0.75), inset 1px 1px 2px #ffc801;
  will-change: transform;
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  transform: translate(-50%, -60%) scale(0);
}
.div-flotante .div-flotante-btn.active {
  transform: translate(-50%, -60%) scale(1);
}
.div-flotante .div-flotante-span {
  background: transparent;
  color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  left: 49.75%;
  top: -11.25%;
  left: -11.25%;
  left: 0%;
  top: 0%;
}
.div-flotante .div-flotante-span.active {
  border-radius: 12px;
  width: clamp(10em, 27.5vw, 25em);
  transition: width 0.4s cubic-bezier(0.34, 1, 0.64, 1), height 0.4s cubic-bezier(0.34, 1, 0.64, 1);
}
.div-flotante .div-flotante-span.active p {
  font-size: 1em;
  transition: font-size 0.4s cubic-bezier(0.34, 1, 0.64, 1);
}
.div-flotante .div-flotante-span .arrow {
  width: 0em;
  transform: rotate(-90deg) translateX(-0.05em);
  margin-left: 0.33em;
  display: inline-flex;
  position: relative;
  transition: width 0.4s cubic-bezier(0.36, 0, 0.66, 0);
  will-change: width;
}
.div-flotante .div-flotante-span p {
  font-size: 0em;
  margin: 0;
  transition: font-size 0.4s cubic-bezier(0.36, 0, 0.66, 0);
  will-change: font-size;
}
.div-flotante .load-icon {
  width: 3em;
  height: 3em;
  border-radius: 50%;
  border: 0;
  background: var(--color-burbuja);
  position: fixed;
  pointer-events: none;
  transform: scale(0);
  overflow: hidden;
  display: block;
  right: var(--gap-padding);
  bottom: var(--gap-padding);
  z-index: 2000;
}
.div-flotante .load-icon svg {
  left: 25%;
  top: 25%;
  position: absolute;
  width: 50%;
  transform: rotate(0.0001deg);
  animation: rotateLoad 1s linear infinite;
}
@keyframes rotateLoad {
  0% {
    transform: rotate(0.0001deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 540px) {
  .div-flotante .div-flotante-btn,
  .div-flotante .div-flotante-span {
    display: none;
  }
}:root {
  --section-padding: clamp(5em, 21vh, 12em);
  --container-padding: clamp(2.5em, 8vw, 8em);
  --gap-padding: clamp(1.5em, 4vw, 2.5em);
  --animation-primary: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  --animation-fast: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  --animation-smooth: all 0.7s cubic-bezier(0.7, 0, 0.3, 1);
  --animation-slow: all 0.9s cubic-bezier(0.7, 0, 0.3, 1);
  --color-burbuja: #efd212;
  --space-4xs: clamp(0.52rem, calc(-0.03vw + 0.53rem), 0.49rem);
  --space-3xs: clamp(0.66rem, calc(0.04vw + 0.64rem), 0.7rem);
  --space-2xs: clamp(0.82rem, calc(0.16vw + 0.77rem), 0.99rem);
  --space-xs: clamp(1.02rem, calc(0.36vw + 0.91rem), 1.4rem);
  --space-s: clamp(1.28rem, calc(0.67vw + 1.07rem), 1.98rem);
  --space-m: clamp(1.6rem, calc(1.15vw + 1.23rem), 2.8rem);
  --space-l: clamp(2rem, calc(1.87vw + 1.4rem), 3.96rem);
  --space-xl: clamp(2.5rem, calc(2.96vw + 1.55rem), 5.6rem);
  --space-2xl: clamp(3.13rem, calc(4.58vw + 1.66rem), 7.92rem);
  --space-3xl: clamp(3.91rem, calc(6.97vw + 1.68rem), 11.19rem);
  --space-4xl: clamp(4.88rem, calc(10.46vw + 1.53rem), 15.83rem);
  --text-xs: clamp(1.26rem, calc(-0.24vw + 1.34rem), 1.01rem);
  --text-s: clamp(1.42rem, calc(-0.07vw + 1.44rem), 1.35rem);
  --text-m: clamp(1.6rem, calc(0.19vw + 1.54rem), 1.8rem);
  --text-l: clamp(1.8rem, calc(0.57vw + 1.62rem), 2.4rem);
  --text-xl: clamp(2.02rem, calc(1.12vw + 1.67rem), 3.2rem);
  --text-2xl: clamp(2.28rem, calc(1.9vw + 1.67rem), 4.26rem);
  --text-3xl: clamp(2.56rem, calc(2.98vw + 1.61rem), 5.68rem);
  --text-4xl: clamp(2.88rem, calc(4.49vw + 1.45rem), 7.58rem);
}

.portafolio-scrub {
  display: flex;
  flex-direction: column;
  gap: var(--space-m);
  width: 100%;
  overflow: hidden;
  margin: var(--space-l) 0;
}
.portafolio-scrub .fila {
  display: flex;
  gap: var(--space-m);
  will-change: transform;
}
.portafolio-scrub .fila.segunda {
  align-self: flex-end;
  max-width: 500%;
}
.portafolio-scrub .fila .contenedor-imagen {
  min-width: 590px;
  height: 320px;
  overflow: hidden;
  flex: 1;
  border: 35px solid rgba(255, 255, 255, 0.2);
  border-width: 35px 20px;
}
.portafolio-scrub .fila .contenedor-imagen img {
  max-width: 100%;
  will-change: transform;
}