body { font-family: sans-serif; margin: 0; padding: 0; background-color: #0f172a; color: #e5e7eb; }
header { background: #0b1220; color: #fff; padding: 1em; display: flex; justify-content: space-between; align-items: center; }
.logo-container { display: flex; align-items: center; }
.logo { height: 50px; }
nav a { color: #e5e7eb; margin: 0 0.5em; text-decoration: none; font-weight: 500; }
nav a:hover { text-decoration: underline; color: #06b6d4; }
section { padding: 2em; }
.btn { display: inline-block; background: #06b6d4; color: #001016; padding: 0.5em 1em; text-decoration: none; border-radius: 4px; }
.btn:hover { background: #0891b2; }
.precio { border: 1px solid #1f2937; padding: 1em; margin: 1em 0; background: #111827; border-radius: 4px; }
form input, form textarea { display: block; width: 100%; margin: 0.5em 0; padding: 0.5em; border: 1px solid #1f2937; border-radius: 4px; background-color: #0b1220; color: #e5e7eb; }
button { background: #06b6d4; color: #001016; padding: 0.5em 1em; border: none; cursor: pointer; border-radius: 4px; }
button:hover { background: #0891b2; }
footer { text-align: center; padding: 1em; background: #0b1220; color: #9ca3af; }