.grilla-contenedor {
display: grid;
grid-template-columns: repeat(3, 1fr); gap: 20px;
}
.columnas-2 { grid-template-columns: repeat(2, 1fr); }
.columnas-3 { grid-template-columns: repeat(3, 1fr); }
.columnas-4 { grid-template-columns: repeat(4, 1fr); } .grilla-item {
background-color: #fff;
border-radius: 10px;
padding: 20px;
box-sizing: border-box;
transition: box-shadow 0.3s ease; 
}
.grilla-item:hover {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
}
.item-categoria {
color: #F06F00;
font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; margin-bottom: 5px;
} .item-titulo:hover {
font-family: 'Open Sans', sans-serif!important; font-size: 20px!important; font-weight: bold!important; text-decoration: none!important; color: #1161F0!important; padding-top: 10px;
padding-bottom: 10px;
}*/
.item-leer-mas {
display: inline-block;
padding: 10px 0px 5px 0px;
background-color: #ffffff;
color: #1161F0;
text-decoration: none!important;    
font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; }
.item-leer-mas:hover {
background-color: #ffffff;
text-decoration: none;
color: #F06F00;
font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; }
.grilla-filtros {
margin-bottom: 20px;
}
.filtro-boton {
padding: 10px 15px;
margin-right: 2px;
border: 1px solid #f5f5f5;
background-color: #f5f5f5;
cursor: pointer;
border-radius: 10px;
color: #F06F00;
font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; }
.filtro-boton:hover {
background-color: #f5f5f5;
color: #1161F0;
font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; }
.filtro-boton.activo {
background-color: #f5f5f5;
color: #1161F0;
font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; }
@media (max-width: 768px) {
.grilla-contenedor {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
}