.e-book-lp-hero__wrapper {
position: relative;
}

.e-book-lp-hero__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  gap: 2rem;
  padding-top: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;  
}

.e-book-lp__inner-left {
display: flex;
padding: 2rem;
position: relative;
width: 50%;
max-width: 35rem; 
}

.e-book-stripe__inner-1, .e-book-stripe__inner-2, .e-book-stripe__inner-3, .e-book-stripe__inner-4, .e-book-stripe__inner-5 {
position: absolute;
width: 100%;
bottom: 0;
left: 0;  
}

.e-book-stripe__inner-1 {
height: 5rem;
border-radius: 1.5rem 1.5rem 0 0;
z-index: 5;
}

.e-book-stripe__inner-2{
height: 10rem;
border-radius: 1.5rem 1.5rem 0 0;
z-index: 4
}

.e-book-stripe__inner-3 {
height: 15rem;
border-radius: 1.5rem 1.5rem 0 0;
z-index: 3;
}

.e-book-stripe__inner-4 {
height: 20rem;
border-radius: 1.5rem 1.5rem 0 0;
z-index: 2;
}

.e-book-stripe__inner-5 {
height: 20rem;
border-radius: 1.5rem 1.5rem 0 0;
z-index: 1;
}

.e-book-img {
width: 100%;
height: auto;
position: relative;
z-index: 6;  
}

.e-book-lp__inner-right {
  display: flex;
  flex-direction: column;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1.5rem;
  width: 50%;
  max-width: 35rem;
  padding: 1.5rem;
  position: relative;
  z-index: 3;
}

.e-book-form-text {
display: flex;
padding: 1rem;
justify-content: center;
align-items: center;
width: 100%;
  border-radius: 1.5rem;
}

.hs_cos_wrapper_type_form {
width: 100%;
}

.e-book-stripe-1, .e-book-stripe-2 {
position: absolute;
  bottom: 0;
width: 100%;
border-radius: 1.5rem 1.5rem 0 0;
}

.e-book-stripe-1 {
height: 10rem;
z-index: 1; 
}

.e-book-stripe-2 {
height: 5rem;
z-index: 2; 
}


@media (max-width: 1024px) {
  .e-book-lp-hero__inner {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 2rem;
    padding-top: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .e-book-lp__inner-left,
  .e-book-lp__inner-right {
    width: 100%;
    max-width: 42rem; 
  }

  .e-book-lp__inner-left {
    padding: 1.5rem;
  }

  .e-book-lp__inner-right {
    padding: 1.25rem;
  }

 
  .e-book-stripe-1 { height: 8rem; }
  .e-book-stripe-2 { height: 4rem; }

 
  .e-book-stripe__inner-1 { height: 4rem; }
  .e-book-stripe__inner-2 { height: 8rem; }
  .e-book-stripe__inner-3 { height: 12rem; }
  .e-book-stripe__inner-4 { height: 16rem; }
  .e-book-stripe__inner-5 { height: 18rem; }
}



@media (max-width: 767px) {
  .e-book-lp-hero__inner {
    padding-top: 2.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    gap: 1.5rem;
    align-items: stretch;
  }

  .e-book-lp__inner-left,
  .e-book-lp__inner-right {
    max-width: 100%;
    border-radius: 1.25rem;
  }

  .e-book-lp__inner-left {
    padding: 1rem;
  }

  .e-book-lp__inner-right {
    padding: 1rem;
  }

  .e-book-form-text {
    padding: 0.85rem;
    border-radius: 1.25rem;
  }

  /* inputs full width (por si algún estilo los limita) */
  .hs_cos_wrapper_type_form,
  .hs_cos_wrapper_type_form form,
  .hs_cos_wrapper_type_form .hs-form,
  .hs_cos_wrapper_type_form .hs-input,
  .hs_cos_wrapper_type_form .actions,
  .hs_cos_wrapper_type_form .hs-button {
    width: 100%;
  }

  /* stripes del wrapper (fondo) */
  .e-book-stripe-1 { height: 6.5rem; border-radius: 1.25rem 1.25rem 0 0; }
  .e-book-stripe-2 { height: 3.25rem; border-radius: 1.25rem 1.25rem 0 0; }

  /* stripes del bloque de imagen */
  .e-book-stripe__inner-1,
  .e-book-stripe__inner-2,
  .e-book-stripe__inner-3,
  .e-book-stripe__inner-4,
  .e-book-stripe__inner-5 {
    border-radius: 1.25rem 1.25rem 0 0;
  }

  .e-book-stripe__inner-1 { height: 3.5rem; }
  .e-book-stripe__inner-2 { height: 7rem; }
  .e-book-stripe__inner-3 { height: 10.5rem; }
  .e-book-stri