/*
 * Tema "Oro": nace de lo que opera la plataforma (oro y bitcoin). Fondo negro, contenedores de grafito cálido,
 * un solo acento metálico dorado y los íconos propios de Izi (partials/icons.php). Lo memorable son los
 * accesos en forma de moneda; todo lo demás se mantiene sobrio.
 * Solo aplica con <html data-theme="oro"> (Admin › Configuración › Apariencia).
 */
html[data-theme="oro"] {
  --black: #000000;
  --s1: #14110C;
  --s2: #1C1811;
  --s3: #272116;
  --line: #352D1F;
  --line-soft: #231E15;
  --text: #F4F0E8;
  --muted: #ADA492;
  --dim: #716A5C;

  /* Acentos decorativos, más cálidos y con menos saturación pastel */
  --ice: #E9D29B;
  --mint: #9FD9B5;
  --lilac: #CBB8EA;
  --butter: #F0D28C;
  --peach: #EDB59D;
  --gain: #94DCB0;
  --loss: #EE9A85;

  --gold: #E2BE72;
  --gold-grad: linear-gradient(145deg, #F7E2A8 0%, #DDB86F 42%, #A9793A 100%);
  --gold-line: rgba(226, 190, 114, .30);
  --card: linear-gradient(180deg, #16130D 0%, #100D09 100%);
  --edge: inset 0 1px 0 rgba(255, 232, 186, .045);
  --ic-accent: var(--gold);
}

/* Fondo: negro con un leve calor arriba */
html[data-theme="oro"] body {
  background: radial-gradient(1000px 420px at 50% -12%, rgba(226, 190, 114, .07), transparent 65%), #000;
  background-attachment: fixed;
}

/* Íconos propios */
.ic { width: 1.25em; height: 1.25em; display: inline-block; vertical-align: -.22em; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; }

/* Contenedores: grafito cálido con filo de luz; sin sombras genéricas */
html[data-theme="oro"] .panel,
html[data-theme="oro"] .inv-card,
html[data-theme="oro"] .g-card,
html[data-theme="oro"] .g-example,
html[data-theme="oro"] .g-calc,
html[data-theme="oro"] .modal-content { background: var(--card); border-color: var(--line-soft); box-shadow: var(--edge); }
html[data-theme="oro"] .rowline { border-color: rgba(53, 45, 31, .7); }
html[data-theme="oro"] .inv-card { border-left: 2px solid var(--gold-line); }
html[data-theme="oro"] .inv-card.fixed { border-left-color: rgba(203, 184, 234, .45); }

/* Tarjeta de saldo: como una barra de oro vista de noche */
html[data-theme="oro"] .balance-card {
  background:
    radial-gradient(110% 80% at 100% 0%, rgba(226, 190, 114, .17), transparent 55%),
    linear-gradient(165deg, #1B160E 0%, #0C0A06 75%);
  border: 1px solid var(--gold-line);
  box-shadow: var(--edge), 0 24px 60px -34px rgba(226, 190, 114, .45);
}
html[data-theme="oro"] .balance-card::before { opacity: .35; filter: blur(30px) sepia(.6); }
html[data-theme="oro"] .balance-card .sub { border-color: rgba(226, 190, 114, .16); }
html[data-theme="oro"] .balance-card .rank-tag { box-shadow: 0 0 0 1px rgba(0, 0, 0, .35); }
html[data-theme="oro"] .live-earn { background: rgba(148, 220, 176, .05); border-color: rgba(148, 220, 176, .16); }

/* Accesos rápidos: monedas */
html[data-theme="oro"] .quick { gap: 14px 8px; }
html[data-theme="oro"] .quick a .q-ic {
  width: 60px; height: 60px; max-height: none; aspect-ratio: 1; border-radius: 50%; margin: 0 auto;
  background: radial-gradient(circle at 32% 26%, #2F2718 0%, #17130C 62%, #100D08 100%);
  border: 1px solid var(--gold-line);
  box-shadow: inset 0 1px 0 rgba(255, 236, 196, .16), inset 0 -3px 8px rgba(0, 0, 0, .55);
  font-size: 1.55rem; color: var(--text);
}
html[data-theme="oro"] .quick a .q-ic.t-ice,
html[data-theme="oro"] .quick a .q-ic.t-mint,
html[data-theme="oro"] .quick a .q-ic.t-lilac,
html[data-theme="oro"] .quick a .q-ic.t-butter,
html[data-theme="oro"] .quick a .q-ic.t-peach { color: var(--text); }
html[data-theme="oro"] .quick a .q-ic.is-main {
  background: var(--gold-grad); border: 0; color: #1E1608; --ic-accent: #1E1608;
  box-shadow: inset 0 1px 0 rgba(255, 248, 224, .7), inset 0 -3px 6px rgba(120, 82, 24, .45), 0 10px 22px -10px rgba(226, 190, 114, .7);
}
html[data-theme="oro"] .quick a:hover .q-ic { filter: brightness(1.12); }
html[data-theme="oro"] .quick a:active .q-ic { transform: scale(.94); }
html[data-theme="oro"] .quick .q-txt { font-size: .76rem; color: var(--muted); }
html[data-theme="oro"] .quick a:first-child .q-txt { color: var(--text); }
@media (min-width: 992px) {
  html[data-theme="oro"] .quick a { background: var(--card); border-color: var(--line-soft); box-shadow: var(--edge); }
  html[data-theme="oro"] .quick a:hover { border-color: var(--gold-line); }
  html[data-theme="oro"] .quick > a .q-ic { width: 46px; height: 46px; margin: 0; font-size: 1.3rem; border-radius: 50%; border: 1px solid var(--gold-line); }
  html[data-theme="oro"] .quick > a .q-ic.is-main { border: 0; }
  html[data-theme="oro"] .quick .q-txt { color: var(--text); }
}

/* Navegación */
html[data-theme="oro"] .topbar { background: rgba(6, 5, 3, .84); border-color: #1D1911; }
html[data-theme="oro"] .bottom-nav { background: rgba(8, 7, 5, .95); border-color: #1F1A12; }
html[data-theme="oro"] .bottom-nav a .ic { width: 1.5rem; height: 1.5rem; --ic-accent: currentColor; }
html[data-theme="oro"] .bottom-nav a.on,
html[data-theme="oro"] .bottom-nav a.on i { color: var(--gold); }
html[data-theme="oro"] .bottom-nav a.on .ic { --ic-accent: var(--gold); }
html[data-theme="oro"] .bottom-nav a.center .ic,
html[data-theme="oro"] .bottom-nav a.center i { width: 46px; height: 34px; padding: 6px 12px; border-radius: 12px; background: var(--gold-grad); color: #1E1608; --ic-accent: #1E1608; box-sizing: border-box; }
html[data-theme="oro"] .topbar .icon-btn .ic { width: 1.3rem; height: 1.3rem; }
@media (min-width: 992px) {
  html[data-theme="oro"] .sidebar { background: linear-gradient(180deg, #0A0806 0%, #000 100%); border-color: #1D1911; }
  html[data-theme="oro"] .sidebar nav a .ic,
  html[data-theme="oro"] .offcanvas nav a .ic { width: 1.25rem; height: 1.25rem; --ic-accent: currentColor; }
  html[data-theme="oro"] .sidebar nav a:hover { background: var(--s1); }
  html[data-theme="oro"] .sidebar nav a.on { background: rgba(226, 190, 114, .10); color: #fff; box-shadow: inset 2px 0 0 var(--gold); }
  html[data-theme="oro"] .sidebar nav a.on .ic { color: var(--gold); --ic-accent: var(--gold); }
}
html[data-theme="oro"] .offcanvas { background: #070604; }
html[data-theme="oro"] .offcanvas nav a .ic { width: 1.25rem; height: 1.25rem; --ic-accent: currentColor; }
html[data-theme="oro"] .offcanvas nav a.on { background: rgba(226, 190, 114, .10); color: #fff; box-shadow: inset 2px 0 0 var(--gold); }
html[data-theme="oro"] .offcanvas nav a.on .ic { color: var(--gold); --ic-accent: var(--gold); }

/* Controles */
html[data-theme="oro"] .form-control,
html[data-theme="oro"] .form-select { background-color: #0E0B07; border-color: var(--line); }
html[data-theme="oro"] .form-control:focus,
html[data-theme="oro"] .form-select:focus { background-color: #120F0A; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(226, 190, 114, .16); }
html[data-theme="oro"] .choice .choice-body { background: var(--card); border-color: var(--line); }
html[data-theme="oro"] .choice input:checked + .choice-body { border-color: var(--gold); background: linear-gradient(180deg, rgba(226, 190, 114, .10), rgba(226, 190, 114, .02)); }
html[data-theme="oro"] .choice input:checked + .choice-body .tick { border-color: var(--gold); }
html[data-theme="oro"] .btn-primary,
html[data-theme="oro"] .btn-primary:focus { background: var(--gold-grad); border: 0; color: #1E1608; font-weight: 600; box-shadow: inset 0 1px 0 rgba(255, 248, 224, .55); }
html[data-theme="oro"] .btn-primary:hover { background: var(--gold-grad); filter: brightness(1.06); color: #1E1608; }
html[data-theme="oro"] .btn-primary:disabled,
html[data-theme="oro"] .btn-primary.disabled { background: var(--s3); color: var(--dim); filter: none; box-shadow: none; }
html[data-theme="oro"] .btn-ghost { border-color: var(--line); }
html[data-theme="oro"] .tabs-x a { background: var(--s1); border-color: var(--line-soft); }
html[data-theme="oro"] .tabs-x a.on { background: var(--gold-grad); color: #1E1608; border-color: transparent; }
html[data-theme="oro"] .chip { background: var(--s3); }

/* Detalles */
html[data-theme="oro"] #pagebar { background: var(--gold-grad); }
html[data-theme="oro"] .modal-backdrop.show { opacity: .84; }
html[data-theme="oro"] .auth::before { background: radial-gradient(circle, rgba(226, 190, 114, .16), transparent 65%); }
html[data-theme="oro"] .auth::after { background: radial-gradient(circle, rgba(148, 220, 176, .06), transparent 65%); }
html[data-theme="oro"] .g-index a { background: var(--s1); border-color: var(--line-soft); }
html[data-theme="oro"] .g-num { background: rgba(226, 190, 114, .12); color: var(--gold); }
html[data-theme="oro"] .g-steps > div,
html[data-theme="oro"] .g-checks > div,
html[data-theme="oro"] .g-mults div,
html[data-theme="oro"] .g-tiers div { background: var(--s2); }
@media (prefers-reduced-motion: reduce) {
  html[data-theme="oro"] .quick a:active .q-ic { transform: none; }
}

/* Pestañas Libre / Plazo fijo */
html[data-theme="oro"] .plan-tabs { background: #0E0B07; border-color: var(--line-soft); }
html[data-theme="oro"] .plan-tabs button.on { background: linear-gradient(180deg, #2A2214, #19140C); color: var(--text); box-shadow: inset 0 0 0 1px var(--gold-line), inset 0 1px 0 rgba(255, 236, 196, .14); }
html[data-theme="oro"] .plan-tabs button.on small,
html[data-theme="oro"] .plan-tabs button.on span { color: var(--gold); }