/* Para utilizar las variables basta con reemplazar el atributo por el nombre de la variable en nuestro código ej: "color: $chv_azul" */
/* al modificar el atributo de cualquier variable afectará a todos los selectores donde se utilizó */
@font-face {
  font-family: "tekolight";
  font-style: woff2 woff;
  font-weight: 300;
  src: url("../v3/css/fonts/teko/Teko-Light.eot?") format("eot"), url("../v3/css/fonts/teko/Teko-Light.woff2") format("woff2"), url("../v3/css/fonts/teko/Teko-Light.woff") format("woff"), url("../v3/css/fonts/teko/Teko-Light.ttf") format("truetype"), url("../v3/css/fonts/teko/Teko-Light.svg#tekolight") format("svg");
}
@font-face {
  font-family: "tekoregular";
  font-style: woff2 woff;
  font-weight: normal;
  src: url("../v3/css/fonts/teko/Teko-Regular.eot?") format("eot"), url("../v3/css/fonts/teko/Teko-Regular.woff2") format("woff2"), url("../v3/css/fonts/teko/Teko-Regular.woff") format("woff"), url("../v3/css/fonts/teko/Teko-Regular.ttf") format("truetype"), url("../v3/css/fonts/teko/Teko-Regular.svg#tekoregular") format("svg");
}
@font-face {
  font-family: "tekomedium";
  font-style: woff2 woff;
  font-weight: 500;
  src: url("../v3/css/fonts/teko/Teko-Medium.eot?") format("eot"), url("../v3/css/fonts/teko/Teko-Medium.woff2") format("woff2"), url("../v3/css/fonts/teko/Teko-Medium.woff") format("woff"), url("../v3/css/fonts/teko/Teko-Medium.ttf") format("truetype"), url("../v3/css/fonts/teko/Teko-Medium.svg#tekomedium") format("svg");
}
@font-face {
  font-family: "tekobold";
  font-style: woff2 woff;
  font-weight: bold;
  src: url("../v3/css/fonts/teko/Teko-Bold.eot?") format("eot"), url("../v3/css/fonts/teko/Teko-Bold.woff2") format("woff2"), url("../v3/css/fonts/teko/Teko-Bold.woff") format("woff"), url("../v3/css/fonts/teko/Teko-Bold.ttf") format("truetype"), url("../v3/css/fonts/teko/Teko-Bold.svg#tekobold") format("svg");
}


.comun_rotulo {margin:0; border-top:1px #898989 solid; border-bottom:1px #898989 solid; margin-top: 95px;}
.comun_rotulo h1 {color: #F0F0F0; font-size: 30px; font-weight: bold; line-height: 120%; padding:33px 0 30px; text-align: center;}
.comun_rotulo .col {border-left-width: 0; float: none;}

#wrap-taxonomia #main {padding: .5em 0;}
#wrap-taxonomia #main .col {border-left-width: 0; float: none;}
.cont-filter {display: flex; gap: 20px; margin: 30px 0 30px; justify-content: center; align-items: center;}
.filter-rotulo {font-family: "tekomedium", Arial, sans-serif; font-size: 30px; color:#040C25; line-height: 90%; padding-right: 20px;}
.filter-fechas {display: flex; gap: 20px; margin: 0;}
.filter-fechas__label {font-family: "tekoregular", Arial, sans-serif;  color:#040C25;  font-size: 17px; padding-right: 5px;}
.filter-fechas__input {border: 1px solid #C4C4C4 !important; border-radius: 4px; padding: 10px; background: #f0f0f0; font-family: Arial;
  appearance: auto;
}
.filter-texto__input {border: 1px solid #C4C4C4 !important; border-radius: 4px; padding: 10px; background: #f0f0f0; font-family: Arial; color: #000000 !important;}
.filter-texto__input::placeholder {
  color: #000;
}
.filter-btn__boton {background-color: #040C25; color: #fff; padding: 9px 25px; font-family: "tekomedium", Arial, sans-serif; font-size: 14px; color:#fff; text-align: center; border: none;}
.cont-cards {max-width: 1200px; display: flex; gap: 10px; margin: 20px auto; flex-wrap: wrap; justify-content: center;}
.card-tax {position: relative; display: flex; background: #F4F4F4; flex-direction: column; width: 240px;}
.card-tax__img {width: 100%; height: auto;}
.card-tax__info {margin: 20px; text-align: center;}
.card-tax__titular {margin-bottom: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 5; /* Número de líneas máximas */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card-tax__link {font-family: "tekomedium", Arial, sans-serif; font-size: 20px; color:#061333; line-height: 90%;}
.card-tax__fecha {width: 100%; position: absolute; bottom: 10px; font-family: Arial, sans-serif;  color:#040C25;  font-size: 11px;
  left: 50%;
  transform: translate(-50%, -50%);
}

#wrap-taxonomia .seccion1 .col2 .paginacion a {font-family: Arial;}
#wrap-taxonomia #main .col {font-family: Arial;}

.cont-mapa {max-width: 764px; margin: 0 auto;}
.cont-mapa .fila-mapa .fila-mapa__link {display: flex; transition: all .5s;}
.cont-mapa .fila-mapa .fila-mapa__link:hover {opacity: .6; }
.cont-mapa .fila-mapa__img1 {width: 186px;}
.cont-mapa .fila-mapa__img1b {width: 247px;}
.cont-mapa .fila-mapa__img2 {width: 331px;}

@media (max-width: 1024px) {
  .cont-cards {max-width: 1024px;}
}

@media (max-width: 426px) {
 	.card-tax {width: 100%;}
 	.cont-filter {flex-direction: column;}
 	.filter-texto__input {width: auto;}
  #wrap-taxonomia #main {padding: .5em 0;}
  .seccion1, .seccion1.aright {padding: 0;}
  .comun_rotulo {margin-top: 0;}
  .only-desktop {display: none;}
  .cont-mapa {max-width: 400px; margin: 0 auto;}
  .cont-mapa .fila-mapa__img1 {width: 130px;}
  .cont-mapa .fila-mapa__img2 {width: 230.53px;}
}
@media (min-width: 426px) and (max-width: 767px) {
 	.card-tax {width: 100%;}
 	.cont-filter {flex-direction: column;}
 	.filter-texto__input {width: auto;}
  #wrap-taxonomia #main {padding: .5em 0;}
  .seccion1, .seccion1.aright {padding: 0;}
  .comun_rotulo {margin-top: 0;}
  .only-desktop {display: none;}
  .cont-mapa {max-width: 400px; margin: 0 auto;}
  .cont-mapa .fila-mapa__img1 {width: 130px;}
  .cont-mapa .fila-mapa__img2 {width: 230.53px;}
}