/* BANNER PERSONALIZADO CON IMG DE ALDOUS */
.banner-personalizado-aldous-img {
  & .bg-img {
    height: 80vh;
    object-position: 100% 100%;
  }
  
  & .bg-img-desktop {
    display: none;
  }

  & .section-content {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;

    & > div {
      gap: 30px;
      padding: 50px 25px;
    }

    & .text-container {
      justify-content: flex-end;

      & .sup_title {
        font-size: clamp(0.833rem, 0.5677rem + 0.8489vw, 1.111rem);
      }
    }

    & .text_content {
      font-size: clamp(1.059rem, 0.9474rem + 0.3573vw, 1.112rem);
      margin-top: 10px;
    }

    & .btn.cta {
      padding-block: 15px;
      letter-spacing: 1px;
      margin-top: 25px;
    }

    & .imagen_aside {
      width: 100%;
      height: auto;
      max-width: 650px;
    }
  }
}

@media (width > 1024px) {
  .banner-personalizado-aldous-img {
    & .bg-img-desktop {
      display: block;
    }
    & .bg-img-mobile {
      display: none;
    }

    & .section-content {
      & > div {
        padding: 80px 40px 120px;
      }

      & .text-container {
        justify-content: center;
        text-align: left;
        height: 100%;
        padding-block: 0;
        max-width: 50%;
        padding-right: 50px;
      }
    }
  }
}