div#blogs {
  background: white;
  display: block;
  padding-bottom: 4rem;
}
.blogMenuContainer {
width: 95%;
margin: 0 auto;
}
.blogParentCategories,
.blogChildCategories {
width: auto;
display: flex;
flex-flow: wrap;
justify-content: center;
}
.blogParentCategories {
font-weight: bold;
font-size: 19px;
line-height: 23px;
margin-bottom: 25px;
}
.blogChildCategories {font-size: 16px;line-height: 20px;margin-bottom: 25px;}
.blogCategoryTitle.selected {
border-bottom: 1px solid;
}
.blogCategoryTitle {
padding: 10px 0 3px;
margin: 0 10px;
}
.blogTitle {font-size: 30px;line-height: 34px;margin: -2rem auto 0;font-weight: bold;display: block;width: fit-content;color: var(--secondary);text-transform: uppercase;font-family: var(--Delauney);}
.blogCenteredContent {
width: 92%;
display: grid;
gap: 28px;
grid-template-columns: repeat(4, 1fr);
}
.dataContainer {
margin-top: 25px;
font-size: 15px;
line-height: 19px;
}
.blogPostRegular .imgContainer {
  width: 100%;
  margin: auto;
}
.blogPostRegular {border-radius: 12px;/* aspect-ratio: 324/350; */padding: 20px;box-sizing: border-box;transition: 0.2s all ease-out;position: relative;margin: 0;background: white;border: 1px solid #2121214D;}

.ArrowContainer {
    background: #fff;
    border-radius: 100px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(5% + 5px);
    right: calc(7% + 5px);
    opacity: 0;
    display: none !important;
}

.ArrowContainer img {
    width: 12px;
    animation: rotate360 1s ease-in-out 0s 1 normal forwards;
}




.blogPostRegular:hover {background: #E40E00;color:#FFF}
.blogPostRegular:hover .ArrowContainer{
  display:flex;
  opacity:1;
}

.constructionMessageDiv {
width: 90%;
max-width: 760px;
margin: 39px auto;
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 1;
grid-row-end: 3;
text-align: center;
font-size: 18px;
line-height: 24px;
}

.blogPostRegular .postPreviewFile {
width: 100%;
display: block;
height: auto;
}
.blogPostRegular .postPreviewFile {/* border-radius: var(--border-radius); */background-size: cover;background-repeat: no-repeat;border-radius: 12px;}
.blogPostRegular .postPreviewFile {width: 100%;display: block;aspect-ratio: 285/220;object-fit: cover;}
.blogPostDate {font-size: 12px;line-height: 17px;padding: 10px 18px;background: #DFE0DB4D;width: fit-content;border-radius: 50px;}
#novedadesContainer.slick-initialized .slick-slide{
margin: 0 20px;
}
p.verMasBlog {
  display: none;
}
.blogPostTitle {font-size: 20px;line-height: 26px;margin-bottom: 5px;font-weight: 500;margin-top: 14px;width: 100%;}
.blogPostSubtitle {
margin-bottom: 5px;
font-weight: bold;
}
.blogSlider {
  background: #E40E00;
  float: left;
  width: 100%;
  /* border-radius: 70px 70px 0 0; */
  position: relative;
  /* margin-top: 40px; */
  opacity: 0;
}
.blogSlider.onViewport {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s
    both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s both;
}
#novedadesContainer {
width: 93%;
margin: auto;
margin-bottom: 70px;
position:relative;
}

h1.blogTitle {font-weight: 400;font-size: 40px;margin-top: 0;padding-top: 4rem;margin-bottom: 3rem;letter-spacing: 2px;}
.sliderLeftBlog {position: absolute;left: calc(5% + 0px);top: calc(38% + 0px);z-index: 1;cursor: pointer;transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;z-index: 3;padding: 10px;rotate: 180deg;display: none;}

.sliderRightBlog {position: absolute;right: calc(5% + -4px);top: calc(38% + 0px);z-index: 1;cursor: pointer;transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;display: none;padding: 10px;}

.blogPostDescription {
  display: none;
}
p.verMasBlog {
  display: none;
}
.centeredContent.blogCenteredContent {
width: var(--web-container);
}
#novedadesContainer {margin: auto;margin-bottom: 3rem;width: 93%;}
.sliderLeftBlog {position: absolute;left: 2%;top: calc(50% + 0px);z-index: 1;cursor: pointer;transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;height: 44px;width: 22px;z-index: 3;display: none !important;}

.sliderRightBlog {position: absolute;right: 2%;top: calc(50% + 0px);z-index: 1;cursor: pointer;transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;height: 44px;width: 22px;display: none !important;}

.blogPostRegular .postPreviewFile {
border-radius: 12px;
}
.viewAllBlogs {
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
    margin: 2rem auto 4rem;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 2px;
    color: white;
}

.viewAllBlogs.lineEffect::before {
  display: none;
}

.viewAllBlogs.lineEffect:hover::before {
  bottom: 8.5% !important;
}

@media screen and (max-width: 1100px) {
  .blogCenteredContent {
    grid-template-columns: repeat(2, 1fr);
    width: 90%;
  }
  .blogMenuContainer {
    width: 90%;
  }
  h1.blogTitle {padding-top: 3rem;margin-bottom: 2rem;/* color: #112F15; */}
  #novedadesContainer {
width: 100%;
}
#novedadesContainer.slick-initialized .slick-slide{
margin: 0 10px;
}
  .blogTitle {
    margin-bottom: 15px;
  }
  .blogParentCategories {
    margin-bottom: 15px;
    display: none;
  }
  .blogCategoryTitle {
    padding: 13px 0 2px;
  }
  #novedadesContainer {
  width: 100%;
  }
  .constructionMessageDiv {
    width: 100%;
  }
  .blogSlider {

/* border-radius: 30px 30px 0 0; */

margin-top: 0px;
}
}
  
@media screen and (max-width: 600px) {
.blogCenteredContent {
  grid-template-columns: repeat(1, 1fr);
}

}

@media screen and (max-width: 768px) {
  a.slick-slide.slick-current.slick-active.slick-center .blogPostRegular {
    background: var(--secondary);
    color: #FFF;
  }

  .ArrowContainer {
    display: flex;
    opacity: 0;
  }

  .blogPostRegular {
    aspect-ratio: unset;
  }
}