:root { --primary: #0a0a0a; --accent: #d4af37; --text: #f4f4f4; }
body { font-family: 'Segoe UI', sans-serif; background: var(--primary); color: var(--text); margin: 0; line-height: 1.6; }

/* MENÚ FIJO (Sticky) */
nav {
    padding: 20px;
    background: #1a1a1a;
    display: flex;
    gap: 20px;
    justify-content: center;
    border-bottom: 2px solid var(--accent);
    position: sticky;
    top: 0;
    z-index: 1000;
}

nav a { color: var(--accent); cursor: pointer; text-decoration: none; font-weight: bold; }
nav a:hover { text-decoration: underline; }

section {
    padding: 40px 20px;
    max-width: 900px;
    margin: auto;
    display: none;
    min-height: 70vh;
    overflow-y: auto;
}

.active { display: block; }
button, .btn-contacto { 
    background: var(--accent); border: none; padding: 15px 30px; cursor: pointer; 
    font-weight: bold; color: black; display: inline-block; text-decoration: none; transition: 0.3s; 
}
button:hover { background: #b8962d; }

footer { text-align: center; padding: 40px; color: #666; font-size: 0.8em; }

/* Estilos de Auditoría */
#quiz-container { background: #1a1a1a; padding: 30px; border-radius: 8px; border: 1px solid #333; }
.pregunta { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #333; }
#resultado { margin-top: 20px; padding: 20px; background: #000; border-radius: 8px; }