:root {
    --blog-avatar-radius: 50px;
    --blog-avatar-author-page: 120px;
    --blog-avatar-width: 32px;
    --blog-avatar-height: 32px;
    --blog-font-family: inherit;
  }



  .wp-block-post-author__avatar img{
  
    border-radius: var( --blog-avatar-radius);
    width: var(--blog-avatar-width);
    height: var(--blog-avatar-height);
  }

  .wp-block-post-author__name{
    font-weight: 400;
    font-size: 15px; 
    letter-spacing: -0.011em;
    margin-top: 5px; 

  }

  .wp-block-post-author__name a{
    color: #000000;
  }

  .wp-block-post-date{
    margin-bottom: 7px !important; 
  }

  .wp-block-post-date time::before {
    content: "·";
    margin-right: 10px;
    margin-left: -10px;
    display: inline-block;
    font-weight: bold;
  }

  .group-post-box{
    height: 410px;
    width: 400px; 
  }

  .group-post-box .wp-block-post-featured-image img{
        height: 200px; 
  }

  .blog-divider{
    border: 0.5px solid #BABABA;
    
    
  }

  .blog-categories-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  .blog-categories-list li {
    background-color: #C2E5FF;
    color: #000000;
    padding: 10px 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
  }
  
  .blog-categories-list a {
    color: inherit;
    text-decoration: none;
  }
  
  .wp-block-avatar img{
    border-radius: var( --blog-avatar-author-page);
  }

  .wp-block-query-pagination-previous-arrow{
    color: transparent;
  }

  .wp-block-query-pagination-previous-arrow::before {
    content: "<";
    color: #000000;
    font-size: 20px;
  }

  .wp-block-query-pagination-next-arrow{
    color: transparent;
  }

  .wp-block-query-pagination-next-arrow::before{
    content: ">";
    color: #000000;
    font-size: 20px;
  }

  .wp-block-query-pagination-numbers .page-numbers.current{
    color: #c2e5ff;
  }

  .wp-block-query-pagination-numbers{
    font-size: 20px;
  }

  .page-numbers{
    color: #000000;
  }

  /*Pagination Blog*/

  .first-page{
    position: relative; 
    top: 48px;
    left: 300px;
    color: #000000;
    font-size: 20px;
  }

  .last-page-dynamic{
    position: relative; 
    color: #000000;
    font-size: 20px;
    left: 500px;
    bottom: 24px; 
  }

  .title-category-page a{
    color: #000000;
  }

  .category-principal a{
    color: #000000;
  }

  .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link{
    color: #000000;
  }

  .author-pag{
    left: 800px;
  }

  .first-author-page{
    left: 390px;
  }

  .wp-block-post-author-name__link{
    color: #000000;
  }

  .author-header-category .wp-block-post-author__name a{
    color: white;
  }

  @media screen and (max-width: 768px){

    html, body {
      overflow-x: hidden;
    }

    .blog-divider{
      width: 310px; 
    }

    .group-post-box{
      height: 360px;
      width: 350px;
      margin: 0 auto;
    }

    .group-post-box .wp-block-post-featured-image img{
      height: 160px;
    }

    .category-column-principal{
      width: 150px;
    }
    .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
      margin-left: 0 !important;
    }

    .category-column-sidebar{
      width: 150px;
    }

    .sidebar-column-img .wp-block-post-featured-image{
      margin-left: 0 !important; 
    }

    .first-page{
      left: 80px;
    }

    .last-page-dynamic{
      left: 270px;
    }

    .sidebar-column-general{
      padding-left: 30px !important;
      padding-right: 30px;
    }

    .column-category-post{
      width: 150px;
    }

    .wp-block-columns.column-category-post {
      margin: 0 auto !important;
    }
    

    .column-content-post{
      padding-left: 30px;
      padding-right: 30px;
    }

    .h2-articles-related{
      padding-left: 30px; 
    }

    .group-principal-author .wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-3a5fe454{
      padding-left: 30px !important;
      padding-right: 30px;
    }

    .column-category-page{
      padding-left: 30px;
      padding: 30px; 
    }

    .category-principal{
      padding-left: 30px;
      padding: 30px; 
    }


  }