.seccion-tendencias {
  background-color: var(--color-negro-ddhub);
  padding: 5rem 0;
  color: var(--color-primary-light);

  .col-obj-tendencias {
    padding: 0 3rem;
    position: relative;

    &::after {
      content: "";
      position: absolute;
      width: 12px;
      height: 100%;
      background-color: var(--color-verde-ddhub);
      top: 0;
      left: 1rem;
    }

    h3 {
      margin-bottom: 2rem;
    }

    @media (width < 768px) {
      margin-top: 2rem;
    }
  }
}

.recientes-tendencias {
  padding: 5rem 0;

  h2 {
    margin-bottom: 4rem;
  }

  .img-destacada {
    height: 30rem;

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }

  .text-destacada {
    padding: 2rem;

    .button-ddhub {
      border: var(--button-border) var(--color-primary-dark);
      color: var(--color-primary-dark);
      text-transform: uppercase;
    }

    .title-card {
      color: var(--color-azul) !important;

      &:hover {
        text-decoration: underline;
      }
    }
  }

  figure {
    margin-bottom: 0;

    figcaption {
      a {
        text-decoration: none;
        color: var(--color-primary-dark);
      }
    }
  }

  .box-btn {
    .button-ddhub {
      background-color: var(--color-negro-ddhub);
      color: var(--color-primary-light);
      text-transform: uppercase;
    }
  }
}