.filtrar-ayudas {
max-width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 2rem;
}
.filtros {
display: flex;
justify-content: center;
align-items: center;
gap: 3rem;
margin-bottom: 3rem;
}
.filtro-estado {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 1rem;
}
.filtro-donde {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 1rem;
}
h1, h3  {
font-size: 20px;
margin: 0 !important;
color: #158064;
text-align: left;
}
.ayudas-filtradas {
width: 95%;
display: grid;
grid-template-columns: repeat(3,1fr);
align-items: flex-start;
justify-content: center;
gap: 2rem;
}
.contenedor-cargando {
width: 95%;
display: flex;
justify-content: center;
align-items: center;
}
.ayuda {
background-color: white;
border-radius: 5px;
display: flex;
padding: 2rem 1rem 2rem 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
-webkit-box-shadow: -4px 4px 18px -7px rgba(0,0,0,0.75);
-moz-box-shadow: -4px 4px 18px -7px rgba(0,0,0,0.75);
box-shadow: -4px 4px 18px -7px rgba(0,0,0,0.75);
}
.ayuda p {
color: #718096;
}
.titulo-ayuda {
margin-bottom: 1rem !important;
}
.logo-tarjeta-elemento {
max-width: 15% !important;
}
.contenedor-saber-mas {
padding-top: 1rem;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.btn-saber-mas {
text-align: center !important;
}
.cargando {
text-align: center !important;
font-size: 50px !important;
}
.datos-ayuda {
margin-bottom: 1rem;
} @media only screen and (max-width:1023px){
.ayudas-filtradas {
grid-template-columns: repeat(2,1fr);
}
}
@media only screen and (max-width:768px){
.ayudas-filtradas{
grid-template-columns: repeat(1,1fr);
}
}