/* 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; } }

.cab-logo { align-items: center; gap: 10px; text-decoration: none; color: var(--text); font-weight: 700; font-size: 1.15rem; white-space: nowrap; }
.oculto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 480px) {
    .cab-sitio { flex-wrap: wrap; row-gap: 6px; }
    .cab-sitio .main-nav { flex-basis: 100%; flex-wrap: nowrap; justify-content: center; }
}
.cab-logo span { font-size: 1.6rem; font-weight: 700; letter-spacing: -.01em; }
.cab-logo img { height: 52px; }
@media (max-width: 480px) { .cab-logo span { font-size: 1.45rem; } .cab-logo img { height: 46px; } }

/* Enlaces en las respuestas del asistente */
.chat-msg.bot a { color: var(--accent); font-weight: 600; }