/* Fundo compartilhado para todas as páginas */
html {
    background-color: #000;
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 25%, #16213e 50%, #0f3460 75%, #000000 100%);
    position: relative;
}

/* Imagem de fundo decorativa com baixa opacidade */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(480px, 100vw);
    height: 100dvh;
    background-image: url('../icones_projeto/Imagem controle transparente.png');
    background-size: 80% auto;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.15;
    z-index: 0;
    pointer-events: none;
}

/* Desativa o fundo decorativo quando necessário (ex.: iframes) */
html.sem-fundo {
    background-color: transparent !important;
}

html.sem-fundo body {
    background: none !important;
}

html.sem-fundo body::before {
    display: none !important;
}