.title_category_rutas::before {
  font-family: "Font Awesome 5 Free"; 
  content: "\f005";
  font-weight: 900; 
  color: #4666ff;
  font-size: 17px;
  margin-right: 15px;
}
.title_category_rutas{
  color: #212529;
  font-weight: 700;
  border-bottom: 1px solid #0000001a !important;
  padding-bottom: 10px;
  margin-bottom: 24px;
}
#body_2023 .title_category_rutas,
.title_category_rutas,
a{
  font-size: 1rem !important;
}
#body_2023 h4 a,
a{
  text-decoration: none;
  color: #454b51;
  font-size: 15px !important;
}
.grid.columns-2,
.grid.columns-3,
.grid.columns-4{
  gap: 25px;
  display: grid;
  margin: 0 0 48px 0;
}
.grid.columns-2{
  grid-template-columns: repeat(2, 1fr); 
}
.grid.columns-3{
  grid-template-columns: repeat(3, 1fr); 
}
.grid.columns-4{
  grid-template-columns: repeat(4, 1fr); 
}

.grid.columns-2 .item,
.grid.columns-3 .item,
.grid.columns-4 .item{
  background:#f9fafc;
  padding: 24px;
  border-radius: 10px;
}
.grid .item img{
  border-radius: 15px;
  width: 600px;
  height: 212px;
  object-fit: cover;
  margin-bottom: 16px !important;
}
.tag_ruta{
  color: #222222;
  background-color: #d9ffc0;
  margin-right: 7px;
  padding: .1em .4em;
  margin-bottom: 6px;
  word-break: normal;
  overflow-wrap: break-word;
  white-space: normal;
  display: inline-block;
}
.btn-ver-mas-contenido{
  padding: 6px 25px;
  background: #fcb900;
  border-radius: 50px;
  margin-top: 7px;
  display: inline-block;
  color: #000 !important;
}

@media screen and (max-width: 800px) {
  .grid.columns-1,
  .grid.columns-2,
  .grid.columns-3{
    grid-template-columns: repeat(1, 1fr);
  }
}