/* ===== Temas por nutricionista (se aplican con <body data-theme="…">) ===== */
body{--mango-ink:#6D4CB8;--berry-ink:#B8336F;--teal-ink:#1A7A43}
body[data-theme=mango]{
  --brand:#059669;--brand-dark:#047857;--brand-soft:#E3F5EE;
  --mango:#F59E0B;--mango-soft:#FEF1D6;--mango-ink:#9A5B07;
  --berry:#E8547A;--berry-soft:#FDE6EC;--berry-ink:#B4284F;
  --teal:#0D9488;--teal-soft:#DDF3F0;--teal-ink:#0F6E66;
  --ink:#14261E;--ink-2:#22352C;--muted:#87918A;--line:#E9EEE7;--canvas:#CFE3D5;--shell:#F3F6F1}
body[data-theme=oceano]{
  --brand:#0E7490;--brand-dark:#155E75;--brand-soft:#E0F2F7;
  --mango:#14B8A6;--mango-soft:#DDF7F3;--mango-ink:#0F766E;
  --berry:#F43F5E;--berry-soft:#FFE4E8;--berry-ink:#BE123C;
  --teal:#16A34A;--teal-soft:#DCFCE7;--teal-ink:#15803D;
  --ink:#0F1E2E;--ink-2:#1E2F40;--muted:#7D8A97;--line:#E4ECF2;--canvas:#B8CCDA;--shell:#F2F6F9}
body[data-theme=grafito]{
  --brand:#6366F1;--brand-dark:#4F46E5;--brand-soft:#E8E8FD;
  --mango:#F97316;--mango-soft:#FFEDD5;--mango-ink:#C2410C;
  --berry:#E11D48;--berry-soft:#FFE4E6;--berry-ink:#BE123C;
  --teal:#10B981;--teal-soft:#D1FAE5;--teal-ink:#047857;
  --ink:#111114;--ink-2:#26262C;--muted:#8A8A94;--line:#ECECEF;--canvas:#3A3A42;--shell:#F4F4F6}
body[data-theme=grafito] .imp-banner{background:#000}

/* ===== Ajustes ===== */
.tabs{display:flex;gap:6px;flex-wrap:wrap;background:var(--card);padding:8px;border-radius:22px}
.tabs a{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:16px;font-weight:600;color:var(--ink-2);transition:background .2s var(--ease)}
.tabs a svg{width:18px;height:18px}
.tabs a:hover{background:var(--shell)}
.tabs a.on{background:var(--ink);color:#fff}
.tabs a.on svg{stroke:var(--mango)}
.card.narrow{max-width:760px}
.avatar-edit{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px}
.file-btn{cursor:pointer}.file-btn input{display:none}
.wa-ic{width:14px;height:14px;vertical-align:-2px;color:#25D366}
.themes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.theme-opt input{display:none}
.theme-card{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:22px;border:2px solid var(--line);cursor:pointer;transition:all .2s var(--ease)}
.theme-opt input:checked+.theme-card{border-color:var(--ink);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.theme-card:hover{transform:translateY(-2px)}
.theme-mock{height:110px;border-radius:16px;position:relative;display:flex;align-items:flex-end;padding:12px;gap:8px;overflow:hidden}
.theme-mock i{position:absolute;top:12px;left:12px;width:40%;height:12px;border-radius:6px;opacity:.9}
.theme-mock span{display:flex;gap:6px;background:#fff;padding:8px;border-radius:12px}
.theme-mock b{width:22px;height:22px;border-radius:50%}
.theme-name{font-weight:700;padding:0 4px 4px}
.theme-name small{color:var(--muted);font-weight:600}
.radio-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.radio-row{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:var(--shell);cursor:pointer;border:1.5px solid transparent}
.radio-row:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.radio-row input{margin-top:4px;accent-color:var(--brand);width:18px;height:18px}
.radio-row span{display:flex;flex-direction:column;gap:2px}
.cfg-link{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--shell);padding:14px 16px;border-radius:16px}
.cfg-link div{display:flex;flex-direction:column}
.cfg-link svg{width:16px;height:16px}
@media (max-width:900px){.themes{grid-template-columns:1fr 1fr}.tabs{overflow-x:auto;flex-wrap:nowrap}}