body { font-family: Arial; background:#f9f9f9; color:#333; text-align:center; margin:0; }
.logo { width:100px; margin-top:10px; }
.banner { background:#e57c2c; color:white; padding:10px; margin:10px 0; border-radius:5px; }
nav { background:#eee; padding:8px; display:flex; justify-content:center; flex-wrap:wrap; gap:5px; }
nav button { border:none; padding:6px 12px; border-radius:4px; background:#ccc; cursor:pointer; }
nav button.active { background:#68a387; color:white; }
section { display:none; padding:10px; }
section.active { display:block; }
.modulo { background:white; margin:10px auto; width:90%; max-width:500px; padding:15px; border-radius:6px; box-shadow:0 0 5px rgba(0,0,0,0.1); }
label { display:block; margin-top:8px; }
button { margin-top:10px; padding:8px 14px; border:none; border-radius:5px; background:#68a387; color:white; cursor:pointer; }
button:hover { background:#4b8066; }