@charset "UTF-8";
.barranavegacionExito {
  display: flex;
  justify-content: center;
  align-items: center; }
  .barranavegacionExito .logo-barraExito {
    margin-top: 24px; }

.success {
  margin-top: 7.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.75rem; }
  @media (max-width: 600px) {
    .success {
      width: 100%;
      padding: 16px 16px; } }
  .success .success-art {
    width: 24.3125rem; }
  .success .success-heading {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2rem; }

.material-symbols-rounded {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; }

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }
  @media (max-width: 600px) {
    * {
      /* overflow-x: hidden; */ } }

/* $xxs: 4px;
$xs: 8px;
$s: $m;
$m: 24px;
$l: 32px;
$xl: 48px;
$xxl: 64px;
$xxxl: 92px; */
Font
.material-symbols-rounded {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; }

.caption {
  color: #ffffff7a;
  font-size: 0.625rem;
  font-family: "Poppins", sans-serif;
  margin-top: 0.375rem;
  font-weight: 400;
  letter-spacing: 0.04rem; }

.label__input {
  color: #ffffff;
  font-size: 0.875rem;
  font-family: "Poppins", sans-serif; }

/* .display__desktop {
  line-height: 100%;
  width: 100vw;
  display: contents;
  @media (max-width: 600px) {
    display: none;
  }
} */
/* .display__mobile {
  display: none;

  @media (max-width: 600px) {
    display: block;
    font-size: 32px;
    text-align: center;
    line-height: 120%;
  }
} */
.display {
  color: #2D0F52;
  font-family: "Inter", sans-serif;
  font-size: 4.5rem;
  line-height: 120%;
  /* ---------------------- */
  /* .typing {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    border-right: 2px solid white; // Cursor
    font-size: 37px;
    animation: typing 5s steps(30, end) infinite, blink-caret 0.75s step-end infinite;
    
    // Cambio de texto
    &::after {
      content: "tecnología"; // Primera palabra
      display: block;
      animation: changeText 15s steps(1, end) infinite;
    }
  }
  
  // Animación de escritura
  @keyframes typing {
    from {
      width: 0;
    }
    to {
      width: 100%; // Ajusta el ancho para el texto completo
    }
  }
  
  // Animación del parpadeo del cursor
  @keyframes blink-caret {
    from, to {
      border-color: transparent;
    }
    50% {
      border-color: white;
    }
  }
  
  // Animación de cambio de texto
  @keyframes changeText {
    0%, 33% {
      content: "tecnología";
    }
    34%, 66% {
      content: "Diseño";
    }
    67%, 100% {
      content: "Marketing";
    }
  } */
  /* --------------------------- */ }
  @media (max-width: 600px) {
    .display {
      font-size: 2.75rem; } }

.label__page {
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  color: #9f92ff;
  padding: 0.5rem 1rem;
  background-color: #7868f62a;
  border-radius: 0.5rem; }
  .label__page--left {
    text-align: left; }
  .label__page--center {
    text-align: center; }
  .label__page--right {
    text-align: right; }

.h1__page {
  color: #FFFFFF;
  font-family: "Inter", sans-serif;
  font-size: 3rem;
  text-align: center;
  line-height: 120%; }
  @media (max-width: 600px) {
    .h1__page {
      font-size: 2rem; } }
  .h1__page--section {
    margin-top: 1rem; }
  .h1__page--alignleft {
    text-align: left; }
  .h1__page--aligncenter {
    text-align: center; }

.h2__page {
  color: #ffffee;
  font-family: "Inter", sans-serif;
  font-size: 2rem;
  text-align: center;
  line-height: 140%; }
  @media (max-width: 600px) {
    .h2__page {
      font-size: 32px; } }
  .h2__page--section {
    margin-top: 1rem; }
  .h2__page--alignleft {
    text-align: left; }

.h4__page {
  color: #ffffee;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 140%;
  font-weight: 500; }
  @media (max-width: 600px) {
    .h4__page {
      font-size: 32px; } }
  .h4__page--section {
    margin-top: 1rem; }
  .h4__page--alignleft {
    text-align: left; }

.h5__page {
  color: #ffffee;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 140%;
  font-weight: 500; }
  .h5__page--section {
    margin-top: 1rem; }
  .h5__page--alignleft {
    text-align: left; }

.body {
  color: #2D0F52;
  font-family: "Inter", sans-serif; }
  .body__large {
    font-family: "Inter", sans-serif;
    font-size: 1.5rem; }
    .body__large--sectionLarge {
      margin-top: 3rem; }
    .body__large--sectionMedium {
      margin-top: 2rem; }
    .body__large--aligncenter {
      text-align: center; }
    .body__large--alignleft {
      text-align: left; }
    @media (max-width: 600px) {
      .body__large {
        font-size: 1.125rem;
        margin-top: 2rem; } }
  .body__small {
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-size: 1rem; }
    .body__small--section {
      margin-top: 1rem; }
    .body__small--aligncenter {
      text-align: center; }
    .body__small--alignleft {
      text-align: left; }
    @media (max-width: 600px) {
      .body__small {
        font-size: 0.875rem; } }

a {
  font-family: "Poppins", sans-serif; }

.options {
  height: 4.5rem;
  display: block;
  min-height: 8.2em; }

