.observatorio-main {
  .radar-articulo {
    .col-img {
      height: 20rem;

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
    .text-bold {
      font-weight: 700;
    }

    .button-ddhub{
      color: var(--color-secondary-dark);
      border: var(--button-border) var(--color-secondary-dark);
    }
  }

  .card-relacionados {
    margin-top: 5rem;

    .box-img-card {
      img {
        height: 100%;
      }
    }

    .art-link {
      display: flex;
      align-items: center;
      gap: 5px;
      color: var(--color-secondary-dark);

      &::before {
        background-color: var(--color-secondary-dark);
      }

      i {
        transition: all 0.3s ease;
      }

      &:hover {
        i {
          margin-left: 1rem;
        }
      }
    }
  }
}

@media (width < 768px) {
  main {
    .radar-articulo {
      h2 {
        padding-top: 1rem;
      }
    }
  }
}