/* =========================
   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 {
    flex-wrap: wrap;
		justify-content: flex-start;
    gap: 1.5rem;
	}
	  .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){
  .biblioteca-bankpro .view-content {
    display: flex;
	}
} 

@media (max-width:575.98px){
	.biblioteca-bankpro .views-exposed-form .form--inline {
		display:flex;
	}
	.biblioteca-bankpro .views-row .bg-view{
		display: flex;
		justify-content: space-between;
    align-items: center;
	}
	.biblioteca-box {
		padding:0;
		background: none;
	}
		.biblioteca-portada {
		padding:1rem 0;
	}
	.biblioteca-portada img {
		max-width: 180px;
	}
	  .biblioteca-bankpro .views-row {
    flex: 1;
	}
}