@media (min-width: 768px) {

.section2 {
    background-color: #f1f1f1;
    width: auto;
    padding: 20px;
    text-align: left;
}

.section2 .grid-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* Cambiamos de 2 a 5 columnas */
    gap: 20px;
    width: 100%; /* Ancho completo */
    font-family: "Roboto", sans-serif;
}



.section2 .column {
    background-color: #f1f1f1;
    padding: 20px;
    text-align: left;
}

.section2 h2 {
    margin-bottom: 10px;
    color: darkgray; /* Cambia "darkgray" al color gris oscuro deseado */

}







}

.section3 {
    background-color: #333;
    color: white;
}

.footer {
    padding: 20px;
    text-align: center;
}

.section2 .no-bullets {
    list-style-type: none;
    padding-left: 0;
}

.section2 .no-bullets li {
    margin-bottom: 5px;
}

.section2 .no-bullets li a {
    text-decoration: none;
    text-align: left; /* Alinear el texto a la izquierda */
}