/*Espaciados rem */
.rand-article-list section {
  padding-top: 40px;
  padding-bottom: 40px; }
  @media (min-width: 768px) {
    .rand-article-list section {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .rand-article-list section::after {
    clear: both;
    content: ' ';
    display: block;
    height: 0; }

.rand-article-list .rand-article-list-left, .rand-article-list .rand-article-list-rigth {
  display: inline-block;
  width: 100%; }

.rand-article-list .rand-article-list-left {
  vertical-align: top; }
  @media (min-width: 768px) {
    .rand-article-list .rand-article-list-left {
      width: 25%; } }
  .rand-article-list .rand-article-list-left h2 {
    font-size: 1.625rem;
    color: #0f1941;
    letter-spacing: -1.3px;
    line-height: 1.625rem;
    margin-bottom: 40px; }

@media (min-width: 768px) {
  .rand-article-list .rand-article-list-rigth {
    width: 74%; } }

.rand-article-list .rand-article-list-rigth a.rand-article-list__mas-contenidos {
  font-size: 1.125rem; }

.rand-article-list article {
  width: 100%;
  padding-bottom: 60px; }

.rand-article-list__image {
  position: relative;
  display: inline-block;
  width: 100%; }
  @media (min-width: 768px) {
    .rand-article-list__image {
      width: 40%; } }
  .rand-article-list__image img {
    width: 100%; }

.rand-article-list__item-header {
  line-height: 1.27;
  display: inline-block;
  width: 100%;
  vertical-align: top; }
  @media (min-width: 768px) {
    .rand-article-list__item-header {
      padding-left: 30px;
      width: 59%; } }
  .rand-article-list__item-header time {
    color: #0f1941;
    display: block;
    font-size: 1.125rem; }
  .rand-article-list__item-header a {
    clear: both;
    color: #2175d9;
    margin-bottom: 10px;
    float: left;
    display: block;
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.625rem;
    margin-top: 10px; }
    @media (min-width: 768px) {
      .rand-article-list__item-header a {
        margin-top: 0px;
        font-size: 1.625rem; } }

/*# sourceMappingURL=article-list.css.map */