/* Fonte Profissional (Inter) */
body { font-family: 'Inter', sans-serif; }

/* Estilos do Checkbox */
.checkbox-wrapper input:checked + div {
    background-color: #006400;
    border-color: #006400;
}

.checkbox-wrapper input:checked + div svg { 
    display: block; 
}

@keyframes fadeIn { 
    from { opacity: 0; } to { opacity: 1; } 
}

.anim-fade-in { 
    animation: fadeIn 0.3s forwards; 
}

/* --- CLASSE PRINCIPAL DA LARGURA --- */
#cards-container { 
    width: 480px; 
}

#cards-container.expandido { 
    width: 1000px !important; 
}

.transicao-suave { 
    transition: width 0.7s ease-in-out; 
}

/* --- BACKGROUND COM MARCA D'ÁGUA --- */
.bg-marca-dagua {
    background-color: #f3f4f6; /* Cinza suave base */
    position: relative;
    overflow-x: hidden;
}

/* Cria o logo gigante no fundo */
.bg-marca-dagua::before {
    content: "";
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px; /* Tamanho do logo de fundo */
    height: 800px;
    /* COLOQUE O CAMINHO DA SUA IMAGEM AQUI */
    background-image: url('imgs/logo.png'); 
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.05; /* Bem transparente para não atrapalhar */
    z-index: -1;
    pointer-events: none;
}

/* Efeito de Vidro no Header (Opcional, estilo moderno) */
.header-pro {
    background: linear-gradient(90deg, #004d00 0%, #006400 100%);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}