/* Contenedor principal del gráfico */
.gym-occupancy-container {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
}

/* Clases de color para el estado */
.status-label, .status-box {
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    transition: background-color 0.3s ease;
}

.status-green {
    background-color: #28a745; /* Verde */
}

.status-yellow {
    background-color: #ffc107; /* Amarillo */
    color: #212529; /* Texto oscuro para mejor contraste */
}

.status-red {
    background-color: #dc3545; /* Rojo */
}

/* Estilo para el shortcode de solo texto */
.gym-status-text-only-container {
    font-size: 1.2em;
    padding: 10px;
    text-align: center;
}