body {
  /* Compensación de altura del header */
  padding-top: 135px;
}

.layout-container {
  background: var(--light-bg);
}

.feed-icons  {
  display: none;
}

main {
    margin: 0 0.5rem;

    padding: 1rem 0 1rem;
}

main aside {
  margin-top: 3rem;
}

.path-frontpage .region-breadcrumb {
  display: none;
}

/* Latest block */

/* #block-profile-views-block-latest-block-1 .view-latest .views-row { */
main .views-row {
  background: white;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: var(--shadow);
  margin-bottom: 2rem;
}

.views-field-field-categorias {
  padding: 1rem 1rem  0 1rem;
}

.views-field-field-categorias a {
  display: inline-block;
  background: rgba(218,18,26,0.1);
  color: var(--red);
  padding: 0.4rem 0.8rem;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 700;
}

.views-field-title {
  padding: 1rem 1rem 0 1rem;
}

.views-field-title a {
  text-decoration: none;
  color: var(--dark-text);
  font-size: 1.3rem;
  line-height: 1.4rem;
}

.views-field-field-contenido {
  padding: 1rem 1rem 0 1rem;
}

.views-field-field-contenido p {
  margin: 0;
  font-size: 1rem;
  color: var(--gray);
  line-height: 1.4rem;
}

.views-field-view-node {
  padding: 1rem 1rem 1rem 1rem;
}

.views-field-view-node a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--purple);
  text-decoration: none;
  font-weight: 700;
}

.region-right-sidebar .block {
  background: white;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: var(--shadow);
  margin-bottom: 2rem;
  padding: 1rem;
}

/* Highligted */

.region-highlighted {
  background: linear-gradient( 135deg, var(--purple), var(--red));
  color: white;
}


/* Footer highligted */

.region-footer-highlighted {
  /* background: linear-gradient( 135deg, rgba(99,11,87,0.92), rgba(218,18,26,0.9) ); */
  background: linear-gradient( 135deg, var(--purple), var(--red) );
  color: white;
}

.region-footer-highlighted #block-profile-simplenewssubscription {
  margin: 0 auto;
}

.region-footer-highlighted-2 {
  background: var(--golden);
  color: white;
  padding: 2rem 1rem;
}

.region-footer-highlighted-2 #block-profile-campanadevoluntariado img {
  border-radius: 2rem;
  height: auto;
  width: 100%;
}

/* Footer */

footer {
  background: var(--dark-text) ;
  color: white;
  text-align: center;
  padding: 2rem 0;
}

footer h2 {
  font-weight: 800;
  font-size: 1.4rem;
}

footer p {
  color: var(--gray)
}

.layout-container .region #block-profile-addtoanysharebuttons {
  width: 100%;
  background: var(--golden);
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding: 0.5rem 0;
}

.banner-link, .banner-link:hover, .banner-link:active, .banner-link:focus {
  text-decoration: none;
  outline: none;
}

.banner-link:hover, .banner-link:active, .banner-link:focus {
  transform: translateY(-2px);
}

#edit-subscriptions-wrapper {
  display: none;
}
    
.path-video-blog article.node {
    display: none;
}

@media (min-width: 768px) {

  body {
    /* Compensación de altura del header */
    padding-top: 146px;
  }

  main {
      margin: 0 1rem;

      padding: 4rem 0;
  }

  .layout-container header,
  /* .layout-container .region, */
  .layout-container main,
  .layout-container footer {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .layout-container main {
    flex-direction: column;
    padding: 1rem 0;
  }

  /* .layout-container .region > div {
    width: 1200px;
  } */

  .layout-container .region-header {
    width: 100%;
  }

  /* Latest block */
  #block-profile-views-block-latest-block-1 .view-latest .view-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: 1rem;
  }

  #block-profile-views-block-latest-block-1 .view-latest .view-content .views-row {
    flex: 1;
  }

  .region-footer-highlighted #block-profile-simplenewssubscription {
    padding: 2rem 0;
  }

  .region-footer-highlighted-2 #block-profile-campanadevoluntariado {
    padding: 2rem 0;
  }

  .region-footer-highlighted-2 #block-profile-campanadevoluntariado img {
      width: 50%;
      height: auto;
      border-radius: 2rem;
      display: block;
      margin: 0 auto;
  }

  .region-footer-highlighted-2 {
      padding: 0;
  }

  .views-field-field-categorias {
      padding: 1.5rem 1.5rem  0 1.5rem;
  }

  .views-field-title {
    padding: 1.5rem 1.5rem 0 1.5rem;
  }

  .views-field-field-contenido {
    padding: 1.5rem 1.5rem 0 1.5rem;
  }

  .views-field-view-node {
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  }

}

@media (min-width: 1200px) {

    body {
      /* Compensación de altura del header */
      padding-top: 91.2px;
    }

    .layout-container header {
        margin-bottom: 0;
        border-bottom: 0;
    }

    .layout-container .region-highlighted > div {
      width: 1200px;
    }

    .layout-container .region-breadcrumb > div {
      width: 1200px;
      margin: 0 auto;
    }

    .layout-container main {
      width: 1200px;
      margin: 3rem auto;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      gap: 3rem;
    }

    .layout-container main .layout-content {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: space-between;
      flex: 2;
      max-width: 736px;
    }

    .path-video-blog .layout-container main .layout-content {
      max-width: 100%;
    }
    
    .path-video-blog main .layout-content .region-content {
        width: 100%;
    }

    .layout-container main aside {
      flex: 1;
    }

    .layout-container .region-header {
        width: 90%;
    }

    .region-footer-highlighted #block-profile-simplenewssubscription {
      width: 1200px;
      padding: 4rem 0;
      gap: 4rem;
    }

    .region-footer-highlighted-2 #block-profile-campanadevoluntariado {
      width: 1200px;
      padding: 4rem 0;
      margin: 0 auto;
    }

    .views-field-field-categorias {
        padding: 2rem 2rem  0 2rem;
    }
  
    .views-field-title {
      padding: 2rem 2rem 0 2rem;
    }

    .views-field-field-contenido {
      padding: 2rem 2rem 0 2rem;
    }

    .views-field-view-node {
      padding: 2rem 2rem 2rem 2rem;
    }

    .views-field-title a {
      font-size: 1.4rem;
      line-height: 1.4rem;
      font-weight: 700;
    }

    main aside {
      margin-top: 0;
    }

}