.categorias {
  margin-top: 6rem;
}

.cat_1 {
  position: relative;
}
.cat_2 {
  position: relative;
}
.cat_3 {
  position: relative;
}
.cat_4 {
  position: relative;
  margin-top: 15px;
}
.cat_5 {
  position: relative;
  margin-top: 15px;
}
.cat_1 .categorias_texto {
  position: absolute;
  margin-top: -50%;
  margin-left: 10rem;
}
.cat_1 .categorias_texto h4 {
  font-family: "Ubuntu-Medium", sans-serif;
  font-weight: 600;
}
.cat_1 .categorias_texto p {
  font-family: "Ubuntu-Regular", sans-serif;
}

.cat_1 .categorias_texto a {
  font-size: 14px;
  color: #111111;
  text-transform: uppercase;
  font-weight: 600;
  /*  position: relative; */
  /* padding: 0 0 3px; */
  display: inline-block;
}
/* ------------- */
.cat_2 .categorias_texto {
  position: absolute;
  margin-top: -45%;
  margin-left: 2rem;
}
.cat_2 .categorias_texto h4 {
  font-family: "Ubuntu-Medium", sans-serif;
  font-weight: 600;
}
.cat_2 .categorias_texto p {
  font-family: "Ubuntu-Regular", sans-serif;
}

.cat_2 .categorias_texto a {
  font-size: 14px;
  color: #111111;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  padding: 0 0 3px;
  display: inline-block;
}
/* ------------ */

.cat_3 .categorias_texto {
  position: absolute;
  margin-top: -45%;
  margin-left: 2rem;
}
.cat_3 .categorias_texto h4 {
  font-family: "Ubuntu-Medium", sans-serif;
  font-weight: 600;
}
.cat_3 .categorias_texto p {
  font-family: "Ubuntu-Regular", sans-serif;
}

.cat_3 .categorias_texto a {
  font-size: 14px;
  color: #111111;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  padding: 0 0 3px;
  display: inline-block;
}

/* ----------- */

.cat_4 .categorias_texto {
  position: absolute;
  margin-top: -45%;
  margin-left: 2rem;
}
.cat_4 .categorias_texto h4 {
  font-family: "Ubuntu-Medium", sans-serif;
  font-weight: 600;
}
.cat_4 .categorias_texto p {
  font-family: "Ubuntu-Regular", sans-serif;
}

.cat_4 .categorias_texto a {
  font-size: 14px;
  color: #111111;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  padding: 0 0 3px;
  display: inline-block;
}
/*  */

.cat_5 .categorias_texto {
  position: absolute;
  margin-top: -45%;
  margin-left: 2rem;
}
.cat_5 .categorias_texto h4 {
  font-family: "Ubuntu-Medium", sans-serif;
  font-weight: 600;
}
.cat_5 .categorias_texto p {
  font-family: "Ubuntu-Regular", sans-serif;
}

.cat_5 .categorias_texto a {
  font-size: 14px;
  color: #111111;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  padding: 0 0 3px;
  display: inline-block;
}
/*  */

.filter__controls li {
  font-size: 14px;
  list-style: none;
  display: inline-block;
  color: #111111;
  margin-right: 35px;
  position: relative;
  cursor: pointer;
}

/*  */

.feature {
  border: #eaeaea 1px solid;
  padding-top: 1.357em;
  padding-bottom: 0.929em;
}

.feature:first-of-type {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.feature:last-of-type {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.feature .media {
  width: 150px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  font-size: 16px;
}

.feature .cdmx {
  width: 237px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  font-size: 16px;
}
.feature .coti {
  width: 175px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  font-size: 16px;
}

.feature .media .media_right {
  padding-right: 10px;
}

.feature .media .media_right i {
  font-size: 1.2855em;
  color: #ef9024;
}

.feature .media .media_left {
  text-align: center;
  flex-wrap: wrap;
}

.media_left span {
  color: #555;
  font-family: "Ubuntu-Medium";
}

/**------------ */

.title_feature {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  margin: 20px 0 10px 0;
  padding: 8px 0;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-size: 18px !important;
  color: #555;
  border-bottom: thin solid #dadada;
  text-align: left !important;
}

.title_feature span {
  margin: 0;
  padding: 7px 0px;
  border-bottom: solid 2px #ffcc33;
  color: #555;
}

@media (min-width: 992px) {
  .feature {
    width: 19.8%;
  }
}

@media (min-width: 1420px) {
  .feature {
    width: 16.66666%;
  }
}

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

  .feature {
    width: 50%;
  }

  .feature:nth-child(2) {
    order: 1;
    width: 100%;
    flex-wrap: wrap-reverse;
    display: flex;
  }

  /* ------------ */

  .col-sm-6 {
    width: 50%;
  }

  .categoria_movil_feature {
    width: 100%;
  }

  .categoria_movil {
    display: flex;
    width: 100%;
    align-items: center;
  }

  .left {
    width: 45%;
    text-align: center;
    border-right: thin solid #eaeaea;
    margin-right: 5%;
  }

  .left img {
    width: 50%;
    border: thin solid #eaeaea;
  }

  .right {
    display: flex;
    flex-direction: column;
    width: 50%;
  }

  .right span {
    margin-bottom: 1rem;
  }

  .fa-chevron-right {
    background-color: #084892;
    color: white;
    padding: 2.5px 5px;
    border-radius: 50%;
    margin-left: 0.5rem;
  }

  
}


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

    .container_feature {
        margin-top: 5rem !important;
      }

}
/* Rango de 768px a 1024px para tablets de tamaño medio */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container_feature {
    margin-top: -1rem;

  }
}

.title {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  /* margin: 20px 0 10px 0;
  padding: 9px 0; */
  letter-spacing: -1px;
  /* text-transform: uppercase; */
  font-size: 20px !important;
  color: #212529;
  /* border-bottom: thin solid #dadada; */
  text-align: center;
  font-family: "Ubuntu-Medium";
}
.title-year{
  color: var(--color-secundario);
   font-family: "Ubuntu-Medium";
}

.title span {
 
  margin: 0;
  padding: 10px 0px;
  /* border-bottom: solid 3px #ffcc33; */
  /* color: #555; */
}



/* Responsive */

/* Tablets pequeñas en vertical (portrait) */
@media (max-width: 767px) {

}

/* Tablets medianas y grandes (horizontal y vertical) */
@media (min-width: 768px) and (max-width: 1024px) {
 
}

/* Laptops y pantallas pequeñas de escritorio */
@media (min-width: 1025px) and (max-width: 1366px) {}

/* Escritorios grandes y monitores widescreen */
@media (min-width: 1367px) {}