/* ═══════════════════════════════════════════════════════════════
   InteliAds — temas con modo día y noche  (#100000093)
   5 temas (midnight/porcelana/rosa/bosque/volcan) x 2 modos.
   data-theme = identidad del tema; data-mode = day|night.
   Cada tema redefine las variables CSS del :root de cada panel.
   ═══════════════════════════════════════════════════════════════ */

html[data-theme="midnight"][data-mode="day"]{
  --bg:#eef3f8;--bg2:#e5edf4;--card:#ffffff;--card2:#f2f7fb;--ink:#16283c;--mut:#5a7188;--line:rgba(30,60,95,.14);--acc:#0d9488;--acc2:#2f5fd0;--gold:#a87b12;--danger:#cf4444;--onacc:#ffffff;
}

html[data-theme="midnight"][data-mode="night"]{
  --bg:#0c1424;--bg2:#101d31;--card:#131f36;--card2:#182942;--ink:#eef4fb;--mut:#9db3c9;--line:rgba(140,170,200,.16);--acc:#2fd3a6;--acc2:#4f7cff;--gold:#ffc861;--danger:#ff7a7a;--onacc:#06231b;
}

html[data-theme="porcelana"][data-mode="day"]{
  --bg:#f2f6f9;--bg2:#e9f0f5;--card:#ffffff;--card2:#f4f8fb;--ink:#1c2b3a;--mut:#5c7186;--line:rgba(28,58,92,.14);--acc:#0d7377;--acc2:#27406f;--gold:#a87b12;--danger:#cf4444;--onacc:#ffffff;
}

html[data-theme="porcelana"][data-mode="night"]{
  --bg:#0a1a1c;--bg2:#0e2326;--card:#122b2e;--card2:#17363a;--ink:#e6f2f2;--mut:#8fb3b5;--line:rgba(90,180,185,.16);--acc:#2fd3a6;--acc2:#3aa6a0;--gold:#ffc861;--danger:#ff7a7a;--onacc:#06231b;
}

html[data-theme="rosa"][data-mode="day"]{
  --bg:#faf4f6;--bg2:#f5eaee;--card:#ffffff;--card2:#fbf3f5;--ink:#332029;--mut:#7c5b68;--line:rgba(107,39,55,.14);--acc:#6b2737;--acc2:#93415a;--gold:#a87b12;--danger:#c94f4f;--onacc:#ffffff;
}

html[data-theme="rosa"][data-mode="night"]{
  --bg:#160a0e;--bg2:#1d1015;--card:#241419;--card2:#2c1a20;--ink:#f5e9ec;--mut:#bd95a2;--line:rgba(200,120,140,.16);--acc:#e05a7a;--acc2:#b84a68;--gold:#ffc861;--danger:#ff7a7a;--onacc:#1a0509;
}

html[data-theme="bosque"][data-mode="day"]{
  --bg:#eef6f0;--bg2:#e4f0e8;--card:#ffffff;--card2:#f1f8f3;--ink:#1c3326;--mut:#5c7a68;--line:rgba(30,90,60,.14);--acc:#1f9d63;--acc2:#2f7a52;--gold:#a87b12;--danger:#cf4444;--onacc:#ffffff;
}

html[data-theme="bosque"][data-mode="night"]{
  --bg:#0c1a13;--bg2:#10231a;--card:#132a1f;--card2:#183527;--ink:#e9f5ec;--mut:#96b8a5;--line:rgba(120,210,160,.16);--acc:#3ddc97;--acc2:#2f8a66;--gold:#ffc861;--danger:#ff7a7a;--onacc:#06231b;
}

html[data-theme="volcan"][data-mode="day"]{
  --bg:#faf5f0;--bg2:#f4ece4;--card:#ffffff;--card2:#fbf5ef;--ink:#3a2418;--mut:#8a6a55;--line:rgba(150,70,30,.14);--acc:#d64518;--acc2:#a83a12;--gold:#a87b12;--danger:#cf4444;--onacc:#ffffff;
}

html[data-theme="volcan"][data-mode="night"]{
  --bg:#140d0a;--bg2:#1c120d;--card:#241812;--card2:#2c1d15;--ink:#f6ede8;--mut:#c2a08f;--line:rgba(255,140,80,.16);--acc:#ff6b35;--acc2:#e0451f;--gold:#ffc861;--danger:#ff5252;--onacc:#1a0a05;
}

/* ── Selector flotante (botón + menú) ── */
.iam-theme-fab{
  position:fixed;right:18px;bottom:18px;z-index:99;
  width:46px;height:46px;border-radius:50%;
  background:var(--card2);border:1px solid var(--line);
  box-shadow:0 6px 20px rgba(0,0,0,.28);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  font-size:20px;line-height:1;padding:0;
  transition:transform .18s,box-shadow .18s;
}
.iam-theme-fab:hover{transform:scale(1.1);box-shadow:0 8px 26px rgba(0,0,0,.35)}
.iam-theme-fab[aria-expanded="true"]{border-color:var(--acc)}
.iam-theme-fab .iam-fab-dot{
  position:absolute;top:-2px;right:-2px;width:14px;height:14px;border-radius:50%;
  border:2px solid var(--bg);background:var(--acc);
}
.iam-theme-menu{
  position:fixed;right:18px;bottom:74px;z-index:99;
  background:var(--card);border:1px solid var(--line);border-radius:14px;
  box-shadow:0 10px 34px rgba(0,0,0,.35);
  padding:8px;display:none;min-width:184px;
}
.iam-theme-menu.open{display:block}
.iam-theme-menu .iam-title{
  font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  color:var(--mut);padding:4px 8px 6px;
}
.iam-theme-menu .iam-opt{
  display:flex;align-items:center;gap:9px;width:100%;
  background:none;border:1px solid transparent;border-radius:10px;
  padding:7px 9px;cursor:pointer;font-size:.85rem;color:var(--ink);
  font-family:inherit;text-align:left;
}
.iam-theme-menu .iam-opt:hover{background:var(--card2)}
.iam-theme-menu .iam-opt.sel{border-color:var(--acc);background:var(--card2)}
.iam-theme-menu .iam-sw{
  width:16px;height:16px;border-radius:50%;flex:0 0 16px;
  border:1px solid var(--line);
}
/* ── Fila de modo (día/noche) ── */
.iam-theme-menu .iam-mode-row{
  display:flex;gap:6px;padding:2px 4px 4px;
}
.iam-theme-menu .iam-mode-btn{
  flex:1;display:flex;align-items:center;justify-content:center;gap:5px;
  background:var(--card2);border:1px solid var(--line);border-radius:10px;
  padding:7px 6px;cursor:pointer;font-size:.82rem;color:var(--ink);
  font-family:inherit;transition:border-color .15s,background .15s;
}
.iam-theme-menu .iam-mode-btn:hover{border-color:var(--acc)}
.iam-theme-menu .iam-mode-btn.sel{border-color:var(--acc);background:var(--card);font-weight:700}
@media(max-width:600px){
  .iam-theme-fab{right:14px;bottom:14px;width:42px;height:42px}
  .iam-theme-menu{right:14px;bottom:66px}
}