header {
   position: fixed;
   width: 100%;
   background-color: transparent;
}

h1{
   text-align: center;
   color: var(--texto);
   font-weight: 700;
   font-size: 2.3em;
   margin: 40px 0;
}

.bariloche-header-page {
   background-size: cover;
   background-position: center;
}

.lizethweb__articulos{
 
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
   grid-template-rows: auto auto;
   gap: 20px;
   margin-bottom: 30px;
  
}

article .image-blog {
   margin-bottom: 10px;
   overflow: hidden;
}

article img {
   width: 100%;
   transition: all .4s;
   object-fit: cover;
   height: 350px;
   filter: contrast(.7);
}

article .texto-blog h4 {
   margin-bottom: 10px;
   line-height: 20px;
}

article .texto-blog h4 a {
   color: var(--texto);
   text-decoration: none;
   font-weight: 700;
   font-size: .6em;
   transition: color .3s;
}

article .texto-blog p {
   color: gray;
   font-size: 12px;
   font-style: italic;
   font-weight: 500;
}

.bariloche__blog-paginacion {
   display: flex;
   gap: 7px;
   justify-content: flex-end;
   padding-right: 13px;
   margin-bottom: 60px;
}

.bariloche__blog-paginacion .page-numbers {
   color: var(--primero);
   width: 28px;
   height: 28px;
   background-color: transparent;
   display: flex;
   justify-content: center;
   align-items: center;
   text-decoration: none;
   font-size: 19px;
   border: 1px solid var(--primero);
   transition: all .3s ease-in-out;
}

.bariloche__blog-paginacion .page-numbers:hover {
   background-color: var(--primero);
   color: #fff;
}

.bariloche__blog-paginacion .page-numbers.current {
   background-color: var(--primero);
   color: #fff;
}