/**
 * NUEVAUNO — Public Site Styles
 * For marketing pages, proposals, public content.
 */

@import url('https://branding.nuevauno.com/fonts/urbanist.css');

:root {
    --nu-accent: #fe4a23;
    --nu-bg: #09090b;
    --nu-surface: #18181b;
    --nu-border: #27272a;
    --nu-text: #fafafa;
    --nu-muted: #a1a1aa;
    --nu-font: 'Urbanist', -apple-system, BlinkMacSystemFont, sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    font-family: var(--nu-font);
    background: var(--nu-bg);
    color: var(--nu-text);
    line-height: 1.6;
}

/* ─── Header ─── */
.nu-header {
    background: var(--nu-surface);
    border-bottom: 1px solid var(--nu-border);
    padding: 0 24px;
    height: 64px;
    position: sticky;
    top: 0;
    z-index: 100;
}

.nu-header-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.nu-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--nu-text);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.05em;
}

.nu-logo img {
    border-radius: 8px;
}

.nu-nav ul {
    list-style: none;
    display: flex;
    gap: 24px;
}

.nu-nav a {
    color: var(--nu-muted);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: color 0.2s;
}

.nu-nav a:hover {
    color: var(--nu-accent);
}

/* ─── Main Content ─── */
.nu-public {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 24px;
}

/* ─── Footer ─── */
.nu-footer {
    background: var(--nu-surface);
    border-top: 1px solid var(--nu-border);
    padding: 24px;
    text-align: center;
}

.nu-footer p {
    color: var(--nu-muted);
    font-size: 13px;
}

/* ─── Responsive ─── */
@media (max-width: 768px) {
    .nu-header { padding: 0 16px; }
    .nu-public { padding: 24px 16px; }
    .nu-nav ul { gap: 16px; }
    .nu-nav a { font-size: 12px; }
}