.title-bar {
height: 50px;
background-color: #e30613; /* Color rojo menos llamativo */
text-align: center;
color: white;
font-size: 16px;
line-height: 50px;
font-weight: bold; /* Letra en negrita */
}
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /* Mínimo de 2 celdas por fila */
gap: 20px; /* Espacio entre celdas */
margin: 20px auto; /* Espacio en blanco alrededor de la cuadrícula */
max-width: 1225px; /* Establecer un ancho máximo para evitar que las cuadrículas se expandan demasiado */
}
.grid-item {
border-left: 4px solid #ff0000; /* Línea roja a la izquierda */
padding: 15px; /* Espacio en blanco dentro de cada celda */
background-color: #f2f2f2; /* Fondo gris claro */
color: #000; /* Letras negras */
border-radius: 10%; /* Bordes redondeados al 10% */
font-size: 11px; /* Tamaño de fuente */
text-align: left; /* Alineación de texto a la izquierda */
}

«`html
«`html