@media (min-width: 1280px) {
  .nube-dos {
    background: #cedb69;
    background: -webkit-linear-gradient(
      270deg,
      rgba(206, 219, 105, 1) 51%,
      rgba(218, 182, 247, 1) 87%
    );
    background: -moz-linear-gradient(
      270deg,
      rgba(206, 219, 105, 1) 51%,
      rgba(218, 182, 247, 1) 87%
    );
    background: linear-gradient(
      270deg,
      rgba(206, 219, 105, 1) 51%,
      rgba(218, 182, 247, 1) 87%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#CEDB69",
              endColorstr="#DAB6F7",
              GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    inline-size: max-content;
    padding-bottom: 2%;
  }

  .nube-dos.en {
    background: -webkit-linear-gradient(
      270deg,
      #cedb69 -10.81%,
      #dab6f7 50.45%
    );
    background: -moz-linear-gradient(270deg, #cedb69 -10.81%, #dab6f7 50.45%);
    background: linear-gradient(270deg, #cedb69 -10.81%, #dab6f7 50.45%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#CEDB69",
              endColorstr="#DAB6F7",
              GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    inline-size: max-content;
    padding-bottom: 2%;
  }

  .nube-tres {
    background: #cedb69;
    background: -webkit-linear-gradient(
      270deg,
      #cedb69 -20.19%,
      #dab6f7 86.13%
    );
    background: -moz-linear-gradient(270deg, #cedb69 -20.19%, #dab6f7 86.13%);
    background: linear-gradient(270deg, #cedb69 -20.19%, #dab6f7 86.13%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#CEDB69",
              endColorstr="#DAB6F7",
              GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    inline-size: max-content;
    padding-bottom: 2%;
  }

  .nube-tres.en {
    background: #cedb69;
    background: -webkit-linear-gradient(270deg, #cedb69 55.81%, #dab6f7 86.13%);
    background: -moz-linear-gradient(270deg, #cedb69 55.81%, #dab6f7 86.13%);
    background: linear-gradient(270deg, #cedb69 55.81%, #dab6f7 86.13%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#CEDB69",
              endColorstr="#DAB6F7",
              GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: flex;
    inline-size: max-content;
    padding-bottom: 2%;
  }

  .movil {
    display: none !important;
  }

  .valor-decorator {
    height: 0px;
  }

  .valor .valor-blur {
    position: absolute;
    width: 100px;
    height: 100px;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    filter: blur(10px);
    mix-blend-mode: lighten;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s;
    z-index: 5;
  }

  .valor-paneles-movil {
    display: none;
  }

  .container-nuestro-servicio-nube {
    width: 100%;
    height: 42vw;
    position: relative;
    background: #551d71;
    background: -webkit-linear-gradient(
      109.17deg,
      #551d71 31.42%,
      #a37cb3 67.39%,
      #ffffff 94.2%
    );
    background: -moz-linear-gradient(
      109.17deg,
      #551d71 31.42%,
      #a37cb3 67.39%,
      #ffffff 94.2%
    );
    background: linear-gradient(
      109.17deg,
      #551d71 31.42%,
      #a37cb3 67.39%,
      #ffffff 94.2%
    );

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#551D71",
              endColorstr="#FFFFFF",
              GradientType=1);
  }

  .description-nuestro-servicio {
    width: 45% !important;
    margin-top: 0px;
    margin-bottom: var(--space-32px);
  }

  .title-nuestro-servicio {
    margin-bottom: var(--space-40px);
  }

  .button-contacto-div {
    top: 32.5vw;
    position: relative;
  }

  .button-contacto {
    box-sizing: border-box;
    width: auto;
    padding: 1.5vw 3vw;
    font-size: 1.3vw;
  }

  .button-contacto-div a {
    text-decoration: none;
  }

  .bgGradientBlueGreen {
    background-image: none;
  }

  .div-container-clientes-nube {
    width: 100%;
    text-align: center;
  }

  .div.container-clientes-nube span {
    width: 100%;
  }

  .container-clientes
    .div-container-clientes-nube
    .span-container-clientes-nube {
    font-size: 1.6vw;
    line-height: 1.2;
    font-weight: 300;
    width: 100%;
    display: block;
    margin-top: 1.5rem;
  }

  .marquee-container {
    left: -17vw !important;
    -webkit-mask-image: linear-gradient(
      to right,
      transparent,
      black 40%
    ) !important;
    mask-image: linear-gradient(to right, transparent, black 40%) !important;
    -webkit-mask-size: 100% !important;
    mask-size: 100% !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    height: 5vw;
  }

  .marquee-content {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    height: 100%;
    display: inline-block;
    animation: marquee 18s linear infinite;
    width: min-content;
    padding: 0 1vw;
  }

  /* .marquee-content-one {
    animation-delay: 0s;
    left: 0;
  }
  
  .marquee-content-two {
    animation-delay: 18s;
    left: 100%;
  }
  
  .marquee-content-three {
    animation-delay: 36s;
    left: 100%;
  } */

  @keyframes marquee {
    0% {
      transform: translateX(100%);
    }

    100% {
      transform: translateX(-100%);
    }
  }

  .carousel-content-fondo {
    border-radius: 1.8vw;
    background: -webkit-linear-gradient(
      150deg,
      rgba(72, 23, 101, 1) 33%,
      rgba(134, 82, 155, 1) 100%
    );
    background: -moz-linear-gradient(
      150deg,
      rgba(72, 23, 101, 1) 33%,
      rgba(134, 82, 155, 1) 100%
    );
    background: linear-gradient(
      150deg,
      rgba(72, 23, 101, 1) 33%,
      rgba(134, 82, 155, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#481765",
              endColorstr="#86529B",
              GradientType=0);
    height: max-content;
  }

  .owl-carouselx .carousel-content-fondo {
    transition: transform 0.3s ease-in-out;
  }

  .carousel-content {
    background: #ffffff00;
    /* transition: all 0.3s ease-in-out; */
    border-radius: 1.8vw;
    min-height: 30vw;
    width: 28vw;
    display: initial;
    align-items: initial;
    justify-content: initial;
    gap: initial;
    padding: initial;
    margin: initial;
  }

  .carousel-content__text {
    width: 100%;
    gap: 1.4vw;
  }

  .equipo .carousel-content {
    background: rgb(249, 246, 247);
    outline: 2px solid rgba(176, 178, 177, 1);
    height: 34vw;
    width: 100%;
  }

  .equipo .carousel-content .carousel-content__description {
    width: 100%;
  }

  .equipo .owl-carousel .center .carousel-content {
    background: rgb(238, 235, 242);
    outline: 2px solid rgba(125, 69, 147, 1);
    width: 100%;
  }

  .owl-carouselx .carousel-content-fondo .carousel-content svg {
    color: #d4e07b;
    width: 3vw;
    height: 3vw;
  }

  .owl-carouselx .carousel-content-fondo:hover,
  .owl-carousel .center {
    transform: scale(1.05);
    box-shadow: 0px 10px 120px rgba(53, 9, 82, 0.3);
  }

  .owl-carouselx .carousel-content-fondo:hover .carousel-content,
  .owl-carousel .center .carousel-content {
    background: #fff;
  }

  .owl-carouselx
    .carousel-content-fondo:hover
    .carousel-content
    .carousel-content__tittle,
  .owl-carousel .center .carousel-content .carousel-content__tittle {
    color: #3d125b;
  }

  .owl-carouselx
    .carousel-content-fondo:hover
    .carousel-content
    .carousel-content__description,
  .owl-carousel .center .carousel-content .carousel-content__description {
    color: #575957;
  }

  .owl-carousel
    .owl-item.active
    .owl-carouselx
    .carousel-content-fondo:hover
    .carousel-content
    .carousel-content__description,
  .owl-carousel .center .carousel-content .carousel-content__description {
    color: #201f23;
  }

  .owl-carousel
    .owl-item.active
    .owl-carouselx
    .carousel-content-fondo:hover
    .carousel-content
    .carousel-content__description,
  .owl-carousel
    .center
    .carousel-content
    .carousel-content__description
    .morado {
    color: #662480;
  }

  .owl-carouselx .carousel-content-fondo:hover .carousel-content .subtitulo,
  .owl-carousel .center .carousel-content .subtitulo {
    color: #7d4593;
  }

  .owl-carouselx .carousel-content-fondo:hover .carousel-content svg {
    color: #3d125b;
  }

  .carousel-content__tittle {
    color: white;
    /* transition: all 0.3s ease-in-out; */
    /* font-size: var(--space-20px); */
    font-size: 1.7vw;
  }

  .equipo .carousel-content__tittle {
    color: black;
    padding-top: 1.5vw;
    padding-bottom: 0.8vw;
  }

  .equipo .carousel-content__description {
    color: rgba(87, 89, 87, 1);
    font-size: 1vw;
  }

  .equipo .carousel-content__description b {
    font-weight: 600;
  }

  .carousel-content__icons {
    background: none;
    border-radius: initial;
  }

  .owl-carousel .center .unoImg {
    background: url("../../../assets/img/servicios/nube/Flujo\ de\ trabajo\ 01-activo.svg")
      no-repeat center center !important;
    background-size: 100% !important;
    width: 100%;
    height: 5rem;
  }

  .owl-carousel .unoImg {
    background: url("../../../assets/img/servicios/nube/Flujo\ de\ trabajo\ 01-inactivo.svg")
      no-repeat center center !important;
    background-size: 100% !important;
    width: 100%;
    height: 5rem;
    padding-bottom: 1.5vw;
  }

  .owl-carousel .center .unoImg {
    background: url("../../../assets/img/servicios/nube/Flujo\ de\ trabajo\ 01-activo.svg")
      no-repeat center center !important;
    background-size: 100% !important;
    width: 100%;
    height: 5rem;
    padding-bottom: 1.5vw;
  }

  .owl-carousel .dosImg {
    background: url("../../../assets/img/servicios/nube/Flujo\ de\ trabajo\ 02-inactivo.svg")
      no-repeat center center !important;
    background-size: 100% !important;
    width: 100%;
    height: 5rem;
    padding-bottom: 1.5vw;
  }

  .owl-carousel .center .dosImg {
    background: url("../../../assets/img/servicios/nube/Flujo\ de\ trabajo\ 02-activo.svg")
      no-repeat center center !important;
    background-size: 100% !important;
    width: 100%;
    height: 5rem;
    padding-bottom: 1.5vw;
  }

  .owl-carousel .tresImg {
    background: url("../../../assets/img/servicios/nube/Flujo\ de\ trabajo\ 03-inactivo.svg")
      no-repeat center center !important;
    background-size: 100% !important;
    width: 100%;
    height: 5rem;
    padding-bottom: 1.5vw;
  }

  .owl-carousel .center .tresImg {
    background: url("../../../assets/img/servicios/nube/Flujo\ de\ trabajo\ 03-activo.svg")
      no-repeat center center !important;
    background-size: 100% !important;
    width: 100%;
    height: 5rem;
    padding-bottom: 1.5vw;
  }

  .owl-carousel .cuatroImg {
    background: url("../../../assets/img/servicios/nube/Flujo\ de\ trabajo\ 04-inactivo.svg")
      no-repeat center center !important;
    background-size: 100% !important;
    width: 100%;
    height: 5rem;
    padding-bottom: 1.5vw;
  }

  .owl-carousel .center .cuatroImg {
    background: url("../../../assets/img/servicios/nube/Flujo\ de\ trabajo\ 04-activo.svg")
      no-repeat center center !important;
    background-size: 100% !important;
    width: 100%;
    height: 5rem;
    padding-bottom: 1.5vw;
  }

  .owl-carousel .cincoImg {
    background: url("../../../assets/img/servicios/nube/Flujo\ de\ trabajo\ 05-inactivo.svg")
      no-repeat center center !important;
    background-size: 100% !important;
    width: 100%;
    height: 5rem;
    padding-bottom: 1.5vw;
  }

  .owl-carousel .center .cincoImg {
    background: url("../../../assets/img/servicios/nube/Flujo\ de\ trabajo\ 05-activo.svg")
      no-repeat center center !important;
    background-size: 100% !important;
    width: 100%;
    height: 5rem;
    padding-bottom: 1.5vw;
  }

  .carousel-content__description.subtitulo {
    color: #d4e07b;
    /* font-size: var(--space-18px); */
    font-size: 1.5vw;
    /* transition: all 0.3s ease-in-out; */
  }

  .carousel-content__description {
    color: white;
    /* font-size: 12px; */
    font-size: 1.2vw;
    font-weight: 300;
    /* transition: all 0.3s ease-in-out; */
  }

  .owl-carousel .item {
    width: auto;
  }

  .owl-carousel .owl-stage-outer {
    padding: 5% 1%;
    overflow: visible;
  }

  .owl-carouselx {
    display: flex;
    justify-content: space-between;
    z-index: 10;
  }

  .owl-carousel.owl-drag .owl-item {
    border-radius: 1.8vw;
    /* margin-right: 4vw; */
    box-sizing: border-box;
  }

  .home-demo-title {
    display: flex;
    justify-content: center;
  }

  .home-demo-title span {
    font-size: 3vw;
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 4vw;
    padding-bottom: 6%;
  }

  .home-demo-title-h2 {
    color: #662480;
    margin-left: 5px;
  }

  .oferta {
    background: -webkit-linear-gradient(
      180deg,
      #efe9f2 0%,
      rgba(249, 249, 255, 0) 100%
    );
    background: -moz-linear-gradient(
      180deg,
      #efe9f2 0%,
      rgba(249, 249, 255, 0) 100%
    );
    background: linear-gradient(
      180deg,
      #efe9f2 0%,
      rgba(249, 249, 255, 0) 100%
    );
    width: 100%;
    position: relative;
  }

  .container-clientes {
    padding-bottom: 5%;
  }

  .home-demo-subtitle {
    text-align: center;
    width: 100%;
    justify-self: center;
    padding-bottom: 4%;
    display: flex;
    justify-content: center;
  }

  .home-demo-subtitle span {
    width: 100%;
    color: rgba(87, 89, 87, 1);
    font-size: 1.45vw;
    font-weight: 300;
  }

  .home-demo-texto {
    display: flex;
    justify-content: center;
    max-width: 80%;
    gap: 2.2rem;
    margin: auto;
    margin-bottom: 6vw;
    flex-direction: column;
    margin-top: 2.2rem;
  }

  .home-demo-texto span {
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 2.1vw;
    line-height: 140%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding-left: 2%;
    /* Centrado vertical */
  }

  .certificado {
    align-items: center;
    width: 20%;
  }

  .carrusel {
    /* height: 40rem; */
    /* padding-bottom: 5%; */
    /* margin-bottom: 6.5rem; */
    margin-bottom: 8vw;
  }

  .carousel-content-inside {
    margin: 0;
    padding: 4.5vw 3.5vw 0 3.5vw;
    box-sizing: border-box;
    width: 100%;
    gap: 1.4vw;
  }

  .equipo .carousel-content-inside {
    padding: 2.1vw 3.5vw;
  }

  .home-demo {
    padding-top: 5%;
    justify-content: center;
    position: relative;
  }

  .saber {
    width: 100%;
    justify-self: center;
    justify-items: center;
  }

  .saber-title {
    font-weight: 500;
    /* font-size: var(--space-36px); */
    font-size: 3.5vw;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    padding-bottom: 5%;
    width: 100%;
  }

  .saber-title-span {
    color: rgba(125, 69, 147, 1);
  }

  .saber-subtitle {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 5%;
  }

  .saber-subtitle span {
    font-weight: 300;
    /* font-size: var(--space-20px); */
    font-size: 1.6vw;
    line-height: 140%;
    color: rgba(87, 89, 87, 1);
    text-align: center;
    width: 100%;
  }

  .saber-button {
    padding-bottom: 5%;
  }

  .saber-button a {
    text-decoration: none;
  }

  .saber-button a button {
    position: initial;
    width: 100%;
    /* font-size: var(--space-20px); */
    font-size: 1.6vw;
    /* padding: 0.4rem 1.5rem; */
    padding: 0.3vw 2vw;
    width: initial;
    height: initial;
    font-weight: 300;
    margin: auto;
  }

  .saber-button a button .saber-button-icon {
    font-size: var(--space-24px);
    margin-left: 0.5rem;
  }

  .saber .saber-footer {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 5%;
  }

  .saber-footer span {
    font-weight: 700;
    /* font-size: var(--space-18px); */
    font-size: 1.4vw;
    line-height: 140%;
    color: rgba(32, 31, 35, 1);
    text-align: center;
    text-transform: uppercase;
  }

  .valor {
    position: relative;
    padding-top: 8%;
    justify-content: center;
    /* background: linear-gradient(13.79deg, #A37CB3 -12.7%, #662480 39.77%, #531C6F 87%); */
    background: linear-gradient(
      0.76deg,
      #a37cb3 11.44%,
      #662480 73.17%,
      #300c4f 114.03%
    );
  }

  .valor-title {
    width: 100%;
    padding-bottom: 5%;
    text-align: center;
    display: flex;
    justify-content: center;
  }

  .valor-title span {
    font-weight: 700;
    /* font-size: var(--space-36px); */
    font-size: 3.5vw;
    line-height: 110%;
    letter-spacing: 0%;
    text-align: center;
    color: white;
    width: 100%;
  }

  .valor-title .valor-title-span {
    color: #d4e07b;
  }

  .valor-title-interno {
    width: 100%;
  }

  .valor-subtitle {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 5%;
  }

  .valor-subtitle span {
    font-weight: 300;
    /* font-size: var(--space-18px); */
    font-size: 1.4vw;
    line-height: 140%;
    color: rgba(221, 230, 149, 1);
    text-align: center;
    text-transform: uppercase;
  }

  .valor-subtitle .valor-subtitle-span {
    color: rgba(85, 29, 113, 1);
    background: rgba(221, 230, 149, 1);
    box-sizing: border-box;
    padding-right: 0.6rem;
  }

  .valor-texto-principal {
    width: 100%;
    justify-items: center;
  }

  .valor-texto-principal div {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .valor-texto-principal div span {
    font-weight: 400;
    font-size: var(--space-24px);
    line-height: 140%;
    color: white;
    text-align: center;
  }

  .valor-texto-principal .texto-uno span {
    width: 90%;
    padding-bottom: 3%;
    font-weight: 200;
    /* font-size: var(--space-20px); */
    font-size: 1.6vw;
  }

  .valor-texto-principal .texto-dos span {
    width: 90%;
    margin-bottom: 10%;
    font-weight: 200;
    /* font-size: var(--space-20px); */
    font-size: 1.6vw;
  }

  .valor-texto-principal .valor-paneles {
    display: flex;
    justify-content: center;
    /* width: min-content; */
    /* width: 100%; */
    width: 80vw;
    height: 65vw;
    margin: auto;
    /* height: min-content; */
    /* zoom: 0.7; */
    /* zoom: 1.2; */
    /* padding-bottom: 5%; */
    box-sizing: border-box;
  }

  .valor-texto-principal .valor-paneles .valor-panel {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    z-index: 2;
    width: 100%;
  }

  .valor-panel {
    background: radial-gradient(
      circle at var(--x, 10%) var(--y, 10%),
      #cab3d3 0%,
      transparent 20%
    );
    transition: opacity 0.3s ease;
    padding: 1rem;
    border-radius: 1.8vw;
  }

  .valor-panel .panel-lateral-izquierdo {
    width: 25%;
    height: 48%;
    display: flex;
    justify-content: center;
  }

  .valor-panel .panel-lateral-derecho {
    width: 75%;
    display: initial;
  }

  .valor-panel .panel-lateral-izquierdo .card-panel-izquierdo {
    background: white;
    border-radius: 1.8vw;
    padding: 2vw;
    width: 100%;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: start;
    position: relative;
  }

  .valor-panel
    .panel-lateral-izquierdo
    .card-panel-izquierdo
    .card-panel-izquierdo-title {
    width: 50%;
    padding-bottom: 0.7rem;
    padding-top: 2rem;
    padding-left: 1rem;
    justify-content: start;
  }

  .valor-panel
    .panel-lateral-izquierdo
    .card-panel-izquierdo
    .card-panel-izquierdo-title
    span {
    font-weight: 600;
    font-size: 1.7vw;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: start;
    color: rgba(16, 16, 17, 1);
  }

  .valor-panel
    .panel-lateral-izquierdo
    .card-panel-izquierdo
    .card-panel-izquierdo-texto {
    width: 100%;
    padding-bottom: 2rem;
    padding-left: 1rem;
  }

  .valor-panel
    .panel-lateral-izquierdo
    .card-panel-izquierdo
    .card-panel-izquierdo-texto
    span {
    font-weight: 400;
    font-size: 0.9vw;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: start;
    color: rgba(16, 16, 17, 1);
    width: 100%;
  }

  .valor-panel
    .panel-lateral-izquierdo
    .card-panel-izquierdo
    .card-panel-izquierdo-imgs {
    width: 100%;
    display: flex;
    justify-content: start;
    gap: 1rem;
    height: 7vw;
    padding-left: 1rem;
  }

  .valor-panel
    .panel-lateral-izquierdo
    .card-panel-izquierdo
    .card-panel-izquierdo-imgs
    img {
    height: 100%;
    object-fit: contain;
  }

  .valor-panel .panel-lateral-derecho .card-panel-derecho {
    background: white;
    border-radius: 1.8vw;
    padding: 2vw;
    width: 100%;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: start;
    height: 100%;
    margin-left: 1.5vw;
    box-sizing: border-box;
  }

  .valor-panel .panel-lateral-derecho .card-panel-derecho-title {
    justify-content: start;
    padding-left: 1rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }

  .valor-panel .panel-lateral-derecho .card-panel-derecho-title span {
    font-weight: 600;
    font-size: 1.7vw;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: start;
    color: rgba(16, 16, 17, 1);
    width: 100%;
  }

  .valor-panel .panel-lateral-derecho .card-panel-derecho-subtitle {
    justify-content: start;
    padding-left: 1rem;
    padding-bottom: 1rem;
  }

  .valor-panel .panel-lateral-derecho .card-panel-derecho-subtitle span {
    font-weight: 300;
    font-size: 1.1vw;
    letter-spacing: 0%;
    text-align: start;
    color: rgba(125, 69, 147, 1);
    width: 100%;
  }

  .valor-panel .panel-lateral-derecho .card-panel-derecho-text {
    justify-content: start;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
  }

  .valor-panel .panel-lateral-derecho .card-panel-derecho-text span {
    font-weight: 400;
    font-size: 0.9vw;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: start;
    color: rgba(16, 16, 17, 1);
    width: 100%;
  }

  .panel-lateral-derecho-uno,
  .panel-lateral-derecho-dos,
  .panel-lateral-derecho-tres {
    height: 31.5%;
    margin-bottom: 1.5vw;
  }

  .panel-lateral-derecho-uno > div,
  .panel-lateral-derecho-dos > div,
  .panel-lateral-derecho-tres > div {
    height: 100%;
    position: relative;
  }

  .valor-panel
    .panel-lateral-derecho
    .panel-lateral-derecho-uno
    .panel-lateral-derecho-uno-izquierda {
    width: 60%;
  }

  .valor-panel
    .panel-lateral-derecho
    .panel-lateral-derecho-uno
    .panel-lateral-derecho-uno-derecha {
    width: 40%;
  }

  .valor-panel
    .panel-lateral-derecho
    .panel-lateral-derecho-uno
    .panel-lateral-derecho-uno-izquierda
    .card-panel-derecho-text {
    width: 100%;
  }

  .valor-panel
    .panel-lateral-derecho
    .panel-lateral-derecho-uno
    .panel-lateral-derecho-uno-derecha
    .card-panel-derecho
    .card-panel-derecho-title {
    width: 100%;
  }

  .valor-panel
    .panel-lateral-derecho
    .panel-lateral-derecho-uno
    .panel-lateral-derecho-uno-derecha
    .card-panel-derecho
    .card-panel-derecho-text {
    width: 100%;
  }

  .valor-panel
    .panel-lateral-derecho
    .panel-lateral-derecho-dos
    .panel-lateral-derecho-dos-izquierda
    .card-panel-derecho
    .card-panel-derecho-title {
    width: 100%;
  }

  .valor-panel
    .panel-lateral-derecho
    .panel-lateral-derecho-dos
    .panel-lateral-derecho-dos-derecha
    .card-panel-derecho
    .card-panel-derecho-title {
    width: 100%;
  }

  .valor-panel
    .panel-lateral-derecho
    .panel-lateral-derecho-dos
    .panel-lateral-derecho-dos-izquierda
    .card-panel-derecho
    .card-panel-derecho-subtitle {
    width: 100%;
  }

  .valor-panel
    .panel-lateral-derecho
    .panel-lateral-derecho-dos
    .panel-lateral-derecho-dos-derecha
    .card-panel-derecho
    .card-panel-derecho-subtitle {
    width: 100%;
  }

  .valor-panel
    .panel-lateral-derecho
    .panel-lateral-derecho-dos
    .panel-lateral-derecho-dos-izquierda
    .card-panel-derecho
    .card-panel-derecho-text {
    width: 100%;
  }

  .valor-panel
    .panel-lateral-derecho
    .panel-lateral-derecho-dos
    .panel-lateral-derecho-dos-derecha
    .card-panel-derecho
    .card-panel-derecho-text {
    width: 100%;
  }

  .valor-panel
    .panel-lateral-derecho
    .panel-lateral-derecho-tres
    .panel-lateral-derecho-tres-izquierda
    .card-panel-derecho
    .card-panel-derecho-title {
    width: 100%;
  }

  .valor-panel
    .panel-lateral-derecho
    .panel-lateral-derecho-tres
    .panel-lateral-derecho-tres-derecha
    .card-panel-derecho
    .card-panel-derecho-title {
    width: 100%;
  }

  .valor-panel
    .panel-lateral-derecho
    .panel-lateral-derecho-tres
    .panel-lateral-derecho-tres-izquierda
    .card-panel-derecho
    .card-panel-derecho-subtitle {
    width: 100%;
  }

  .valor-panel
    .panel-lateral-derecho
    .panel-lateral-derecho-tres
    .panel-lateral-derecho-tres-derecha
    .card-panel-derecho
    .card-panel-derecho-subtitle {
    width: 100%;
  }

  .valor-panel
    .panel-lateral-derecho
    .panel-lateral-derecho-tres
    .panel-lateral-derecho-tres-izquierda
    .card-panel-derecho
    .card-panel-derecho-text {
    width: 100%;
  }

  .valor-panel
    .panel-lateral-derecho
    .panel-lateral-derecho-tres
    .panel-lateral-derecho-tres-derecha
    .card-panel-derecho
    .card-panel-derecho-text {
    width: 100%;
  }

  .valor-panel
    .panel-lateral-derecho
    .panel-lateral-derecho-tres
    .panel-lateral-derecho-tres-izquierda {
    width: 70%;
  }

  .beneficios .beneficios-icon {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 2%;
    margin-bottom: -2%;
  }

  .beneficios .beneficios-icon img {
    width: 20vw;
  }

  .beneficios .beneficios-title {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 5%;
  }

  .beneficios .beneficios-title span {
    font-weight: 700;
    /* font-size: var(--space-40px); */
    font-size: 3.5vw;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    color: white;
  }

  .beneficios .beneficios-table-container {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .beneficios .beneficios-table {
    width: 85%;
  }

  .beneficios .beneficios-table .beneficios-table-element {
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding-bottom: 5%;
    border-top: 1px solid white;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    height: 3rem;
  }

  .beneficios .beneficios-table .beneficios-table-element:last-child {
    border-bottom: 1px solid white;
  }

  .beneficios .beneficios-table .beneficios-table-element .no {
    width: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .beneficios .beneficios-table .beneficios-table-element .titulo {
    width: 35%;
    display: flex;
    align-items: center;
  }

  .beneficios .beneficios-table .beneficios-table-element .descripcion {
    width: 50%;
    display: flex;
    align-items: center;
  }

  .beneficios .beneficios-table .beneficios-table-element .icon {
    width: 10%;
    display: flex;
    align-items: center;
    background: url("../../../assets/img/servicios/nube/Check\ Inactivo.svg")
      no-repeat center center;
    background-size: 30%;
    padding-top: 3%;
  }

  .beneficios .beneficios-table .beneficios-table-element .no span {
    font-weight: 600;
    /* font-size: var(--space-20px); */
    font-size: 1.8vw;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    color: white;
  }

  .beneficios .beneficios-table .beneficios-table-element .titulo span {
    font-weight: 400;
    /* font-size: var(--space-20px); */
    font-size: 1.8vw;
    line-height: 130%;
    letter-spacing: 0%;
    color: white;
  }

  .beneficios .beneficios-table .beneficios-table-element .descripcion span {
    font-weight: 300;
    /* font-size: var(--space-16px); */
    font-size: 1.3vw;
    line-height: 140%;
    letter-spacing: 0%;
    color: white;
  }

  .beneficios
    .beneficios-table-container
    .beneficios-table
    .beneficios-table-element:hover {
    background: rgba(247, 255, 181, 1);
    background: -webkit-linear-gradient(
      90deg,
      rgba(247, 255, 181, 1) 37%,
      rgba(244, 247, 220, 1) 84%
    );
    background: -moz-linear-gradient(
      90deg,
      rgba(247, 255, 181, 1) 37%,
      rgba(244, 247, 220, 1) 84%
    );
    background: linear-gradient(
      90deg,
      rgba(247, 255, 181, 1) 37%,
      rgba(244, 247, 220, 1) 84%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F7FFB5", endColorstr="#F4F7DC", GradientType=1);
  }

  .beneficios
    .beneficios-table-container
    .beneficios-table
    .beneficios-table-element:hover
    .no
    span {
    color: rgba(156, 180, 69, 1) !important;
  }

  .beneficios
    .beneficios-table-container
    .beneficios-table
    .beneficios-table-element:hover
    .titulo
    span {
    color: rgba(156, 180, 69, 1) !important;
  }

  .beneficios
    .beneficios-table-container
    .beneficios-table
    .beneficios-table-element:hover
    .descripcion
    span {
    color: rgba(68, 70, 68, 1) !important;
  }

  .beneficios
    .beneficios-table-container
    .beneficios-table
    .beneficios-table-element:hover
    .icon {
    background: url("../../../assets/img/servicios/nube/Check\ activo.svg")
      no-repeat center center;
    background-size: 30%;
  }

  /* .container-cta{
      background: rgba(239, 233, 242, 1);
      background: -webkit-linear-gradient(0deg,rgba(239, 233, 242, 1) 33%, rgba(249, 249, 255, 1) 100%);
      background: -moz-linear-gradient(0deg,rgba(239, 233, 242, 1) 33%, rgba(249, 249, 255, 1) 100%);
      background: linear-gradient(0deg,rgba(239, 233, 242, 1) 33%, rgba(249, 249, 255, 1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr="#EFE9F2",
      endColorstr="#F9F9FF00",
      GradientType=0
      );
  } */

  .contacto-container {
    width: 40%;
    /* margin-top: 10rem; */
    top: initial;
    align-items: initial;
    padding-right: 8%;
    box-sizing: border-box;
  }

  .contacto-header {
    width: 100%;
  }

  .contacto-header h2 {
    /* font-size: var(--space-18px); */
    font-size: 1.6vw;
  }

  .contacto-header p.conversemos {
    /* font-size: var(--space-20px); */
    font-size: 1.7vw;
    margin-top: 6%;
    font-weight: 500;
  }

  .equipo {
    width: 100%;
    padding-bottom: 5%;
    padding-top: 2vw;
    position: relative;
  }

  .equipo-decorations {
    display: none;
  }

  .equipo .equipo-general {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 5%;
  }

  .equipo .equipo-img {
    width: 50%;
    display: flex;
    justify-content: end;
  }

  .equipo .equipo-img img {
    width: 90%;
  }

  .equipo .equipoTexto {
    width: 50%;
    padding-left: 10%;
    padding-bottom: 5%;
    box-sizing: border-box;
  }

  .equipo .equipoTexto .equipo-titulo {
    width: 70%;
  }

  .equipo .equipoTexto .equipo-titulo span {
    font-weight: 700;
    /* font-size: var(--space-36px); */
    font-size: 3.5vw;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
  }

  .equipo .equipoTexto .equipo-text {
    /* width: 50% !important; */
    margin-top: 2rem;
  }

  .equipo .equipoTexto .equipo-text span {
    font-weight: 300;
    /* font-size: var(--space-18px); */
    font-size: 1.3vw;
    line-height: 160%;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(87, 89, 87, 1);
  }

  .equipo .equipoTexto .equipo-text .equipo-text-morado {
    font-weight: 600;
    line-height: 160%;
    letter-spacing: 0%;
    text-align: center;
    font-style: italic;
    color: rgba(102, 36, 128, 1);
  }

  .equipo .equipoTexto .equipo-button {
    /* width: 60%; */
    margin-top: 6rem;
  }

  .equipo .equipoTexto .equipo-button .button-equipo {
    position: initial;
    width: auto;
    padding: 1.8rem 5rem;
    background: rgba(72, 23, 101, 1);
    color: white;
    /* font-size: var(--space-20px); */
    font-size: 1.6vw;
    font-weight: 200;
  }

  .equipo .equipo-cartas {
    width: 90%;
    padding-left: 5%;
  }

  .owl-carousel .owl-nav button.owl-next {
    background-image: url("../../../assets/img/servicios/nube/Flecha\ Derecha.svg");
    width: 4vw;
    height: 4vw;
  }

  .owl-carousel .owl-nav button.owl-next:hover {
    width: 4vw;
    height: 4vw;
  }

  .owl-carousel .owl-nav button.owl-prev {
    background-image: url("../../../assets/img/servicios/nube/Flecha\ Izquierda.svg");
    width: 4vw;
    height: 4vw;
  }

  .owl-carousel .owl-nav button.owl-prev:hover {
    width: 4vw;
    height: 4vw;
  }

  .equipo-cartas .owl-theme .owl-nav {
    margin-top: 0px;
  }

  .equipo-cartas .carousel-content__icons {
    width: 100%;
    height: auto;
    /* padding-bottom: 15%; */
  }

  .equipo-cartas .carousel-content__icons .carousel-icon-dos {
    width: 25%;
    background: url("../../../assets/img/servicios/nube/Icon_Flujo\ Trabajo-Inactivo.svg")
      no-repeat center center;
    height: 4.5vw;
    background-size: 4.5vw;
  }

  .equipo-cartas .center .carousel-content__icons .carousel-icon-dos {
    width: 25%;
    background: url("../../../assets/img/servicios/nube/Icon_Flujo\ Trabajo-Activo.svg")
      no-repeat center center;
    height: 4.5vw;
    background-size: 4.5vw;
  }

  .preguntas {
    background: rgba(249, 249, 251, 1);
    padding-top: 5vw;
    row-gap: 0;
    padding-bottom: 5.5vw;
  }

  .preguntas .preguntas-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .preguntas .preguntas-header .texto {
    width: 60%;
    padding-left: 16rem;
    display: flex;
    align-items: center;
  }

  .preguntas .preguntas-header .texto span {
    font-weight: 700;
    /* font-size: var(--space-48px); */
    font-size: 3.2vw;
    line-height: 130%;
    letter-spacing: 0%;
  }

  .preguntas .preguntas-header .image {
    width: 40%;
  }

  .preguntas .preguntas-header .image img {
    width: 25vw;
  }

  .preguntas .preguntas-content .faq-container .faq-item .faq-question span {
    color: #101011;
    font-weight: 500;
    line-height: 140%;
  }

  .preguntas
    .preguntas-content
    .faq-container
    .faq-item
    .faq-question.active
    span {
    color: rgba(85, 29, 113, 1);
  }

  .preguntas .preguntas-content .faq-container .faq-item .faq-answer span {
    color: rgba(68, 70, 68, 1);
    font-weight: 400;
    line-height: 160%;
  }

  .talentoimg-decoracion {
    position: absolute;
    bottom: 0;
    left: 0%;
    height: 100%;
    /* lila translúcido */
    /* clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0% 100%); */
  }

  .talentoimg {
    position: absolute;
    bottom: -2vw;
    left: -1.5vw;
    width: 13vw;
    opacity: 1;
  }

  .card-panel-derecho.carta-contenido .flexibilidadimg-decoration {
    position: absolute;
    bottom: -4vw;
    right: 1vw;
    width: 15vw;
    /* lila translúcido */
    /* clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0% 100%); */
  }

  .flexibilidadimg {
    width: 100%;
  }

  .card-panel-derecho.carta-contenido .optimizacion-decoration {
    position: absolute;
    bottom: -1.8vw;
    right: -4vw;
    width: 12vw;
    /* lila translúcido */
    /* clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0% 100%); */
  }

  .optimizacionimg {
    width: 100%;
  }

  .card-panel-derecho.carta-contenido .escalabilidad-decoration {
    position: absolute;
    bottom: -1vw;
    right: -2vw;
    width: 12vw;
    /* lila translúcido */
    /* clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0% 100%); */
  }

  .escalabilidadimg {
    width: 100%;
  }

  .card-panel-derecho.carta-contenido .alta-decoration {
    position: absolute;
    bottom: 0.5vw;
    right: -5.5vw;
    width: 15vw;
    /* lila translúcido */
    /* clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0% 100%); */
  }

  .altaimg {
    width: 100%;
  }

  .card-panel-derecho.carta-contenido .recilencia-decoration {
    position: absolute;
    bottom: -1.7vw;
    right: -3.5vw;
    width: 12vw;
    /* lila translúcido */
    /* clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0% 100%); */
  }

  .recilenciaimg {
    width: 100%;
  }

  .card-panel-derecho.carta-contenido .soporte-decoration {
    position: absolute;
    bottom: 1vw;
    right: 1vw;
    width: 10vw;
    /* lila translúcido */
    /* clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0% 100%); */
  }

  .soporteimg {
    width: 100%;
  }

  .oferta-decoration {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0%;
    height: 20%;
  }

  .oferta-decoration .ofertaimg-derecha {
    position: absolute;
    top: 10vw;
    right: 0;
    width: 30%;
  }

  .oferta-decoration .ofertaimg-izquierda {
    position: absolute;
    top: 40vw;
    left: 0%;
    width: 30%;
  }

  .valorimg-uno {
    position: absolute;
    top: 83vw;
    width: 35vw;
  }

  .valorimg-dos {
    width: 22.5%;
    /* position: absolute; */
    /* bottom: 0;
      left: 0; */
    /* width: 45%; */
  }

  .item6-movil {
    position: relative;
  }

  .equipo-decorator {
    width: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    height: 25%;
  }

  .equipoimg-uno {
    position: absolute;
    top: 0;
    right: 0;
    width: 35vw;
  }

  .equipoimg-dos {
    position: absolute;
    bottom: 50%;
    left: 72%;
    width: 30%;
  }

  .equipoimg-cuatro {
    position: absolute;
    top: 75vw;
    right: 0;
    width: 35vw;
  }

  .equipoimg-tres {
    position: absolute;
    top: 55vw;
    left: 0%;
    width: 30vw;
  }

  .soluciones-imgs-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5vw;
    margin: 1vw 0 3vw 0;
  }

  .soluciones-imgs-container img {
    height: auto;
    max-height: 6vw;
    object-fit: contain;
  }

  .preguntas-img-movil {
    display: none;
  }

  .preguntas-img-desktop {
    margin-top: 10vw;
  }

  .preguntas-img-desktop img {
    width: 32vw;
  }

  .container-preguntas-formulario {
    margin-top: 4rem;
    right: initial;
    align-items: inherit;
  }

  .preguntas-container {
    top: initial;
    margin-top: 9vw;
  }

  #formulario-content {
    width: 100%;
    background: white;
    border-radius: 1.5vw;
    padding: 2.5vw;
    box-sizing: border-box;
    /* flex: 1; */
  }

  .footer-contratacion {
    color: white;
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 10vw;
    top: 16vw;
  }

  .description-span2-contacto-principal {
    color: #808584;
    font-size: 0.9028vw;
    line-height: 140%;
    font-weight: 400;
  }

  .description-span-contacto-principal {
    color: #808584;
    font-size: 0.9028vw;
    line-height: 140%;
    font-weight: 700;
  }

  .description-span3-contacto-principal {
    color: #9cb445;
    font-size: 0.9028vw;
    line-height: 140%;
    font-weight: 400;
  }

  .footer-contratacion a {
    text-decoration: none;
  }

  .footer-contratacion a span {
    position: relative;
    top: initial;
    left: initial;
  }

  .footer-contratacion span.principal {
    font-weight: 600;
    /* font-size: var(--space-16px); */
    font-size: 0.8vw;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: start;
    color: rgba(212, 224, 123, 1);
  }

  .footer-contratacion span.abajo {
    font-weight: 400;
    font-size: var(--space-16px);
    line-height: 140%;
    letter-spacing: 0%;
    color: rgba(242, 242, 243, 1);
  }

  .contacto-note {
    display: initial !important;
    width: 100% !important;
  }

  @keyframes carousel-animate-vertical {
    0% {
      transform: translateY(40vw) scale(0.7);
      opacity: 0;
      visibility: hidden;
      background: rgba(224, 198, 234, 1);
      width: 85%;
      height: 8vw;
      border: 0px solid transparent;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    5%,
    11.11% {
      transform: translateY(30vw) scale(0.85);
      opacity: 1;
      visibility: visible;
      background: rgba(224, 198, 234, 1);
      width: 85%;
      height: 8vw;
      border: 0px solid transparent;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    16.11%,
    22.22% {
      transform: translateY(20vw) scale(0.85);
      opacity: 1;
      visibility: visible;
      background: rgba(224, 198, 234, 0.25);
      width: 85%;
      height: 8vw;
      border: 0px solid transparent;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    27.22%,
    33.33% {
      transform: translateY(10vw) scale(0.85);
      opacity: 1;
      visibility: visible;
      background: rgba(224, 198, 234, 0.5);
      width: 85%;
      height: 8vw;
      border: 0px solid transparent;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    38.33%,
    44.44% {
      transform: translateY(0) scale(1);
      opacity: 1;
      visibility: visible;
      background: rgba(224, 198, 234, 1);
      border: 2px solid rgba(163, 124, 179, 1);
      filter: drop-shadow(0 3px 3px #e8f5fb);
      width: 85%;
      height: 8vw;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    49.44%,
    55.55% {
      transform: translateY(-10vw) scale(0.85);
      opacity: 1;
      visibility: visible;
      background: rgba(224, 198, 234, 0.5);
      width: 85%;
      height: 8vw;
      border: 0px solid transparent;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    60.55%,
    66.66% {
      transform: translateY(-20vw) scale(0.85);
      opacity: 1;
      visibility: visible;
      background: rgba(224, 198, 234, 0.25);
      width: 85%;
      height: 8vw;
      border: 0px solid transparent;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    71.66%,
    77.66% {
      transform: translateY(-30vw) scale(0.85);
      opacity: 1;
      visibility: visible;
      background: rgba(224, 198, 234, 1);
      width: 85%;
      height: 8vw;
      border: 0px solid transparent;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    82.66% {
      transform: translateY(-40vw) scale(0.7);
      opacity: 0;
      visibility: hidden;
      background: rgba(224, 198, 234, 1);
      width: 85%;
      height: 8vw;
      border: 0px solid transparent;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    100% {
      transform: translateY(-50vw) scale(0.7);
      opacity: 0;
      visibility: hidden;
      background: rgba(224, 198, 234, 1);
      width: 85%;
      height: 8vw;
      border: 0px solid transparent;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }

  :root {
    --color-bg: #050505;
    --color-text: #ffffff;
    --color-primary: #ff3366;
    --color-secondary: #3366ff;
    --color-tertiary: #33ddff;
    --color-accent: #ffcc00;
    --card-radius: 20px;
    --card-bg: rgba(255, 255, 255, 0.03);
    --card-border: rgba(255, 255, 255, 0.1);
    --card-shadow: 0 15px 30px -12px rgba(0, 0, 0, 0.5);
    --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }

  .carta-contenido {
    position: relative;
    border-radius: var(--card-radius);
    background: var(--card-bg);
    box-shadow: var(--card-shadow);
    transform-style: preserve-3d;
    transition: var(--transition);
    cursor: pointer;
    overflow: hidden;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .carta-contenido::before {
    content: "";
    position: absolute;
    inset: 0;
  }

  .carta-contenido:hover::before {
    opacity: 1;
  }
}