/* =========================
   BIBLIOTECA PORTADA
========================= */

h1, h2, h3, h4,
.biblioteca-bankpro .views-row a{
    color: var(--PRINCIPAL);
}

.biblioteca-box,
.biblioteca-portada,
.biblioteca-bankpro .views-row .bg-view,
.biblioteca-bankpro .views-exposed-form{
	background: var(--bs-gray-200);
			 border-radius: .3rem;
}

.biblioteca-box {
		padding:2rem 0;
}
.biblioteca-portada {
	  flex: 0 0 30%;
  box-sizing: border-box;
  overflow: hidden; 
}
.biblioteca-info {
	  flex: 0 0 60%; 
  box-sizing: border-box;
  overflow: hidden;
}

  .biblioteca-bankpro .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}
	  .biblioteca-bankpro .views-row {
    flex: 0 0 32%;
    gap: 1%;
    display: flex;
    justify-content: center;
	}
	.biblioteca-bankpro .views-row:hover .bg-view {
	  background: var(--PRINCIPAL);
	}
		.biblioteca-bankpro  .views-row .bg-view a {
	  text-decoration: none;
	}
		.biblioteca-bankpro  .views-row:hover .bg-view a {
	  color:var(--bs-gray-200);
	  text-decoration: underline;
	  transition: 0.3s all;
	}
	
/* =====================================================
   RESPONSIVE
===================================================== */

@media (min-width:768px){

} 

@media (max-width:575.98px){
	.biblioteca-box {
		padding:0;
		background: none;
	}
		.biblioteca-portada {
		padding:1rem 0;
	}
	.biblioteca-portada img {
		max-width: 180px;
	}
	  .biblioteca-bankpro .views-row {
    flex: 1;
	}
}