/* PRUEBA paleta G (colores de bamaperu.com): marino + naranja de acción. Para quitarla, borra este archivo y su <link>. */
:root, :root[data-theme="light"] {
  --bg: #f5f8fa; --surface: #ffffff; --surface-2: #e8eef2; --text: #001b2b; --muted: #4a6272; --line: #d7e1e8; --line-strong: #6f8798;
  --brand: #b82c14; --brand-hover: #9a2410; --brand-text: #ffffff; --accent: #fb3b1e;
  --link: #0a5a85; --focus: #0a5a85;
  --chrome: #f5f8fa; --chrome-2: #f5f8fa; --chrome-line: #dfe8ee; --chrome-text: #001b2b; --chrome-muted: #5d7384;
  --chrome-hover: #e8eef2; --chrome-hover-strong: #dde6ec;
  --nav-text: #1f3b4d; --nav-active-bg: #e1eef6; --chrome-active-text: #0a5a85;
  --hot: #fb3b1e; --hot-strong: #b82c14; --hot-soft: rgb(251 59 30 / .09); --hot-tint: #ffeceb; --hot-text: #b82c14; --hot-ink: #1d0500;
  --edge: rgb(0 27 43 / .09); --edge-top: rgb(0 27 43 / .09);
  --tint-a: transparent; --tint-b: transparent;
  --shadow-1: 0 1px 2px rgb(0 27 43 / .05), 0 2px 8px rgb(0 27 43 / .06);
  --shadow-2: 0 6px 18px rgb(0 27 43 / .10), 0 2px 4px rgb(0 27 43 / .06);
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --bg: #090c0f; --surface: #11161a; --surface-2: #1a2127; --text: #e8eef2; --muted: #9aa7b1; --line: #2a343d; --line-strong: #4a5864;
  --brand: #fb3b1e; --brand-hover: #ff5a3f; --brand-text: #090c0f; --accent: #fb3b1e; --link: #ff8a73; --focus: #ff8a73;
  --chrome: #090c0f; --chrome-2: #090c0f; --chrome-line: #1f2830; --chrome-text: #e8eef2; --chrome-muted: #9aa7b1;
  --chrome-hover: #151b20; --chrome-hover-strong: #1d252b;
  --nav-text: #b4c0c9; --nav-active-bg: #1a2127; --chrome-active-text: #ff8a73; --nav-glow: none;
  --hot: #fb3b1e; --hot-strong: #ff5a3f; --hot-soft: rgb(251 59 30 / .16); --hot-tint: #2a1410; --hot-text: #ff8a73;
  --tint-a: rgb(251 59 30 / .04); --tint-b: transparent;
  --edge: rgb(255 255 255 / .06); --edge-top: rgb(255 255 255 / .09);
} }
:root[data-theme="dark"] {
  --bg: #090c0f; --surface: #11161a; --surface-2: #1a2127; --text: #e8eef2; --muted: #9aa7b1; --line: #2a343d; --line-strong: #4a5864;
  --brand: #fb3b1e; --brand-hover: #ff5a3f; --brand-text: #090c0f; --accent: #fb3b1e; --link: #ff8a73; --focus: #ff8a73;
  --chrome: #090c0f; --chrome-2: #090c0f; --chrome-line: #1f2830; --chrome-text: #e8eef2; --chrome-muted: #9aa7b1;
  --chrome-hover: #151b20; --chrome-hover-strong: #1d252b;
  --nav-text: #b4c0c9; --nav-active-bg: #1a2127; --chrome-active-text: #ff8a73; --nav-glow: none;
  --hot: #fb3b1e; --hot-strong: #ff5a3f; --hot-soft: rgb(251 59 30 / .16); --hot-tint: #2a1410; --hot-text: #ff8a73;
  --tint-a: rgb(251 59 30 / .04); --tint-b: transparent;
  --edge: rgb(255 255 255 / .06); --edge-top: rgb(255 255 255 / .09);
}

/* Banda de inicio: marino en vez de terracota; el botón de venta lleva el naranja de acción */
.home-hero { color: #dce4e9;
  background: radial-gradient(520px 260px at 92% 0%, rgb(46 125 166 / .35), transparent 70%), radial-gradient(420px 240px at 0% 110%, rgb(0 19 31 / .6), transparent 70%), linear-gradient(135deg, #00131f, #003350); }
.home-hero h1 { color: #b9cbd6; }
.home-hero .home-sell { background: var(--hot); border-color: var(--hot); color: #001b2b; box-shadow: 0 8px 22px rgb(0 0 0 / .4); }
@media (hover: hover) and (pointer: fine) { .home-hero .home-sell:hover:not(:disabled) { background: color-mix(in srgb, var(--hot) 85%, #fff); border-color: color-mix(in srgb, var(--hot) 85%, #fff); } }

/* Detalles: dato del día en blanco, marca del ítem activo en naranja. */
.home-hero .home-datum { color: #ffffff; }
.home-hero .spark { color: #7cc0e6; }
.nav-link[aria-current="page"]::after { content: ""; position: absolute; left: 0; top: 22%; bottom: 22%; width: 4px; border-radius: 0 4px 4px 0; background: var(--hot); }
.nav-link { position: relative; }

/* Banda de inicio en oscuro: gris carbón en vez de marino */
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .home-hero { background: radial-gradient(520px 260px at 92% 0%, rgb(251 59 30 / .16), transparent 70%), linear-gradient(135deg, #11161a, #1a2127); box-shadow: inset 0 0 0 1px #2a343d; } }
:root[data-theme="dark"] .home-hero { background: radial-gradient(520px 260px at 92% 0%, rgb(251 59 30 / .16), transparent 70%), linear-gradient(135deg, #11161a, #1a2127); box-shadow: inset 0 0 0 1px #2a343d; }