/* Estilo para o botão "LAY" com tom vermelho */
input.back_lay[value="LAY"] {
    background-color: #f8d7da;
    /* Um tom de vermelho/rosa claro (cor de "perigo" do Bootstrap) */
    border-color: #f5c6cb;
    color: #721c24;
    /* Cor do texto escura para contraste */
}

/* Opcional: Estilo para o botão "BACK" com tom azul (para diferenciar) */
input.back_lay[value="BACK"] {
    background-color: #d1ecf1;
    /* Um tom de azul claro (cor de "info" do Bootstrap) */
    border-color: #bee5eb;
    color: #0c5460;
}



/* ===== Imagem de Fundo ===== */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('assets/img/fundo-goat.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: -2;
}

/* Sobreposição escura para melhor legibilidade */
body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

/* Ajuste de transparência nas cores base para o modo com fundo */
[data-bs-theme="dark"] {
    --bs-body-bg-rgb: transparent;
    --dark-bg: transparent;
}

[data-bs-theme="light"] {
    --bs-body-bg-rgb: transparent;
    --light-bg: transparent;
}

/* ===== Opacidade dos Cards ===== */
[data-bs-theme="dark"] .card {
    background-color: rgba(15, 23, 42, 0.7) !important;
}

[data-bs-theme="light"] .card {
    background-color: rgba(255, 255, 255, 0.7) !important;
}