.banner-image {
      box-sizing: border-box;
      background-repeat: no-repeat;
      background-size: 100%;
      height: fit-content;
      position: relative;
    }

    .banner-image * {
      box-sizing: border-box;
    }

    .banner-image .modal-opener {
      text-decoration: underline;
    }

    .banner-image .modal-opener:hover {
      cursor: pointer;
    }

    .banner-image--centered .banner-image__inner {
      justify-content: center;
    }

    .banner-image--centered .banner-image__main-content  {
      width: fit-content;
    }

    .banner-image__inner {
      margin: 0 auto;
      max-width: 1280px;
      display: flex;
      flex-direction: column;
      align-items: center;
      height: 100%;
    }

    @media screen and (min-width: 992px) {
      .banner-image__inner {
        flex-direction: row;
        align-items: flex-end;
      }
    }


    .banner-image__main-content {
      position: relative;
      padding: 35px 12px;
      height: 100%;
      width: 100%;
      display: flex;
      flex-direction: column;
      z-index: 10;
    }

    @media screen and (min-width: 600px) {
      .banner-image__main-content {
        padding: 35px;
      }
    }

    .banner-image__main-content.shadowed{
        background: #000;
        width: 100%;
        height: fit-content;
    }

    @media screen and (min-width: 992px) {
      .banner-image__main-content.shadowed {
        width: 50%;
      }
    }

    .banner-image__main-content.shadowed::after{
      content: "";
      position: absolute;
      z-index: 1;
      display: block;
      opacity: 1;
      background: linear-gradient(to bottom, #000 0%, #0000006b 62%, transparent 100%);
      bottom: -39%;
      left: 0;
      width: 100%;
      height: 40%;
    }

    @media screen and (min-width: 992px) {
      .banner-image__main-content.shadowed::after{
        background: linear-gradient(to right, #000 0%, #0000006b 62%, transparent 100%);
        right: -39%;
        width: 40%;
        top: 0;
        left: unset;
        height: 100%;
      }
    }

    .banner-image__title {
      margin: 0;
      display: block !important;
      position: relative;
      z-index: 2;
      text-align: left;
      margin-left: 0;
      display: block;
    }

    .banner-image__subtitle {
      margin-bottom: 0;
      color: #FFF;
      font-family: "Helvetica--Neue--75";
      font-weight: 700;
      font-size: 32px;
      line-height: 100%;
      letter-spacing: -0.4px;
      font-style: normal;
      text-align: left;
      display: block;
      margin-top: 12px;
      z-index: 2;
    }
    .banner-image__subtitle.primary-bold--55 {
      font-family: "Helvetica--Neue--55";
      font-size: 26px;
    }
    @media screen and (min-width: 600px) {
      .banner-image__subtitle.primary-bold--55 {
        font-size: 32px;
      }
    }

    .banner-image__extra {
      color: #FE8719;
      font-family: "Helvetica--Neue--75";
      font-style: normal;
      font-weight: 700;
      margin-top: 25px;
      font-size: 24px;
      line-height: 28px;
      z-index: 2;
    }

    .banner-image__bottom {
      display: flex;
      flex-direction: column;
      margin-top: 40px;
      position: relative;
      z-index: 2;
    }

    .banner-image__bottom.banner-image__bottom--row {
        flex-direction: row;
        gap: 24px;
        align-items: flex-end;
      } 

    @media screen and (min-width: 992px) {
      .banner-image__bottom {
      margin-top: auto;
      }
      .banner-image__extra {
        font-size: 28px;
        line-height: 28px;
        }
    }

    .banner-image__bottom--row {
      gap: 24px;
    }

    .banner-image__bottom--column {
      gap: 24px;
    }
    .banner-image__price-wrapper{
      display: flex;
    }

    .banner-image__price-right {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .banner-image__price-before {
      margin: 0;
      margin-top: 24px;
    }

    .banner-image__price-inner {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .banner-image__price-inner.strikethrough{
      position: relative;
      margin-left: 24px;
      margin-right: 20px;
      align-self: flex-end;
      bottom: -3px;
    }

    .banner-image__price-inner.strikethrough *{
      opacity: 0.7;
    }

    .banner-image__price-inner.strikethrough::after{
      position: absolute;
      content: "";
      opacity: 1;
      top: 50%;
      left: 0;
      transform: rotate(-25deg);
      height: 2px;
      width: 100%;
      background-color: var(--color-primary);
      z-index: 2;
      border-radius: 16px;
      
    }

    .banner-image__price-inner p {
      margin: 0;
    }

    .banner-image__price-duration {
      margin: 0;
      margin-top: 8px;
    }

    .banner-image__actions {
      display: flex;
      gap: 12px;
      height: fit-content;
    }

    .banner-image__actions.banner-image__actions--row {
      flex-direction: row;
    }

    .banner-image__actions.banner-image__actions--column {
      flex-direction: column;
    }

    .banner-image__btn {
      border: none;
      width: fit-content;
      box-sizing: border-box;
      padding: 14px 24px;
      font-family: "Helvetica--Neue--75";
      font-weight: 700;
      font-size: 18px;
      line-height: 17px;
      letter-spacing: -0.11px;
      display: block;
      text-decoration: none;
    }

    .banner-image__btn:hover {
      cursor: pointer;
    }

    .banner-image__btn.btn-color--primary,
    .banner-image__btn.btn-color--default {
      background-color: var(--color-primary);
      color: var(--color-dark);
      border: 2px solid var(--color-primary);
    }

    .banner-image__btn.btn-color--outline {
      border: 2px solid var(--color-light);
      color: var(--color-light);
      background-color: transparent;
      box-shadow: 0 2px 2px 0 rgba(62, 62, 62, 0.5);
      text-shadow: 2px 2px 0 rgba(62, 62, 62, 0.5);
    }

    .banner-image__side-image {
      pointer-events: none;
    }

    @media screen and (min-width: 992px) {
      .banner-image__side-image.shadowed::after{
          content: "";
          position: absolute;
          background: linear-gradient(to right, #000 0%, #0000006b 62%, transparent 100%);
          top: 0;
          left: -12px;
          width: 30%;
          height: 100%;
          z-index: 0;
          pointer-events: none;
      }
    }

    .banner-image__side-image>img {
      height: 100%;
      width: 100%;
    }

    .banner-image-modal {
      display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 900;
      width: 100%;
      padding: 0 10px;
      box-sizing: border-box;
    }

    .banner-image-modal *{
      box-sizing: border-box;
    }

    .banner-image-modal.open {
      display: block;
    }

    .banner-image-modal__inner{
      display: flex;
      flex-direction: column;
      background-color: var(--color-dark);
      border: 1px solid var(--color-primary);
      padding: 10px 20px 20px 20px;
      max-width: 360px;
      height: fit-content;
      min-height: 485px;
      margin: 0 auto;
    }

    .banner-image-modal__header{
      margin-bottom: 25px;
    }

    .banner-image-modal__header h3{
      margin: 0;
    }

    .banner-image-modal__close-button{
      margin-left: auto;
      display: block;
    }

    .banner-image-modal__content .txtpopup > ul > li:not(:last-child){
      margin-bottom: 8px;
    }

    .banner-image-modal__content  ul:first-child {
      list-style-type: none; 
      padding-left: 1.2em;   
    }

    .banner-image-modal__content ul:first-child li::before {
      content: "•";          
      color: var(--color-primary);           
      display: inline-block;
      width: 1em;            
      margin-left: -1em; 
    }

    .banner-image-modal__content img{
      margin: 8px 0;
    }

    .banner-image-modal__content ul li ul{
      list-style-type: none; 
      padding-left: 1.2em;
      margin-top: 8px;
    }

    .banner-image-modal__content ul:first-child li ul li::before {
      content: "•";          
      color: var(--color-light);           
      display: inline-block;
      width: 1em;            
      margin-left: -1em; 
    }

  .banner-image__legal-text.mobile{
    display:none;
  }
  .banner-image__legal-text.desktop{display:block;}

  @media screen and (max-width: 799px) {
    .banner-image__legal-text.mobile{
      display:block;
      margin: -9px 0;
      position: relative;
    }
    .banner-image__legal-text.desktop{display:none;}
  }



  /* Revisar si tiene sentido o para que se usa */

  .banner-image__price-duration.movil{display:none;}
  .banner-image__price-duration.escritorio{display:block;}

  @media screen and (max-width: 799px) {
    .banner-image__price-duration.movil{display:block;}
    .banner-image__price-duration.escritorio{display:none;}
  }