.ibd-hero-banner2-product .banner {
  display: flex;
  flex-direction: column;
  padding: 32px 16px;
  gap: 32px;
}

.ibd-hero-banner2-product .banner .ibd-hero-banner__card {
  order: 1;
  border: none; 
}

.ibd-hero-banner2-product .banner .ibd-hero-banner__titulo {
  color: var(--ibd__black);
  margin: 0px;
  padding: 0;
}

.ibd-hero-banner2-product .banner .ibd-hero-banner__subtitulo {
  color: var(--ibd__black);
  margin: 0 !important;
}

.ibd-hero-banner2-product .banner .ibd-hero-banner__lista ul div span {
    font-family: var(--font-family-2-smbold) !important;
}

.ibd-hero-banner2-product .banner .ibd-hero-banner__lista {
  gap: 32px;
  order: 3;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: none;
  padding: 0;
}

.ibd-hero-banner2-product .banner .ibd-hero-banner__lista a {
  width: 328px;
  color: #FFFAF6;
  font-size: var(--ibd__font__size-100);
  background-color: #2F6852;
}

.ibd-hero-banner2-product .banner .ibd-hero-banner__lista a:hover,
.ibd-hero-banner2-product .banner .ibd-hero-banner__lista a:active {
  width: 328px !important;
  color: #2F6852;
  text-decoration: none;
  background-color: var(--ibd__primary__template-dark) !important;
}

.ibd-hero-banner2-product .banner .ibd-hero-banner__lista a:active {
  border: 2px solid var(--ibd__color__green-30) !important;
}

.ibd-hero-banner2-product .banner .ibd-hero-banner__lista a:focus {
  outline: 4px solid var(--ibd__color__sky-40) !important;
  background-color: var(--ibd__primary__template) !important;
}