.select {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0rem 1rem;
  background: #0e0e25;
  border-radius: 0.5rem;
  height: 3rem;
  background-color: none;
  outline: none;
  margin: 0.5rem 0;
  border-style: solid;
  border-width: 0.0625rem;
  border-color: rgba(255, 255, 255, 0.2);
  font-size: 0.875rem;
  color: #ffffff;
  /* &--type {} */ }
  .select .button {
    color: #ffffff;
    height: 3rem;
    font-size: 1.125rem;
    font-weight: 700;
    padding: 0 2rem;
    justify-content: center;
    font-family: "Poppins", sans-serif;
    display: flex;
    align-items: center;
    border-style: none; }
    .select .button__primary {
      background-color: #8A2DFC;
      box-sizing: border-box;
      text-decoration: none;
      border-radius: 2.5rem; }
      .select .button__primary--absolute {
        position: absolute;
        right: 0.375rem; }
      .select .button__primary--width100 {
        width: 100%; }
      .select .button__primary--widthfit {
        width: fit-content; }
    .select .button__secondary {
      /* box-sizing: border-box; */
      text-decoration: none;
      border-radius: 2.5rem;
      border-width: 0.125rem;
      /* Cambiado de border-style a border-width */
      border-style: solid;
      /* Agregado border-style */
      border-color: #ffffff;
      /* &--absolute {
        position: absolute;
        right: $xs;
      } */ }
      .select .button__secondary--width100 {
        width: 100%; }
      .select .button__secondary--widthfit {
        width: fit-content; }
      .select .button__secondary--space {
        display: flex;
        gap: 0.5rem; }
    .select .button .logo-search {
      padding-right: 0.5rem;
      display: inline-block; }
  .select:hover {
    border-style: solid;
    /* border-width: 1px; */
    border-color: #888c99; }
  .select:focus {
    /* border-style: solid;
    border-color: #07cdbd;
    
    border-width: 1px;
    outline-offset: 5px; */
    border: 0.0625rem solid #2997ff;
    outline: 0.25rem solid #2997ff27;
    /* outline-offset: 4px; */ }
  .select--margin-top {
    margin-top: 1.25rem; }
  .select--margin-botton {
    margin-bottom: 0.75rem; }

.input {
  /* border-right: $m solid transparent; */
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0rem 1rem;
  background: #0e0e25;
  border-radius: 0.5rem;
  height: 3rem;
  background-color: none;
  outline: none;
  margin: 0.5rem 0;
  border-style: solid;
  border-width: 0.0625rem;
  border-color: rgba(255, 255, 255, 0.2);
  font-size: 0.875rem;
  color: #ffffff;
  color-scheme: dark;
  /* &--type {} */ }
  .input:hover {
    border-style: solid;
    /* border-width: 1px; */
    border-color: #888c99; }
  .input:focus {
    /* border-style: solid;
    border-color: #07cdbd;
    
    border-width: 1px;
    outline-offset: 5px; */
    border: 0.0625rem solid #2997ff;
    outline: 0.25rem solid #2997ff27;
    /* outline-offset: 4px; */ }
  .input--margin-top {
    margin-top: 1.25rem; }
  .input--margin-botton {
    margin-bottom: 0.75rem; }

.padding_select {
  padding-right: 1rem solid #2997ff; }
  .padding_select:focus {
  /* border-style: solid;
border-color: #07cdbd;

border-width: 1px;
outline-offset: 5px; */
    border: 0.0625rem solid #2997ff;
    outline: 0.25rem solid #2997ff27;
    border-right: 1rem solid #2997ff;
    /* outline-offset: 4px; */ }
  .padding_select:active {
    border-right: 1rem solid transparent; }

.button {
  color: #ffffff;
  height: 3rem;
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0 2rem;
  justify-content: center;
  font-family: "Poppins", sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-style: none; }
  .button__primary {
    background-color: #8A2DFC;
    box-sizing: border-box;
    text-decoration: none;
    border-radius: 2.5rem; }
    .button__primary:hover {
      background-color: #7024CC; }
    .button__primary--absolute {
      position: absolute;
      right: 0.375rem; }
    .button__primary--width100 {
      width: 100%; }
    .button__primary--widthfit {
      width: fit-content; }
  .button__secondary {
    /* box-sizing: border-box; */
    text-decoration: none;
    border-radius: 2.5rem;
    border-width: 0.125rem;
    /* Cambiado de border-style a border-width */
    border-style: solid;
    /* Agregado border-style */
    border-color: #8A2DFC;
    color: #8A2DFC; }
    .button__secondary:hover {
      background-color: #7024CC;
      color: #ffffff;
      border-style: none; }
    .button__secondary--width100 {
      width: 100%; }
    .button__secondary--widthfit {
      width: fit-content; }
    .button__secondary--space {
      display: flex;
      gap: 0.5rem; }
  .button__ghost {
    /* box-sizing: border-box; */
    text-decoration: none;
    border-radius: 2.5rem;
    border-width: 0.125rem;
    /* Cambiado de border-style a border-width */
    border-style: solid;
    /* Agregado border-style */
    border-color: #FFFFFF;
    color: #FFFFFF; }
    .button__ghost:hover {
      background-color: #FFFFFF;
      color: #7024CC;
      border-style: none; }
    .button__ghost--small {
      font-size: 14px;
      font-weight: 500;
      height: 32px;
      padding: 0px 16px;
      border-radius: 2.5rem;
      border-width: 1px;
      /* Cambiado de border-style a border-width */
      border-style: solid;
      /* Agregado border-style */
      border-color: #FFFFFF;
      color: #FFFFFF; }
      .button__ghost--small:hover {
        background-color: #FFFFFF;
        color: #7024CC;
        border-style: none; }
    .button__ghost--width100 {
      width: 100%; }
    .button__ghost--widthfit {
      width: fit-content; }
    .button__ghost--space {
      display: flex;
      gap: 0.5rem; }
  .button .logo-search {
    padding-right: 0.5rem;
    display: inline-block; }

/* .button_secondary {
  display: flex;
  height: 3rem;

  font-size: 1.125rem;
  font-weight: 500;
  padding: 0 2rem;
  justify-content: center;
  font-family: "Poppins", sans-serif;
  cursor: pointer;

  display: flex;
  align-items: center;
  border-style: none;

  &:hover {
    background-color: $color-primary-10;
    
  }


  
  } */
body {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* background-color: #000019; */
  width: 100%;
  /* overflow: hidden; */
  overflow-x: hidden;
  background-color: #F7F9FC;
  /* overflow: hidden; */
  /* &::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(215deg, rgba(0, 0, 25, 0.40) -11.32%, rgba(229, 63, 76, 0.40) 8.1%, rgba(229, 63, 76, 0.40) 24.16%, rgba(120, 104, 246, 0.40) 25.48%, rgba(0, 0, 25, 0.40) 43.51%);
    filter: blur(105px);
    z-index: -1; // Asegura que el degradado esté detrás del texto
  } */
  /* inicio slider */
  /* inicio slider */
  /* fin slider */
  /* fin de volumen */ }
  @media (max-width: 600px) {
    body {
      width: 100%;
      padding: 16px 0; } }
  body .barranavegacion {
    width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.526);
    backdrop-filter: blur(12px);
    height: 72px;
    /* position: fixed; */
    /* z-index: 4; */
    padding: 0px 12px 0px 24px;
    border-radius: 36px;
    /* top: 0px; */
    position: sticky;
    top: 24px;
    z-index: 100; }
    @media (max-width: 600px) {
      body .barranavegacion {
        width: calc(100% - 32px);
        /* Ancho ajustado para los márgenes */
        max-width: calc(100% - 32px);
        /* Asegura que no exceda el ancho disponible */
        justify-content: center;
        height: 48px;
        position: sticky;
        top: 8px;
        margin-left: 16px;
        /* Margen explícito izquierdo */
        margin-right: 16px;
        /* Margen explícito derecho */
        box-sizing: border-box;
        /* Asegura que el padding no afecte el ancho total */ } }
    body .barranavegacion .logo-barra {
      width: auto;
      display: inline-block;
      height: 32px; }
      @media (max-width: 600px) {
        body .barranavegacion .logo-barra {
          height: 24px; } }
    body .barranavegacion .menu {
      /* max-width: 100% !important; */
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 32px; }
      @media (max-width: 600px) {
        body .barranavegacion .menu {
          display: none; } }
      body .barranavegacion .menu .linksNavegacion {
        color: white;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500; }
      body .barranavegacion .menu hr {
        border-style: none;
        height: 1.5rem;
        width: 1px;
        /* background-color: $Neutrals-Light-40; */
        opacity: 50%;
        border-radius: 2px; }
      body .barranavegacion .menu .botones-usuario {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.75rem; }
        body .barranavegacion .menu .botones-usuario .boton-iniciarSesion {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 48px;
          background-color: #8A2DFC;
          color: #ffffff;
          border-radius: 28px;
          padding: 0 32px;
          font-size: 20px;
          text-decoration: none; }
        body .barranavegacion .menu .botones-usuario .boton-registrarme {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 3rem;
          background-color: #8A2DFC;
          color: #ffffff;
          border-radius: 1.75rem;
          padding: 0 2rem;
          font-size: 1.25rem;
          font-family: "Poppins", sans-serif;
          text-decoration: none; }
  body main {
    display: flex;
    max-width: 1076px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto; }
    @media (max-width: 600px) {
      body main {
        width: 100%;
        padding: 0 16px; } }
    body main .data {
      margin-top: 144px;
      margin-bottom: 144px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      max-width: 1076px;
      align-self: center;
      align-items: center;
      height: fit-content;
      grid-auto-flow: dense;
      gap: 2rem; }
      @media (max-width: 600px) {
        body main .data {
          width: 100%;
          grid-template-columns: 1fr;
          grid-row: 1fr 1fr;
          gap: 2rem;
          /* width: 1076px; */ } }
      body main .data .map-image {
        max-width: 90%;
        height: auto; }
        @media (max-width: 600px) {
          body main .data .map-image {
            max-width: 100%;
            /* width: 1076px; */ } }
      body main .data .father-right {
        display: grid;
        justify-items: start;
        /*# Cargando */ }
        body main .data .father-right .container-input {
          display: flex;
          flex-direction: column;
          margin-top: 48px;
          width: 100%;
          /* align-items: stretch; */
          /* justify-content: center;
                    gap: 0px; */ }
        body main .data .father-right .input__2 {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 1rem; }
          @media (max-width: 600px) {
            body main .data .father-right .input__2 {
              grid-template-columns: 1fr; } }
        body main .data .father-right #messageContainer {
          background: none; }
          body main .data .father-right #messageContainer #spinner {
            width: 200px;
            height: 60px;
            position: relative;
            z-index: 1; }
          body main .data .father-right #messageContainer .circle,
          body main .data .father-right #messageContainer .shadow {
            width: 20px;
            height: 20px;
            position: absolute;
            border-radius: 50%;
            transform-origin: 50%;
            animation: circle7124 0.5s alternate infinite ease; }
            body main .data .father-right #messageContainer .circle:nth-child(2),
            body main .data .father-right #messageContainer .shadow:nth-child(2) {
              left: 45%;
              animation-delay: 0.2s; }
            body main .data .father-right #messageContainer .circle:nth-child(3),
            body main .data .father-right #messageContainer .shadow:nth-child(3) {
              right: 15%;
              left: auto;
              animation-delay: 0.3s; }
          body main .data .father-right #messageContainer .circle {
            background-color: #fff;
            left: 15%; }
