/* ==============================================
   THEME TOGGLE — etiqueta dinámica según modo activo
   ============================================== */
.theme-toggle-container.theme-toggle-content::before {
    font-size: 0.72em;
    color: var(--color-foreground-muted);
    align-self: center;
    margin-right: 0.3em;
    white-space: nowrap;
    letter-spacing: 0.03em;
    content: "Auto";
}

body[data-theme="light"] .theme-toggle-container.theme-toggle-content::before {
    content: "Claro";
}

body[data-theme="dark"] .theme-toggle-container.theme-toggle-content::before {
    content: "Oscuro";
}

/* ==============================================
   CÓDIGO INLINE — estilo rojizo como RTD theme
   ============================================== */
code.literal,
p code,
li code,
td code,
dt code {
    color: #e74c3c !important;
    background-color: rgba(231, 76, 60, 0.08) !important;
    border: 1px solid rgba(231, 76, 60, 0.25) !important;
    border-radius: 3px !important;
    padding: 1px 5px !important;
    font-size: 0.875em !important;
}

[data-theme="dark"] code.literal,
[data-theme="dark"] p code,
[data-theme="dark"] li code,
[data-theme="dark"] td code,
[data-theme="dark"] dt code {
    color: #ff6b5b !important;
    background-color: rgba(255, 107, 91, 0.1) !important;
    border-color: rgba(255, 107, 91, 0.3) !important;
}

/* ==============================================
   FIELD LIST: RESET BASE
   ============================================== */
article dl.field-list {
    border: none;
    margin-bottom: 0.5rem;
}

article dl.field-list dt,
article dl.field-list dd {
    background-color: transparent;
    border: none;
}

/* ==============================================
   NIVEL 1 — parámetros raíz
   ============================================== */
article dl.field-list > dt {
    background-color: var(--color-background-secondary);
    border-left: 4px solid var(--color-brand-primary);
    padding: 5px 10px;
    margin-top: 10px;
    margin-bottom: 0;
    border-radius: 0 4px 4px 0;
    font-weight: 600;
}

article dl.field-list > dd {
    margin-left: 1rem;
    padding: 6px 0 4px 12px;
    border-left: 2px solid var(--color-background-border);
}

/* ==============================================
   NIVEL 2 — hijos directos (dentro de dd > dl)
   ============================================== */
article dl.field-list dd > dl.field-list > dt {
    background-color: var(--color-background-hover);
    border-left: 3px solid var(--color-brand-content);
    font-weight: 500;
    margin-top: 6px;
}

article dl.field-list dd > dl.field-list > dd {
    border-left-color: color-mix(in srgb, var(--color-background-border) 60%, transparent);
}

/* ==============================================
   NIVEL 3 — dentro de blockquote (deep nesting)
   ============================================== */
article dl.field-list blockquote {
    border-left: none;
    margin: 0;
    padding: 0;
}

article dl.field-list blockquote dl.field-list > dt {
    background-color: transparent;
    border-left: 2px solid var(--color-foreground-muted);
    font-weight: 400;
    opacity: 0.9;
    margin-top: 4px;
    padding: 3px 8px;
}

article dl.field-list blockquote dl.field-list > dd {
    border-left-color: var(--color-background-border);
    padding-left: 8px;
}

/* ==============================================
   NIVEL 4+ — deep nesting dentro de blockquote
   ============================================== */
article dl.field-list blockquote dl.field-list blockquote dl.field-list > dt {
    border-left: 1px solid var(--color-background-border);
    opacity: 0.8;
}

/* ==============================================
   ADMONITIONS (note, warning, etc.)
   ============================================== */
article .admonition {
    border-radius: 4px;
    border-left-width: 4px;
}

/* ==============================================
   TABLAS
   ============================================== */
article table {
    border-radius: 4px;
    overflow: hidden;
}

article table th {
    background-color: var(--color-background-secondary);
}

/* ==============================================
   CÓDIGO INLINE
   ============================================== */
article code.literal {
    border-radius: 3px;
    padding: 1px 5px;
    font-size: 0.88em;
}

/* ==============================================
   EXTERNAL LINKS: abrir en nueva pestaña (JS)
   ============================================== */