.ibd-hero-banner2-product .banner .ibd-hero-banner__lista ul {
  padding: 0;
  margin: 0; 
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ibd-hero-banner2-product .banner .ibd-hero-banner__lista ul div {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.ibd-hero-banner2-product .banner .ibd-hero-banner__lista ul div:last-of-type {
  margin: 0 !important;
}


.ibd-hero-banner2-product .banner .ibd-hero-banner2__image2 {
  display: flex;
  justify-content: center;
  align-items: center;
  order: 4;
  width: 100%;
}

.ibd-hero-banner2-product .banner .ibd-hero-banner2__image2 picture {
  display: flex;
  width: 100%;
}

.ibd-hero-banner2-product .banner .ibd-hero-banner2__image2 .ibd-hero-banner2__bg-img {
  border-radius: var(--border-radius-l, 1rem);
  object-fit: cover;
  width: 100%;
  height: 270px;
}

.ibd-hero-banner2-product a {
  color: var(--ibd__white);
  height: 56px;
  border-radius: 80px;
  background: var(--ibd__primary__template);
  width: fit-content;
  min-width: 200px;
  max-width: 328px;
  padding: 17px 40px;
  text-align: center;
  border: none;
  margin-inline: auto;
}

.ibd-hero-banner2-product .sticky {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 16px;
  border: 1px solid var(--ibd__color__sky-70);
  background-color: var(--ibd__color__sky-70);
  z-index: 1;
  font-family: var(--ibd__font-family-1);
  font-size: 16px;
}

.ibd-hero-banner2-product .sticky p {
  margin: 0;
  color: var(--ibd__white);
}

.ibd-hero-banner2-product .sticky span {
  text-align: center;
  margin: 0;
  color: var(--ibd__white);
}

@media (min-width: 576px) {
  .ibd-hero-banner2-product .banner {
    padding: 32px 42px;
  }

  .ibd-hero-banner2-product .banner .ibd-hero-banner2__image2 picture {
    max-width: 492px;
  }

  .ibd-hero-banner2-product .banner .ibd-hero-banner__lista ul div span{
    width: 100%;
    /* max-width: 460px; */
    height: 44px;
  }
}

@media (min-width: 768px) {
  .ibd-hero-banner2-product .banner {
    padding: 32px 48px;
  }

  .ibd-hero-banner2-product .banner .ibd-hero-banner2__image2 picture {
    max-width: 672px;
  }

  .ibd-hero-banner2-product .banner .ibd-hero-banner__lista ul {
    height: 100%;
    max-height: 104px;
  }

   .ibd-hero-banner2-product .banner .ibd-hero-banner__lista ul div span{
    width: 100%;
    /* max-width: 672px; */
    height: 24px;
  }
}

@media (min-width: 992px) {
  .ibd-hero-banner2-product .banner {
    display: grid;
    grid-template-areas:
      "titulo imagen"
      "lista  imagen";
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    margin: auto;
    max-width: 1480px;
  }

  .ibd-hero-banner2-product .banner .ibd-hero-banner__card {
    grid-area: titulo;
  }

  .ibd-hero-banner2-product .banner .ibd-hero-banner__titulo {
    padding: 0 !important;
    width: 100%;
    max-width: 402px;
    font-size: var(--ibd__font__size-225);
  }

  .ibd-hero-banner2-product .banner .ibd-hero-banner__subtitulo {
    padding-top: 24px;
    margin-bottom: 24px;
    width: 100%;
    max-width: 402px;
  }

   .ibd-hero-banner2-product .banner .ibd-hero-banner__lista ul {
    height: 100%;
    max-height: 170px;
  }

   .ibd-hero-banner2-product .banner .ibd-hero-banner__lista ul div span{
    width: 100%;
    /* max-width: 370px; */
    height: 46px;
  }
  
  .ibd-hero-banner2-product .banner .ibd-hero-banner__lista {
    grid-area: lista;
    margin-top: 0;
  }

  .ibd-hero-banner2-product .banner .ibd-hero-banner2__image2 {
     grid-area: imagen;
    width: 402px !important;
    padding-left: 24px;
    height: 450px;
    display: flex;
    justify-content: flex-end;
  }
  
  .ibd-hero-banner2-product .banner .ibd-hero-banner2__image2 .ibd-hero-banner2__bg-img {
    height: 450px;
    width: 378px;
  }

  .ibd-hero-banner2-product a {
    margin-inline: unset;
  }
}


@media (min-width: 1200px) {
  .ibd-hero-banner2-product .banner {
    padding: 40px 102px;
  }

    .ibd-hero-banner2-product .banner .ibd-hero-banner__titulo {
    padding: 0 !important;
    width: 100%;
    max-width: 486px;
  }

  .ibd-hero-banner2-product .banner .ibd-hero-banner__subtitulo {
    padding-top: 24px;
    margin-bottom: 24px;
    width: 100%;
    max-width: 486px;
  }

  .ibd-hero-banner2-product .banner .ibd-hero-banner2__image2 {
    height: 450px;
  }

  .ibd-hero-banner2-product .banner .ibd-hero-banner2__image2 {
     grid-area: imagen;
    width: 486px !important;
    padding-left: 24px;
    height: 450px;
    display: flex;
    justify-content: flex-end;
  }
  
  .ibd-hero-banner2-product .banner .ibd-hero-banner2__image2 .ibd-hero-banner2__bg-img {
    height: 450px;
    width: 462px;
  }

   .ibd-hero-banner2-product .banner .ibd-hero-banner__lista ul {
    height: 100%;
    max-height: 170px;
  }

   .ibd-hero-banner2-product .banner .ibd-hero-banner__lista ul div span{
    width: 100%; 
    max-width: 486px; 
    height: 46px;
  }
}


@media (min-width: 1920px) {
 .banner {
   width: 100%;
   min-width: 1920px;
   margin: 0 !important;
    padding: 40px 324px !important;
  }

   .ibd-hero-banner2-product .banner .ibd-hero-banner__card{
     padding-top: 35px;
     width: 100%;
     max-width: 624px;
     height: 100%;
     max-height: 96px;
   }

     .ibd-hero-banner2-product .banner .ibd-hero-banner__titulo {
    padding: 0 !important;
    width: 100%;
    max-width: 624px;
  }

  .ibd-hero-banner2-product .banner .ibd-hero-banner__subtitulo {
    padding-top: 24px;
    margin-bottom: 24px;
    width: 100%;
    max-width: 624px;
  }

  .ibd-hero-banner2-product .banner .ibd-hero-banner2__image2 {
    height: 450px;
  }

  .ibd-hero-banner2-product .banner .ibd-hero-banner2__image2 {
     grid-area: imagen;
    width: 624px !important;
    padding-left: 56px;
    height: 450px;
    display: flex;
    justify-content: flex-end;
  }
  
  .ibd-hero-banner2-product .banner .ibd-hero-banner2__image2 .ibd-hero-banner2__bg-img {
    height: 450px;
    width: 568px;
  }

   .ibd-hero-banner2-product .banner .ibd-hero-banner__lista ul {
     width: 624px;
     height: 100%;
     /* max-height: 148px; */
  }

   .ibd-hero-banner2-product .banner .ibd-hero-banner__lista ul div span{
    width: 100%;
    max-width: 592px !important;
    height: 46px;
  }
}