/*!
 * Estilos tipográficos: títulos, párrafos, citas, código y elementos de texto.
 *
 * @package AlexiaSoft
 * @since   1.0.0
 */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    line-height: 1.3;
    color: var(--color-text);
    margin-bottom: 0.75rem;
}

h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 800; }
h2 { font-size: clamp(1.4rem, 3vw, 1.875rem); font-weight: 700; }
h3 { font-size: 1.375rem; font-weight: 600; }
h4 { font-size: 1.125rem; font-weight: 600; }
h5 { font-size: 1rem;     font-weight: 600; }
h6 { font-size: 0.875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }

p { margin-bottom: 1rem; }

blockquote {
    border-left: 4px solid var(--color-primary);
    padding: 1rem 1.5rem;
    margin: 1.5rem 0;
    background: var(--color-bg-alt);
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    font-style: italic;
    color: var(--color-text-light);
}

code {
    background: var(--color-bg-alt);
    padding: 0.2em 0.4em;
    border-radius: 3px;
    font-size: 0.9em;
    font-family: 'Fira Code', 'Courier New', monospace;
}

pre {
    background: #1e293b;
    color: #e2e8f0;
    padding: 1.5rem;
    border-radius: var(--border-radius);
    overflow-x: auto;
    margin-bottom: 1rem;
}

pre code { background: none; padding: 0; color: inherit; font-size: 0.9rem; }

hr {
    border: none;
    border-top: 1px solid var(--color-border);
    margin: 2rem 0;
}

mark {
    background: rgba(14, 165, 233, 0.15);
    color: var(--color-primary-dark);
    padding: 0.1em 0.3em;
    border-radius: 3px;
}

abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
}