.titulo{
    justify-content: center;
    text-align: center;
}
.rojo { color: red; }
.azul { color: blue; }
.amarillo { color: yellow; }
.verde { color: green; }
.violeta { color: violet; }
.negro { color: black; }
.celeste { color: lightblue; }
.anaranjado { color: orange; }
.marron { color: brown; }
.rosado { color: pink; }

.cuadro {
    text-align: center; /* Centra el contenido dentro del cuadro */
}

.imagen {
    max-width: 100%; /* Ajusta el tamaño máximo de la imagen */
    height: auto; /* Mantiene la proporción de la imagen */
    cursor: pointer; /* Cambia el cursor a pointer para indicar que es clickeable */
}
@media (max-width: 768px) {
    .titulo {
        font-size: 2.5rem; /* Tamaño del título en dispositivos móviles */
    }
}