@keyframes circle7124 {
  0% {
    top: 60px;
    height: 5px;
    border-radius: 50px 50px 25px 25px;
    transform: scaleX(1.7); }
  40% {
    height: 20px;
    border-radius: 50%;
    transform: scaleX(1); }
  100% {
    top: 0%; } }
          body main .data .father-right #messageContainer .shadow {
            height: 4px;
            background-color: rgba(0, 0, 0, 0.9);
            top: 62px;
            z-index: -1;
            left: 15%;
            filter: blur(1px);
            animation: shadow046 0.5s alternate infinite ease; }
            body main .data .father-right #messageContainer .shadow:nth-child(4) {
              left: 45%;
              animation-delay: 0.2s; }
            body main .data .father-right #messageContainer .shadow:nth-child(5) {
              right: 15%;
              left: auto;
              animation-delay: 0.3s; }
@keyframes shadow046 {
  0% {
    transform: scaleX(1.5); }
  40% {
    transform: scaleX(1);
    opacity: 0.7; }
  100% {
    transform: scaleX(0.2);
    opacity: 0.4; } }
      body main .data .father-right > .data_button {
        margin-top: 32px;
        /* right: $xs; */
        background-color: #8A2DFC;
        color: #ffffff;
        height: 3rem;
        border-radius: 2.5rem;
        box-sizing: border-box;
        text-decoration: none;
        max-width: fit-content;
        font-size: 1.125rem;
        font-weight: 700;
        padding: 0 2rem;
        justify-content: center;
        font-family: "Poppins", sans-serif;
        display: flex;
        align-items: center;
        border-style: none; }
        body main .data .father-right > .data_button .logo-search {
          padding-right: 0.5rem;
          display: inline-block; }
    body main .hero_image {
      display: flex;
      width: 1200px;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      margin-top: 5rem;
      gap: 0; }
      @media (max-width: 600px) {
        body main .hero_image {
          width: 100%;
          gap: 12px; } }
      body main .hero_image section {
        width: 48%; }
        @media (max-width: 600px) {
          body main .hero_image section {
            width: 100%; } }
      @media (max-width: 600px) {
        body main .hero_image {
          width: 100%;
          margin-top: 1rem;
          display: flex;
          flex-direction: column; } }
      body main .hero_image .hero_image_container {
        display: flex;
        flex-direction: column;
        justify-content: baseline;
        align-items: flex-start;
        text-align: left;
        width: 680px;
        background: rgba(255, 255, 255, 0.32);
        backdrop-filter: blur(36px);
        padding: 56px;
        position: relative;
        z-index: 2;
        /* margin-left: -56px; */
        box-sizing: border-box;
        border-radius: 32px; }
        @media (max-width: 600px) {
          body main .hero_image .hero_image_container {
            width: 100%;
            /* margin-top: 1rem; */
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center; }
            body main .hero_image .hero_image_container h1 {
              text-align: center; }
            body main .hero_image .hero_image_container p {
              text-align: center; }
            body main .hero_image .hero_image_container .solo-desktop {
              display: none; } }
        body main .hero_image .hero_image_container .ubicacionLabel {
          color: #464852;
          font-weight: 400;
          font-size: 20px;
          text-decoration: none;
          gap: 8px;
          display: flex;
          padding: 12px;
          /* flex-direction: column; */
          justify-content: center;
          align-items: center;
          margin-bottom: 1rem;
          border-radius: 24px;
          background-color: #E5EDFC;
          height: 36px; }
          @media (max-width: 600px) {
            body main .hero_image .hero_image_container .ubicacionLabel {
              gap: 4px;
              font-size: 16px;
              padding: 0 16px 0 8px;
              margin-bottom: 8px; }
              body main .hero_image .hero_image_container .ubicacionLabel img {
                width: 24px; } }
        body main .hero_image .hero_image_container .first-data-mobile {
          display: none; }
          body main .hero_image .hero_image_container .first-data-mobile input {
            font-size: 18px;
            text-align: center;
            /* padding-left: 16px; */
            border-style: solid;
            border-color: #ffffff80;
            border-width: 1px;
            outline: none;
            width: 100%;
            height: 48px;
            color: #464852;
            outline: none;
            background-color: #FFFFFF;
            border-radius: 2rem;
            box-shadow: 0px 2px 8px rgba(128, 90, 213, 0.15); }
            body main .hero_image .hero_image_container .first-data-mobile input:hover {
              border-style: solid;
              border-color: #d2e9ff;
              border-width: 1px;
              box-shadow: 0px 3px 10px rgba(128, 90, 213, 0.2); }
            body main .hero_image .hero_image_container .first-data-mobile input:focus {
              /* border-style: solid;
                    border-color: #2997ff;
                    border-width: 1px; */
              border: 0.0625rem solid #8A2DFC;
              outline: 0.25rem solid #D6E3FC;
              box-shadow: 0px 0px 12px rgba(100, 90, 220, 0.25); }
          @media (max-width: 600px) {
            body main .hero_image .hero_image_container .first-data-mobile {
              display: contents; } }
        body main .hero_image .hero_image_container .card {
          width: 12.5rem;
          height: 16.875rem;
          border-radius: 0.625rem;
          overflow: hidden;
          box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
          text-align: center;
          font-family: Arial, sans-serif; }
        body main .hero_image .hero_image_container .first-data {
          margin-top: 2rem;
          position: relative;
          width: 500px;
          display: flex;
          justify-content: center;
          align-items: center;
          padding-top: 2rem; }
          @media (max-width: 37.5rem) {
            body main .hero_image .hero_image_container .first-data {
              display: none; } }
          body main .hero_image .hero_image_container .first-data__placeholder {
            position: absolute;
            /* top: 0; */
            font-size: 1rem;
            /* padding-left: 16px; */
            padding-left: 1.5rem;
            border-style: solid;
            border-color: #ffffff80;
            border-width: 1px;
            outline: none;
            width: 100%;
            height: 4rem;
            color: #464852;
            outline: none;
            background-color: #ffffff17;
            border-radius: 2rem; }
            body main .hero_image .hero_image_container .first-data__placeholder:hover {
              border-style: solid;
              border-color: #d2e9ff;
              border-width: 1px; }
            body main .hero_image .hero_image_container .first-data__placeholder:focus {
              /* border-style: solid;
                    border-color: #2997ff;
                    border-width: 1px; */
              border: 0.0625rem solid #2997ff;
              outline: 0.25rem solid #2997ff27; }
      body main .hero_image .avatarImageCards {
        /* margin-top: 4.5rem; */
        display: flex;
        gap: 2rem;
        overflow-x: hidden;
        overflow-y: hidden;
        position: relative;
        height: auto;
        white-space: nowrap;
        position: relative;
        margin-left: -50vw;
        margin-right: -50vw;
        width: 100vw;
        cursor: grab;
        z-index: 0; }
        @media (max-width: 37.5rem) {
          body main .hero_image .avatarImageCards {
            width: 100vw;
            gap: 8px; } }
        body main .hero_image .avatarImageCards.grabbing {
          cursor: grabbing; }
        body main .hero_image .avatarImageCards .cardsWrapper {
          display: flex;
          animation: scroll 60s linear infinite;
          margin-left: -10px; }
        body main .hero_image .avatarImageCards .cardAvatar {
          min-width: 420px;
          height: 560px;
          border-radius: 1.5rem;
          overflow: hidden;
          text-align: center;
          display: flex;
          flex-direction: column;
          position: relative;
          animation: slide 28s linear infinite; }
          @media (max-width: 600px) {
            body main .hero_image .avatarImageCards .cardAvatar {
              min-width: 280px;
              height: 320px; } }
          body main .hero_image .avatarImageCards .cardAvatar .avatar-img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
          body main .hero_image .avatarImageCards .cardAvatar::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
            z-index: 1; }
          body main .hero_image .avatarImageCards .cardAvatar .info {
            position: absolute;
            bottom: 16px;
            left: 16px;
            right: 16px;
            padding: 1rem;
            z-index: 1;
            gap: 0px;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.32);
            backdrop-filter: blur(36px);
            display: flex;
            justify-content: space-between;
            align-items: center; }
            @media (max-width: 37.5rem) {
              body main .hero_image .avatarImageCards .cardAvatar .info {
                bottom: 0px;
                padding: 12px; } }
            body main .hero_image .avatarImageCards .cardAvatar .info p {
              color: #10CC4F;
              font-size: 28px;
              font-weight: 500;
              text-align: left; }
            body main .hero_image .avatarImageCards .cardAvatar .info .infoIzquierda {
              display: flex;
              justify-items: center;
              align-items: center;
              gap: 8px; }
              body main .hero_image .avatarImageCards .cardAvatar .info .infoIzquierda .datosTransaccion {
                display: flex;
                flex-direction: column;
                white-space: nowrap; }
                body main .hero_image .avatarImageCards .cardAvatar .info .infoIzquierda .datosTransaccion .name {
                  text-align: left;
                  font-size: 1.125rem;
                  font-weight: 500;
                  color: white; }
                  @media (max-width: 37.5rem) {
                    body main .hero_image .avatarImageCards .cardAvatar .info .infoIzquierda .datosTransaccion .name {
                      font-size: 0.875rem; } }
                body main .hero_image .avatarImageCards .cardAvatar .info .infoIzquierda .datosTransaccion .job {
                  text-align: left;
                  font-size: 0.875rem;
                  color: rgba(255, 255, 255, 0.7); }
                  @media (max-width: 37.5rem) {
                    body main .hero_image .avatarImageCards .cardAvatar .info .infoIzquierda .datosTransaccion .job {
                      font-size: 0.75rem; } }
        body main .hero_image .avatarImageCards:hover .cardAvatar {
          animation-play-state: paused; }
        body main .hero_image .avatarImageCards .cardAvatar:hover {
          transform: scale(1.05); }
