* {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--bg);
    color: var(--txt);
    font: 16px/1.6 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    padding-top: var(--nav-h);
}

img {
    max-width: 100%;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

.hidden {
    display: none;
}

button[disabled] {
    background: #ccc !important;
    cursor: not-allowed !important;
    color: #666 !important;
    border: none;
}

section {
    scroll-margin-top: calc(var(--nav-h) + 8px);
}

.captcha-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1.5rem 0 2rem;
}

/* Utilidades de tipografía */
.muted {
    color: var(--muted);
    font-size: 14px;
}

.lead {
    font-size: 1.02rem;
    font-weight: 500;
}

.kbd {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .9em;
    padding: 2px 6px;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: #fafafa;
}

.accent {
    color: var(--accent);
}