* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
}

/* Estilo para las líneas horizontales */
hr {
	color: #efefef;
	margin: auto;
}

/* Contenedor principal */
.contenedorCM {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
}

.columnaCM {
    width: 30%; /* Usamos 32% para que las imágenes quepan bien en el renglón */
    margin-bottom: 20px;
}

.columnaCM img {
    width: 100%; /* Asegura que las imágenes sean responsivas */
    height: auto;
    display: block;
    border-radius: 8px; /* Un pequeño borde redondeado, opcional */
}

/* Estilo para el texto */
.titulos {
    margin-top: 10px;
    margin-left: 2%;
    font-family: Arial;
    font-weight: bold; /* Corregido para que se aplique la negrita */
    font-size: 18px;
}


/* Estilo para pantallas pequeñas (móviles) */
@media (max-width: 768px) {
    .columnaCM {
        width: 48%; /* En pantallas más pequeñas, dejamos espacio para 2 imágenes por fila */
    }
}

/* Estilo para pantallas muy pequeñas (móviles en modo retrato) */
@media (max-width: 480px) {
    .columnaCM {
        width: 100%; /* En pantallas muy pequeñas, cada imagen ocupa toda la fila */
    }
}