/* Barra superior visible según entorno */
body[class^="env-"]::before {
    content: attr(class);
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px;
    text-align: center;
    color: white;
    font-family: sans-serif;
}

/* DEV — naranja */
body.env-dev::before {
    background: #ff9800;
    content: "🛠️ Development Environment";
}

/* TEST — rojo */
body.env-test::before {
    background: #d32f2f;
    content: "🔴 Test Environment";
}

/* QA — azul */
body.env-qa::before {
    background: #1976d2;
    content: "🔍 QA Environment";
}

/* PROD — verde */
body.env-prod::before {
    background: #388e3c;
    content: "";
}