[data-component-id="usfq_theme:hero_two_columns"] {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  min-height: 92vh;
  [data-component-id="usfq_theme:icon"]{
    color: inherit !important;
}
  .section-hero__background {
  position: absolute;
  inset: 0;
  z-index: 0;
}  
  .section-hero__background div{
    height: 100%;
  }
  .section-hero__background img {
    width: 100%;
    object-fit: cover;
  }

  .section-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
  }

  .section-hero__content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 40px 0 96px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .section-hero__col {
    display: flex;
    align-items: stretch;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }

  .section-hero__content .text-block {
    width: 100%;
  }

  .section-hero__link {
    margin-top: auto;
    padding-top: 2rem;
    flex-shrink: 0;
  }
  .row-divider {
    align-items: stretch;
    height: auto;
  }

  /* TABLET */

 @media (min-width: 768px) {
  .section-hero__content {
    padding: 112px 0; 
  }
  .section-hero__content .text-block {
    width: 100%;
  }

    .row-divider::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      width: 2px;
      background-color: var(--white);
      transform: translateX(-50%);
    }
  }

  /*Desktop*/

@media (min-width: 992px) {
  .section-hero__background img,
  .section-hero__background video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
  }
  .section-hero__content {
      padding: 112px 0;
    }
  .section-hero__content .text-block {
    width: 100%;
  }
  .row-divider::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background-color: var(--white);
    transform: translateX(-50%);
  }
}
  
.section-hero__overlay--dark_1 {
    background-color: var(--dark-opacity-20);
  }


  .section-hero__overlay--dark_2 {
    background-color: var(--dark-opacity-60);
  }

  /* Opción "Degradado desde abajo" de field_opacity (compartida con el hero). */
  .section-hero__overlay--gradient {
    background-image: linear-gradient(to top,
        rgb(0 0 0 / 85%) 0%,
        rgb(0 0 0 / 55%) 40%,
        rgb(0 0 0 / 0%) 80%);
  }

  &.section-hero--gradient .section-hero__content {
    color: var(--white);
  }

  &.section-hero--dark_2 .section-hero__content,
  &.section-hero--dark_1 .section-hero__content {
    color: var(--white);
  }

  .section-hero__overlay--light_1 {
    background-color: var(--light-opacity-60);
  }
  &.section-hero--light_1 .section-hero__content,
  &.section-hero--light_2 .section-hero__content,
  &.section-hero--light_1 .section-hero__content h2, 
  &.section-hero--light_2 .section-hero__content h2,
  &.section-hero--light_1 .section-hero__content p,
  &.section-hero--light_2 .section-hero__content p {
    color: var(--dark);
  }

  .section-hero__overlay--light_2 {
    background-color: var(--light-opacity-20);
  }
  [data-component-id="usfq_theme:link"] {
  /* Variantes color */
    &.link--color-secondary, .link--color-primary, 
    .link--color-light{
      color: inherit !important;
    }
  }

  &.hero-full-height .section-hero__background img {
    height: stretch;
  }
}