/* FRESH-AI.news — Estilo MediHealth (10/10/2026), modo claro y oscuro a elección del visitante.
   Sin elección: el del dispositivo (prefers-color-scheme). Con elección: <html data-theme="light|dark">,
   guardada en el navegador (header.php). Va después de style.css y solo redefine sus variables. */
:root {
    --bg: #F1F4F7;
    --bg-card: #FFFFFF;
    --bg-elevated: #E8EEF3;
    --text: #0E1B33;
    --text-muted: #5F6F86;
    --accent: #20BEB8;
    --accent-glow: #20BEB8;
    --border: #DCE4EC;
    --font: 'Barlow', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --teal-suave: #E2F6F5;
    --sobre-accent: #FFFFFF;
    --red-off: #DCE4EC;
    --red-off-ico: #9AA8BA;
    color-scheme: light;
}
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --bg: #051C3E; --bg-card: #1E3351; --bg-elevated: #26406A; --text: #F2F6FB; --text-muted: #9DB0C8;
        --border: #2A4266; --teal-suave: #0F3A4A; --red-off: #2A4266; --red-off-ico: #6E83A3; color-scheme: dark;
    }
}
:root[data-theme="dark"] {
    --bg: #051C3E; --bg-card: #1E3351; --bg-elevated: #26406A; --text: #F2F6FB; --text-muted: #9DB0C8;
    --border: #2A4266; --teal-suave: #0F3A4A; --red-off: #2A4266; --red-off-ico: #6E83A3; color-scheme: dark;
}

/* Botón claro/oscuro de la cabecera */
.tema-btn {
    border: 1px solid var(--border); background: var(--bg-card); color: var(--text);
    width: 34px; height: 34px; border-radius: 10px; cursor: pointer; display: inline-flex;
    align-items: center; justify-content: center; margin-left: 4px;
}
.tema-btn svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; }
.tema-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.tema-btn .sol { display: none; }
:root[data-theme="dark"] .tema-btn .sol { display: block; }
:root[data-theme="dark"] .tema-btn .luna { display: none; }
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .tema-btn .sol { display: block; }
    :root:not([data-theme="light"]) .tema-btn .luna { display: none; }
}

/* Logo en la cabecera, a la izquierda (10/10/2026) */
.cab-sitio { display: flex; align-items: center; gap: 12px; }
.cab-logo { flex: none; display: inline-flex; }
.cab-logo img { height: 44px; width: auto; display: block; }
.cab-sitio .main-nav { flex: 1; justify-content: flex-end; }
@media (max-width: 480px) { .cab-logo img { height: 38px; } .cab-sitio .main-nav { gap: 2px; } .main-nav a { padding: 6px 8px; } }