/** Titulo **/
.cards-noticias h1 {
  font-size: var(--bs-h1-font-size);
  height: 160px;
  align-items: center;
  justify-content: center;
  display: flex;
}

/*****************************
**                          **
**                          **
**                          **
**        FILTROS           **
**                          **
**                          **
**                          **
******************************/
.view-filters {
  padding: 2rem;
  border: 1px solid var(--bs-gray-light);
  border-radius: 1.5rem;
}

.view-filters .d-flex {
	gap: 1rem;
}

.view-filters::before {
  content: 'Filtrar por:';
  font-size: var(--bs-t2-font-size);
  margin-bottom: 2rem;
}

.views-exposed-form {
  margin-top: 2rem;
}
.views-exposed-form select, .views-exposed-form input{
background-color: var(--bs-gray-light);
}
.form-item-keys {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

label[for='edit-keys'] {
  width: 180px;
}

input#edit-keys {
  width: 180px;
}

label {
    font-weight: 700;
}

.btn-primary{
	background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}


/*****************************
**                          **
**                          **
**                          **
**        PAGINADOR         **
**                          **
**                          **
**                          **
******************************/
ul.pagination.js-pager__items {
	justify-content: center;
	gap: 0.5rem;
}
ul.pagination li.page-item .page-link {
  border-radius: 30px;
  min-width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bs-gray-dark);
  font-size:16px;
}

li.page-item > .page-link {
  border: none;
  color: var(--bs-gray-dark);
}

li.page-item.active > .page-link {
	border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: var(--bs-gray-light);
  font-weight: bold;
  color: var(--bs-black);
}

nav[aria-label="pagination-heading"]{
	border-top: 2px solid var(--bs-gray-medium);
  padding-top: 20px;
}


/*****************************
**                          **
**                          **
**                          **
**        CONTAINERS        **
**                          **
**                          **
**                          **
******************************/
.view-filters,
.views-element-container nav {
  max-width: 1260px;
  margin: 0 auto 3rem;
  width:100%;
}


 @media (max-width: 768px){
 	
 	label[for='edit-keys'] {
  width: 100%;
	}
	input#edit-keys {
    width: 100%;
}

 	ul.pagination.js-pager__items {
    gap: 0;
}
 	ul.pagination li.page-item .page-link {
 		font-size:10px;
 	}
  
 }

@media screen AND (max-width: 1279px) {
	.view-filters,
	.views-element-container nav {
	  max-width: 1080px;
	}
}

@media screen AND (max-width: 900px) {
	.view-filters,
	.views-element-container nav {
	  max-width: 760px;
	}
}