@keyframes slide {
  from {
    transform: translateX(100%); }
  to {
    transform: translateX(-100vw); } }
  body .sponsors {
    /* padding: 120px; */
    margin-top: 120px;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 120px;
  /* @media (max-width: 37.5rem) {
  margin: 0px 16px;
} */ }
    body .sponsors h1 {
      color: #2D0F52; }
      @media (max-width: 37.5rem) {
        body .sponsors h1 {
          font-size: 1.875rem; } }
    body .sponsors .logosPatrocinadores {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 2rem;
      flex-wrap: wrap;
      width: 100%;
      margin-top: 2rem; }
      body .sponsors .logosPatrocinadores img {
        width: auto;
        height: auto;
        display: inline-block; }
      @media (max-width: 37.5rem) {
        body .sponsors .logosPatrocinadores {
          gap: 1rem;
          margin-top: 0rem; } }
    body .sponsors .sponsorImages {
      width: 100%; }
  body .slider-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1200px; }
    @media (max-width: 37.5rem) {
      body .slider-section {
        max-width: 100%; } }
    body .slider-section .compraBitcoin {
      color: #464852;
      color: #2D0F52;
      text-align: center;
      margin-bottom: 2rem; }
      @media (max-width: 37.5rem) {
        body .slider-section .compraBitcoin {
          font-size: 1.875rem; } }
    body .slider-section .slider-tabs {
      max-width: 100%;
      display: flex;
      gap: 12px;
      margin-bottom: 2rem; }
      @media (max-width: 37.5rem) {
        body .slider-section .slider-tabs {
          display: flex;
          gap: 8px; } }
      body .slider-section .slider-tabs .tab {
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #ccc;
        padding: 16px 24px 16px 16px;
        border-radius: 30px;
        cursor: pointer;
        color: #464852;
        background: #fff;
        transition: all 0.3s ease;
        height: 60px;
        font-size: 16px;
        font-weight: 600;
        gap: 12px;
        border-width: 2px;
        border-color: #E5EDFC; }
        body .slider-section .slider-tabs .tab .desktopViewTabs {
          display: inline; }
        body .slider-section .slider-tabs .tab .mobileViewTabs {
          display: none; }
        @media (max-width: 37.5rem) {
          body .slider-section .slider-tabs .tab {
            max-width: fit-content;
            text-align: left;
            padding: 8px 16px 8px 8px;
            font-size: 16px;
            font-weight: 500;
            gap: 6px;
            height: 56px; }
            body .slider-section .slider-tabs .tab .desktopViewTabs {
              display: none; }
            body .slider-section .slider-tabs .tab .mobileViewTabs {
              display: inline; } }
        body .slider-section .slider-tabs .tab:hover {
          color: #464852;
          border-style: solid;
          border-width: 2px;
          background-color: #F0F4FC;
          /* border-width: 1px; */
          border-color: #D6E3FC; }
        body .slider-section .slider-tabs .tab.active {
          background: #2D0F52;
          color: #FFFFFF;
          font-weight: 600;
          border-style: none; }
        body .slider-section .slider-tabs .tab .numerotab {
          display: flex;
          /* flex-direction: row; */
          justify-content: center;
          align-items: center;
          width: 28px;
          height: 28px;
          margin: 0 auto;
          color: #464852;
          padding: 10px;
          border-radius: 32px;
          background: #FFFFFF; }
          @media (max-width: 37.5rem) {
            body .slider-section .slider-tabs .tab .numerotab {
              width: 24px;
              height: 24px;
              font-size: 14px; } }
    body .slider-section .slider {
      width: 100%;
      position: relative;
      overflow: hidden; }
      @media (max-width: 37.5rem) {
        body .slider-section .slider {
          max-width: 100%; } }
      body .slider-section .slider .sliderBackground1 {
        background: linear-gradient(to right, #5F5BF0, #8968FE);
        border-radius: 32px;
        height: 500px; }
      body .slider-section .slider .sliderBackground1 .slide-content p {
        color: #FFFFFF; }
      body .slider-section .slider .sliderBackground2 {
        background: linear-gradient(to right, #B8B9F5 0%, #C7DFFD 50%, #E3F5B8 100%);
        padding: 72px;
        border-radius: 32px;
        height: 500px; }
      body .slider-section .slider .sliderBackground2 .slide-content h1 {
        color: #2D0F52; }
      body .slider-section .slider .sliderBackground3 {
        background: linear-gradient(to right, #33245D, #5B40A8);
        padding: 72px;
        border-radius: 32px; }
      body .slider-section .slider .sliderBackground3 .slide-content p {
        color: #FFFFFF; }
      body .slider-section .slider .slide {
        position: absolute;
        inset: 0;
        opacity: 0;
        transition: opacity 0.8s ease;
        pointer-events: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 1;
        height: 500px;
        padding: 72px;
        /* padding: 2rem; */ }
        @media (max-width: 37.5rem) {
          body .slider-section .slider .slide {
            display: flex;
            flex-direction: column;
            height: fit-content;
            padding: 32px;
            border-radius: 24px; } }
        body .slider-section .slider .slide.active {
          opacity: 1;
          position: relative;
          pointer-events: auto;
          z-index: 2; }
        body .slider-section .slider .slide .slide-image {
          width: 40%;
          height: auto; }
          @media (max-width: 37.5rem) {
            body .slider-section .slider .slide .slide-image {
              width: 100%;
              display: flex;
              justify-content: center;
              align-items: center; } }
          @media (max-width: 37.5rem) {
            body .slider-section .slider .slide .slide-image img {
              display: flex;
              justify-content: center;
              align-items: center;
              width: fit-content;
              height: 320px; } }
        body .slider-section .slider .slide .slide-content {
          width: 50%;
          /* button {
            background: #7b2ff7;
            color: #fff;
            border: none;
            padding: 0.7rem 1.5rem;
            border-radius: 30px;
            cursor: pointer;
          } */ }
          @media (max-width: 37.5rem) {
            body .slider-section .slider .slide .slide-content {
              text-align: center;
              width: 100%; } }
          body .slider-section .slider .slide .slide-content h1 {
            text-align: left; }
            body .slider-section .slider .slide .slide-content h1 .texto-desktop {
              display: inline; }
            body .slider-section .slider .slide .slide-content h1 .texto-mobile {
              display: none; }
            @media (max-width: 37.5rem) {
              body .slider-section .slider .slide .slide-content h1 {
                text-align: center; }
                body .slider-section .slider .slide .slide-content h1 .texto-desktop {
                  display: none; }
                body .slider-section .slider .slide .slide-content h1 .texto-mobile {
                  display: inline; } }
          body .slider-section .slider .slide .slide-content p {
            margin-top: 16px;
            margin-bottom: 1rem; }
            @media (max-width: 37.5rem) {
              body .slider-section .slider .slide .slide-content p {
                text-align: center; } }
          body .slider-section .slider .slide .slide-content a {
            /* display:inline-block; */
            margin-top: 32px;
            max-width: fit-content; }
            @media (max-width: 37.5rem) {
              body .slider-section .slider .slide .slide-content a {
                max-width: 100%; } }
        body .slider-section .slider .slide .numero1-wrapper {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-60%, -50%);
          overflow: hidden;
          width: 300px;
          height: 400px;
          z-index: -1;
          pointer-events: none; }
          body .slider-section .slider .slide .numero1-wrapper .numero1 {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-60%, -50%);
            z-index: 1;
            pointer-events: none;
            font-weight: 900;
            font-family: "Inter", sans-serif;
            font-size: 400px;
            color: transparent;
            -webkit-text-stroke: 2px #ABFA00;
            -webkit-mask-image: linear-gradient(to left, black 40%, rgba(0, 0, 0, 0) 100%);
            mask-image: linear-gradient(to right, black 40%, rgba(0, 0, 0, 0) 100%);
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%; }
        body .slider-section .slider .slide .numero2-wrapper {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          overflow: hidden;
          width: 300px;
          height: 400px;
          z-index: -1;
          pointer-events: none; }
          body .slider-section .slider .slide .numero2-wrapper .numero2 {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-60%, -50%);
            z-index: 1;
            pointer-events: none;
            font-weight: 900;
            font-family: "Inter", sans-serif;
            font-size: 400px;
            color: transparent;
            -webkit-text-stroke: 2px #ABFA00;
            -webkit-mask-image: linear-gradient(to left, black 40%, rgba(0, 0, 0, 0) 100%);
            mask-image: linear-gradient(to right, black 40%, rgba(0, 0, 0, 0) 100%);
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%; }
        body .slider-section .slider .slide .numero3-wrapper {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          overflow: hidden;
          width: 300px;
          height: 400px;
          z-index: -1;
          pointer-events: none; }
          body .slider-section .slider .slide .numero3-wrapper .numero3 {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-60%, -50%);
            z-index: 1;
            pointer-events: none;
            font-weight: 900;
            font-family: "Inter", sans-serif;
            font-size: 400px;
            color: transparent;
            -webkit-text-stroke: 2px #8A2DFC;
            -webkit-mask-image: linear-gradient(to left, black 40%, rgba(0, 0, 0, 0) 100%);
            mask-image: linear-gradient(to right, black 40%, rgba(0, 0, 0, 0) 100%);
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%; }
    body .slider-section .slider-dots {
      display: flex;
      justify-content: center;
      margin-top: 2rem; }
      body .slider-section .slider-dots .dot {
        width: 16px;
        height: 16px;
        margin: 0 5px;
        border-radius: 50%;
        background: #ccc;
        position: relative;
        overflow: hidden; }
        body .slider-section .slider-dots .dot.active {
          width: 50px;
          border-radius: 32px;
          background: #7b2ff7;
          transition: width 0.4s ease; }
          body .slider-section .slider-dots .dot.active::after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            background: rgba(255, 255, 255, 0.3);
            animation: fadeBar 4s linear forwards; }
@keyframes fadeBar {
  from {
    width: 100%; }
  to {
    width: 0%; } }
  body .containerRecibe {
    margin-top: 120px;
    width: 1200px; }
    @media (max-width: 37.5rem) {
      body .containerRecibe {
        max-width: 100%; } }
    body .containerRecibe h1 {
      color: #2D0F52;
      line-height: 1.2; }
      body .containerRecibe h1 .country {
        display: inline-flex;
        align-items: center;
        vertical-align: middle; }
        @media (max-width: 37.5rem) {
          body .containerRecibe h1 .country {
            vertical-align: middle; } }
      body .containerRecibe h1 .flag {
        display: inline-block;
        width: auto;
        height: 56px;
        margin: 0 8px;
        vertical-align: middle; }
        @media (max-width: 37.5rem) {
          body .containerRecibe h1 .flag {
            height: 36px;
            margin: 0 4px; } }
      @media (max-width: 37.5rem) {
        body .containerRecibe h1 {
          font-size: 1.875rem; } }
    body .containerRecibe .cardsParaRecibir {
      display: flex;
      gap: 20px;
      width: 100%;
      margin-top: 36px; }
      body .containerRecibe .cardsParaRecibir .contenidoRecibir {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px; }
        body .containerRecibe .cardsParaRecibir .contenidoRecibir a {
          margin-top: 16px;
          width: fit-content; }
      @media (max-width: 992px) {
        body .containerRecibe .cardsParaRecibir {
          flex-direction: column; } }
      body .containerRecibe .cardsParaRecibir .card {
        flex: 1;
        width: 100%;
        border-radius: 24px;
        padding: 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        position: relative;
        overflow: hidden;
        gap: 36px;
      /* .card-text {
      font-size: 18px;
      line-height: 1.5;
      
    } */ }
        body .containerRecibe .cardsParaRecibir .card-purple {
          background-color: #7A2AFF;
          /* color: #FFFFFF; */ }
          body .containerRecibe .cardsParaRecibir .card-purple p {
            color: #FFFFFF; }
        body .containerRecibe .cardsParaRecibir .card-green {
          background-color: #A3FF00;
          /* color: #000000 */ }
          body .containerRecibe .cardsParaRecibir .card-green h1 {
            color: #2D0F52; }
          body .containerRecibe .cardsParaRecibir .card-green p {
            color: #2D0F52; }
        body .containerRecibe .cardsParaRecibir .card .card-title {
          font-size: 36px;
          font-weight: bold;
          /* margin-bottom: 15px; */ }
        body .containerRecibe .cardsParaRecibir .card .card-button {
          padding: 12px 25px;
          border-radius: 30px;
          border: 2px solid #FFFFFF;
          background-color: transparent;
          color: inherit;
          font-size: 16px;
          font-weight: bold;
          cursor: pointer;
          margin-bottom: 30px;
          transition: all 0.3s ease; }
          body .containerRecibe .cardsParaRecibir .card .card-button:hover {
            transform: scale(1.05); }
        body .containerRecibe .cardsParaRecibir .card .card-image {
          width: 100%;
          position: relative; }
          body .containerRecibe .cardsParaRecibir .card .card-image img {
            width: 100%;
            height: auto;
            border-radius: 12px;
            object-fit: cover;
            height: 320px; }
        @media (max-width: 768px) {
          body .containerRecibe .cardsParaRecibir .card {
            padding: 30px 20px; }
            body .containerRecibe .cardsParaRecibir .card .card-title {
              font-size: 28px; }
            body .containerRecibe .cardsParaRecibir .card .card-text {
              font-size: 16px; } }
  body .cardLogosDeBancoConUvaswap {
    position: relative;
    margin-top: 120px;
    width: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 120px;
    padding: 72px 56px;
    border-radius: 32px;
    background-color: #F0F4FC; }
    @media (max-width: 37.5rem) {
      body .cardLogosDeBancoConUvaswap {
        display: none; } }
    body .cardLogosDeBancoConUvaswap .logoUvaswapAnimacion {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #FFFFFF;
      min-width: 230px;
      height: 230px;
      border-radius: 150px;
      position: relative; }
      body .cardLogosDeBancoConUvaswap .logoUvaswapAnimacion.pulse-outer {
        animation: pulseOuter 2s infinite ease-in-out; }
      body .cardLogosDeBancoConUvaswap .logoUvaswapAnimacion.pulse-alternating {
        animation: pulseAlternate 3s infinite ease-in-out; }
      body .cardLogosDeBancoConUvaswap .logoUvaswapAnimacion.pulse-wave::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: rgba(110, 34, 191, 0.05);
        z-index: -1;
        animation: pulseWave 2.5s infinite; }
      body .cardLogosDeBancoConUvaswap .logoUvaswapAnimacion.pulse-glow {
        box-shadow: 0 0 0 rgba(110, 34, 191, 0);
        animation: pulseGlow 2s infinite; }
      body .cardLogosDeBancoConUvaswap .logoUvaswapAnimacion.pulse-rotate .uvaswapImagenContainer {
        animation: pulseRotate 3s infinite ease-in-out; }
      body .cardLogosDeBancoConUvaswap .logoUvaswapAnimacion .uvaswapImagenContainer {
        height: 185px;
        width: 185px;
        display: flex;
        justify-content: center;
        background: #F7F9FC;
        border-style: solid;
        border-color: #FFFFFF;
        border-width: 16px;
        border-radius: 50%;
        filter: drop-shadow(0px 4px 4px rgba(110, 34, 191, 0.08));
        object-fit: cover; }
        body .cardLogosDeBancoConUvaswap .logoUvaswapAnimacion .uvaswapImagenContainer .mainLogoSend {
          width: 72px;
          height: auto;
          animation: pulseLogoInternal 1.5s infinite ease-in-out; }
@keyframes pulseOuter {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.05); }
  100% {
    transform: scale(1); } }
@keyframes pulseAlternate {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.03); }
  50% {
    transform: scale(1); }
  75% {
    transform: scale(0.98); }
  100% {
    transform: scale(1); } }
@keyframes pulseWave {
  0% {
    transform: scale(0.95);
    opacity: 1; }
  70% {
    transform: scale(1.1);
    opacity: 0; }
  100% {
    transform: scale(0.95);
    opacity: 0; } }
@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 0 0 rgba(110, 34, 191, 0.4); }
  70% {
    box-shadow: 0 0 0 15px rgba(110, 34, 191, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(110, 34, 191, 0); } }
@keyframes pulseRotate {
  0% {
    transform: scale(1) rotate(0deg); }
  25% {
    transform: scale(1.03) rotate(2deg); }
  50% {
    transform: scale(1) rotate(0deg); }
  75% {
    transform: scale(0.98) rotate(-2deg); }
  100% {
    transform: scale(1) rotate(0deg); } }
@keyframes pulseLogoInternal {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
    body .cardLogosDeBancoConUvaswap .moving-line-container {
      position: absolute;
      right: 50%;
      width: 40%;
      display: block;
      height: auto;
      z-index: 1; }
    body .cardLogosDeBancoConUvaswap .moving-line-container-right {
      position: absolute;
      left: 50%;
      width: 40%;
      display: block;
      height: auto;
      z-index: 1; }
    body .cardLogosDeBancoConUvaswap .logoLeftNewContainer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 68px;
      z-index: 2; }
      body .cardLogosDeBancoConUvaswap .logoLeftNewContainer .logoLeftNew1,
      body .cardLogosDeBancoConUvaswap .logoLeftNewContainer .logoLeftNew2 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 56px; }
        body .cardLogosDeBancoConUvaswap .logoLeftNewContainer .logoLeftNew1 .logoSectionHidden,
        body .cardLogosDeBancoConUvaswap .logoLeftNewContainer .logoLeftNew2 .logoSectionHidden {
          display: none; }
        body .cardLogosDeBancoConUvaswap .logoLeftNewContainer .logoLeftNew1 .logoBancoJepMargin,
        body .cardLogosDeBancoConUvaswap .logoLeftNewContainer .logoLeftNew2 .logoBancoJepMargin {
          margin-left: -36px; }
        body .cardLogosDeBancoConUvaswap .logoLeftNewContainer .logoLeftNew1 .logoImagesCircle,
        body .cardLogosDeBancoConUvaswap .logoLeftNewContainer .logoLeftNew2 .logoImagesCircle {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 86px;
          width: 86px;
          background-color: #F7F9FC;
          border-style: solid;
          border-color: #FFFFFF;
          border-radius: 88px;
          border-width: 2px;
          box-shadow: 0px 4px 32px 0px rgba(143, 44, 248, 0.08); }
    body .cardLogosDeBancoConUvaswap .bancosLeft {
      display: none;
      z-index: 2;
      /* opacity: 20%; */ }
    body .cardLogosDeBancoConUvaswap .logoRightNewContainer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 68px;
      z-index: 2; }
      body .cardLogosDeBancoConUvaswap .logoRightNewContainer .logoRightNew1,
      body .cardLogosDeBancoConUvaswap .logoRightNewContainer .logoRightNew2 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 56px; }
        body .cardLogosDeBancoConUvaswap .logoRightNewContainer .logoRightNew1 .logoSectionHidden,
        body .cardLogosDeBancoConUvaswap .logoRightNewContainer .logoRightNew2 .logoSectionHidden {
          display: none; }
        body .cardLogosDeBancoConUvaswap .logoRightNewContainer .logoRightNew1 .logoImagesCircle,
        body .cardLogosDeBancoConUvaswap .logoRightNewContainer .logoRightNew2 .logoImagesCircle {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 86px;
          width: 86px;
          background-color: #F7F9FC;
          border-style: solid;
          border-color: #FFFFFF;
          border-radius: 88px;
          border-width: 2px;
          box-shadow: 0px 4px 32px 0px rgba(143, 44, 248, 0.08); }
        body .cardLogosDeBancoConUvaswap .logoRightNewContainer .logoRightNew1 .logoBancoRightMargin,
        body .cardLogosDeBancoConUvaswap .logoRightNewContainer .logoRightNew2 .logoBancoRightMargin {
          transform: translateX(50px); }
  body .volumenDeUvaswap {
    display: flex;
    width: 1200px;
    justify-content: space-between;
    align-items: flex-start;
    margin: 120px 0;
    /* codigo sin organizar de AI */
    /* fin de codigo sin organizar de AI */
  /* @media (max-width: 1024px) {
  flex-direction: column;
  
  &__texto {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
  
  &__estadisticas {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  &__estadisticas {
    grid-template-columns: 1fr;
  }
} */ }
    @media (max-width: 37.5rem) {
      body .volumenDeUvaswap {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 40px; } }
    body .volumenDeUvaswap__texto {
      display: flex;
      width: 40%;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      gap: 24px;
      flex-shrink: 0; }
      @media (max-width: 37.5rem) {
        body .volumenDeUvaswap__texto {
          width: 100%; } }
      body .volumenDeUvaswap__texto h1 {
        font-size: 48px;
        font-weight: 700;
        color: #2D0F52;
        text-align: left; }
    body .volumenDeUvaswap__estadisticas {
      display: flex;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
      justify-items: center; }
      @media (max-width: 37.5rem) {
        body .volumenDeUvaswap__estadisticas {
          width: 100%;
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
          justify-items: center;
          gap: 12px;
          justify-items: center; } }
    body .volumenDeUvaswap__tarjeta {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      align-items: center;
      align-content: center;
      gap: 20px;
      flex-shrink: 0;
      flex-wrap: wrap;
      border-radius: 32px;
      padding: 32px; }
      @media (max-width: 37.5rem) {
        body .volumenDeUvaswap__tarjeta {
          padding: 24px; } }
      body .volumenDeUvaswap__tarjeta .volumenNumerosGrande {
        color: #FFFFFF;
        font-family: "Inter", sans-serif;
        font-size: 3rem;
        text-align: center;
        line-height: 120%;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center; }
      body .volumenDeUvaswap__tarjeta--verde {
        display: flex;
        height: 180px;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        background-color: #c1ff00; }
        body .volumenDeUvaswap__tarjeta--verde .volumenNumerosGrandeVerde {
          color: #2D0F52;
          font-family: "Inter", sans-serif;
          font-size: 3rem;
          text-align: center;
          line-height: 120%;
          font-weight: 700; }
      body .volumenDeUvaswap__tarjeta--morado {
        display: flex;
        height: 180px;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        flex: 1 0 0;
        background-color: #2e0e4b;
        color: white; }
      body .volumenDeUvaswap__tarjeta--rosa {
        display: flex;
        height: 180px;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        flex: 1 0 0;
        background-color: #ff3a66;
        color: white; }
      body .volumenDeUvaswap__tarjeta--purpura {
        display: flex;
        height: 180px;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        flex: 1 0 0;
        background-color: #8a3dff;
        color: white; }
    body .volumenDeUvaswap__etiqueta {
      font-size: 16px;
      margin-bottom: 15px;
      font-family: "Inter", sans-serif;
      text-align: center;
      display: flex;
      align-self: center; }
  body .footer {
    display: flex;
    width: 1200px;
    padding: 72px 72px 0px 72px;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    border-radius: 44px;
    background: linear-gradient(0deg, #241943 1.31%, #302159 100%);
    margin-bottom: 96px; }
    @media (max-width: 37.5rem) {
      body .footer {
        width: auto;
        max-width: calc(100% - 32px);
        border-radius: 24px;
        padding: 32px;
        margin-left: 16px !important;
        margin-right: 16px !important; } }
    body .footer .logoAndMenu {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      align-self: stretch; }
      @media (max-width: 37.5rem) {
        body .footer .logoAndMenu {
          display: flex;
          flex-direction: column; } }
      body .footer .logoAndMenu .footerRightMenu {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 44px; }
        @media (max-width: 37.5rem) {
          body .footer .logoAndMenu .footerRightMenu {
            margin-top: 24px;
            display: flex;
            justify-content: space-between; } }
        body .footer .logoAndMenu .footerRightMenu .menuFooter {
          width: max-content;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 8px; }
          body .footer .logoAndMenu .footerRightMenu .menuFooter .h5__page {
            margin-bottom: 12px; }
        body .footer .logoAndMenu .footerRightMenu .appButtons {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 8px; }
          body .footer .logoAndMenu .footerRightMenu .appButtons .h5__page {
            margin-bottom: 12px; }
          body .footer .logoAndMenu .footerRightMenu .appButtons .app-store-button,
          body .footer .logoAndMenu .footerRightMenu .appButtons .play-store-button {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            height: 40px;
            padding: 0 32px;
            background: #FFFFFF;
            color: #2D0F52;
            border: none;
            border-radius: 999px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: background 0.3s ease, color 0.3s ease; }
            body .footer .logoAndMenu .footerRightMenu .appButtons .app-store-button .icon,
            body .footer .logoAndMenu .footerRightMenu .appButtons .play-store-button .icon {
              display: flex;
              align-items: center; }
              body .footer .logoAndMenu .footerRightMenu .appButtons .app-store-button .icon svg,
              body .footer .logoAndMenu .footerRightMenu .appButtons .play-store-button .icon svg {
                transition: fill 0.3s ease; }
            body .footer .logoAndMenu .footerRightMenu .appButtons .app-store-button:hover,
            body .footer .logoAndMenu .footerRightMenu .appButtons .play-store-button:hover {
              background: #E5EDFC;
              color: #8A2DFC; }
    body .footer .copyright {
      display: flex;
      padding: 8px 0px;
      justify-content: space-between;
      align-items: center;
      align-self: stretch;
      border-top: 1px solid var(--primary-30, #5F1FAD);
      border-bottom: 1px solid var(--primary-30, #5F1FAD); }
      @media (max-width: 37.5rem) {
        body .footer .copyright {
          max-width: 100%; } }
      body .footer .copyright p {
        font-size: 12px;
        font-family: "Inter", sans-serif;
        font-weight: 400;
        color: #D6E3FC; }
    @media (max-width: 37.5rem) {
      body .footer .logoFooterLarge {
        width: 100%; } }
    body .footer .logoFooterLarge img {
      max-width: 100%; }
      @media (max-width: 37.5rem) {
        body .footer .logoFooterLarge img {
          width: 100%; } }

#registrationForm {
  width: 100%; }
  #registrationForm .data_button {
    margin-top: 2rem;
    /* right: $xs; */
    background-color: #8A2DFC;
    color: #ffffff;
    height: 3rem;
    border-radius: 2.5rem;
    box-sizing: border-box;
    text-decoration: none;
    max-width: fit-content;
    font-size: 1.125rem;
    font-weight: 500;
    padding: 0 2rem;
    justify-content: center;
    font-family: "Poppins", sans-serif;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-style: none;
    transition: 0.3s; }
    #registrationForm .data_button:hover {
      background-color: #7024CC; }

/*# sourceMappingURL=styles.css.map */