.presencias-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 0; /* Quita el espacio entre las cards */
}

.presencia-card {
    padding: 20px;
    flex: 1 1 calc(20% - 0px); /* Ajuste responsivo para 5 columnas en escritorio */
    margin: 0;
    background-color: #FFCC33; /* Se cambiará aleatoriamente con JavaScript */
    box-sizing: border-box;
	color: white;
}

.presencia-card h3 {
    margin-top: 0;
	color: white;
}

@media (max-width: 1024px) {
    .presencia-card {
        flex: 1 1 calc(25% - 0px); /* 4 columnas en tablet */
    }
}

@media (max-width: 768px) {
    .presencia-card {
        flex: 1 1 calc(50% - 0px); /* 2 columnas en móvil */
    }
}

@media (max-width: 480px) {
    .presencia-card {
        flex: 1 1 100%; /* 1 columna en pantallas pequeñas */
    }
}