/*
 * Identidad visual · Club de Inversionistas (Manual de identidad para presentaciones)
 *
 *  Paleta     #091121 fondos · #d1d5d8 neutros · #6fffa4 verde menta (series, positivos) · #00ff30 verde eléctrico (dato focal)
 *  Regla      ~70% oscuro / 20% neutros / 10% verde. El verde es acento funcional, no fondo.
 *  Tipografía Raleway en toda la interfaz (ExtraBold títulos, Medium subtítulos, Regular cuerpo)
 *  Color      Verde menta para series principales; verde eléctrico solo para lo que debe destacar;
 *             rojo solo cuando el significado es realmente negativo.
 *
 * Tema oscuro por defecto (portadas y datos); tema claro cuando el sistema lo pide.
 * Todo el color sale de las variables de abajo: para ajustar la marca se edita solo este bloque.
 */

/* ---------- Tokens · oscuro (por defecto) ---------- */
:root{
  color-scheme: dark;
  --font: "Raleway", system-ui, -apple-system, "Segoe UI", sans-serif;

  --page-bg: #020a18;
  --bg-glow:
    radial-gradient(ellipse 75% 65% at 0% 100%, rgba(0,255,48,.30), rgba(0,255,48,0) 70%),
    radial-gradient(ellipse 45% 45% at 100% 0%, rgba(0,255,48,.07), rgba(0,255,48,0) 70%);
  --card-bg: #091121;
  --band-bg: rgba(209,213,216,.08);

  --text-primary: #ffffff;
  --text-secondary: #d1d5d8;
  --text-muted: #9aa2ad;

  --border: rgba(209,213,216,.14);
  --border-strong: rgba(209,213,216,.28);
  --card-border: rgba(111,255,164,.42);
  --card-border-hover: #00ff30;
  --shadow: none;

  --hl: #00ff30;            /* verde eléctrico: dato focal, CTA, cifra clave */
  --hl-ink: #00ff30;        /* ...cuando se usa como color de texto */
  --hl-soft: rgba(0,255,48,.10);
  --good: #6fffa4;          /* verde menta: serie principal, positivo */
  --pos-ink: #6fffa4;
  --key: #00ff30;           /* cifras clave */
  --critical: #ff6b6b;      /* solo significado realmente negativo */
  --neutral-bar: #566170;
  --grid: rgba(209,213,216,.12);
  --accent: #6fffa4;

  --banner-bg: #091121;
  --banner-ink: #ffffff;
  --banner-sub: #d1d5d8;
  --banner-border: rgba(111,255,164,.55);
  --banner-glow: rgba(0,255,48,.20);

  --icon-a: #6fffa4;
  --icon-b: #d1d5d8;
  --logo: #00ff30;
  --tip-bg: #091121;
  --tip-ink: #ffffff;
  --tip-border: rgba(111,255,164,.55);
  --emph-bg: rgba(111,255,164,.08);
}

/* ---------- Tokens · claro ---------- */
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    color-scheme: light;
    --page-bg: #fbfffd;
    --bg-glow:
      radial-gradient(ellipse 50% 45% at 100% 0%, rgba(0,255,83,.85), rgba(0,255,83,0) 72%),
      radial-gradient(ellipse 65% 75% at 0% 90%, rgba(111,255,164,.80), rgba(111,255,164,0) 72%);
    --card-bg: #ffffff;
    --band-bg: #e9edf0;
    --text-primary: #091121;
    --text-secondary: #343f52;
    --text-muted: #5f6b7c;
    --border: rgba(9,17,33,.10);
    --border-strong: rgba(9,17,33,.20);
    --card-border: #2fe98a;
    --card-border-hover: #00c723;
    --shadow: 0 1px 2px rgba(9,17,33,.04);
    --hl: #00ff30;
    --hl-ink: #087a24;
    --hl-soft: rgba(0,255,48,.14);
    --good: #12c46a;
    --pos-ink: #087a24;
    --key: #091121;
    --critical: #d62828;
    --neutral-bar: #d1d5d8;
    --grid: rgba(9,17,33,.10);
    --accent: #087a24;
    --icon-a: #12c46a;
    --icon-b: #343f52;
    --logo: #091121;
    --emph-bg: rgba(18,196,106,.10);
  }
}
:root[data-theme="light"]{
  color-scheme: light;
  --page-bg: #fbfffd;
  --bg-glow:
    radial-gradient(ellipse 50% 45% at 100% 0%, rgba(0,255,83,.85), rgba(0,255,83,0) 72%),
    radial-gradient(ellipse 65% 75% at 0% 90%, rgba(111,255,164,.80), rgba(111,255,164,0) 72%);
  --card-bg: #ffffff;
  --band-bg: #e9edf0;
  --text-primary: #091121;
  --text-secondary: #343f52;
  --text-muted: #5f6b7c;
  --border: rgba(9,17,33,.10);
  --border-strong: rgba(9,17,33,.20);
  --card-border: #2fe98a;
  --card-border-hover: #00c723;
  --shadow: 0 1px 2px rgba(9,17,33,.04);
  --hl: #00ff30;
  --hl-ink: #087a24;
  --hl-soft: rgba(0,255,48,.14);
  --good: #12c46a;
  --pos-ink: #087a24;
  --key: #091121;
  --critical: #d62828;
  --neutral-bar: #d1d5d8;
  --grid: rgba(9,17,33,.10);
  --accent: #087a24;
  --icon-a: #12c46a;
  --icon-b: #343f52;
  --logo: #091121;
  --emph-bg: rgba(18,196,106,.10);
}

/* ---------- Base ---------- */
*{ box-sizing: border-box; }
body{
  margin: 0;
  background: var(--page-bg);
  color: var(--text-primary);
  font-family: var(--font);
  font-weight: 400;
  line-height: 1.5;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  -webkit-font-smoothing: antialiased;
}
body::before{               /* degradado de fondo del manual, fijo para que no se estire */
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: var(--bg-glow);
}
a{ color: inherit; }
[hidden]{ display:none !important; }
button, select{ font-family: var(--font); }
.num{ font-variant-numeric: lining-nums tabular-nums; font-feature-settings: "lnum" 1, "tnum" 1; }
:focus-visible{ outline: 2px solid var(--hl-ink); outline-offset: 2px; }

.wrap{
  max-width: 980px;
  margin: 0 auto;
  padding: 28px max(16px, env(safe-area-inset-right)) 56px max(16px, env(safe-area-inset-left));
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* ---------- Marca ---------- */
.logo{
  display: block; flex: none; width: 92px; aspect-ratio: 87 / 46;
  background: var(--logo);
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4Ny4wOCA0Ni4wNCIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsPSJDbHViIGRlIEludmVyc2lvbmlzdGFzIj48ZyBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTMuOTcgNDEuNDdMMy45NyA0NC41MUw0LjkyIDQ0LjUxQzUuMzUgNDQuNTEgNS42OCA0NC4zNiA1LjkxIDQ0LjA3QzYuMTQgNDMuNzcgNi4yNiA0My40MSA2LjI2IDQyLjk4QzYuMjYgNDIuNTYgNi4xNCA0Mi4yIDUuOTEgNDEuOTFDNS42OCA0MS42MSA1LjM1IDQxLjQ3IDQuOTIgNDEuNDdMMy45NyA0MS40N000Ljg1IDQ1LjkzTDIuNDcgNDUuOTNMMi40NyA0MC4wNEw0Ljg3IDQwLjA0QzUuNzkgNDAuMDQgNi41MSA0MC4zIDcuMDMgNDAuODNDNy41NSA0MS4zNiA3LjgxIDQyLjA4IDcuODEgNDIuOTlDNy44MSA0My45IDcuNTQgNDQuNjIgNy4wMiA0NS4xNEM2LjUgNDUuNjcgNS43OCA0NS45MyA0Ljg1IDQ1LjkzIi8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTIuOTQgNDUuOTNMOC42OSA0NS45M0w4LjY5IDQwLjA0TDEyLjk1IDQwLjA0TDEyLjk1IDQxLjQyTDEwLjE5IDQxLjQyTDEwLjE5IDQyLjI5TDEyLjc0IDQyLjI5TDEyLjc0IDQzLjY2TDEwLjE5IDQzLjY2TDEwLjE5IDQ0LjU1TDEyLjk0IDQ0LjU1TDEyLjk0IDQ1LjkzIi8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTUuOTEgNDAuMDRIMTcuNDFWNDUuOTNIMTUuOTFaIi8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjIuMzcgNDMuMjRMMjIuMzcgNDAuMDRMMjMuODQgNDAuMDRMMjMuODQgNDUuOTNMMjIuNzEgNDUuOTNMMjAuMDQgNDIuNzhMMjAuMDQgNDUuOTNMMTguNTggNDUuOTNMMTguNTggNDAuMDRMMTkuNjQgNDAuMDRMMjIuMzcgNDMuMjQiLz48cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yNy40NiA0My43NkwyOC43NSA0MC4wNEwzMC40NyA0MC4wNEwyOC4xMyA0NS45M0wyNi43OSA0NS45M0wyNC40MiA0MC4wNEwyNi4xNSA0MC4wNEwyNy40NiA0My43NiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTM1LjMxIDQ1LjkzTDMxLjA3IDQ1LjkzTDMxLjA3IDQwLjA0TDM1LjMyIDQwLjA0TDM1LjMyIDQxLjQyTDMyLjU2IDQxLjQyTDMyLjU2IDQyLjI5TDM1LjEyIDQyLjI5TDM1LjEyIDQzLjY2TDMyLjU2IDQzLjY2TDMyLjU2IDQ0LjU1TDM1LjMxIDQ0LjU1TDM1LjMxIDQ1LjkzIi8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMzguNzYgNDEuNEwzNy44MSA0MS40TDM3LjgxIDQyLjY4TDM4LjcgNDIuNjhDMzkgNDIuNyAzOS4yMSA0Mi41OSAzOS4zMiA0Mi4zN0MzOS40NCA0Mi4xNSAzOS40NCA0MS45MiAzOS4zMiA0MS43QzM5LjIxIDQxLjQ4IDM5LjAyIDQxLjM4IDM4Ljc2IDQxLjRNNDEuMTMgNDUuOTNMMzkuNDMgNDUuOTNMMzguMzkgNDMuOThMMzcuODEgNDMuOThMMzcuODEgNDUuOTNMMzYuMzIgNDUuOTNMMzYuMzIgNDAuMDRMMzguNzcgNDAuMDRDMzkuNDggNDAuMDQgNDAuMDIgNDAuMjMgNDAuMzggNDAuNkM0MC43NSA0MC45NyA0MC45MyA0MS40MyA0MC45MyA0MS45OUM0MC45MyA0Mi4zOCA0MC44NCA0Mi43MiA0MC42NiA0My4wM0M0MC40OCA0My4zNSA0MC4yMSA0My41OCAzOS44NiA0My43NUw0MS4xMyA0NS45MyIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQzLjc4IDQ2LjA0QzQyLjggNDYuMDQgNDIgNDUuNyA0MS4zOCA0NS4wMkw0Mi4xMyA0My45MkM0Mi42MiA0NC40MiA0My4xOCA0NC42NyA0My44IDQ0LjY3QzQzLjk5IDQ0LjY3IDQ0LjE1IDQ0LjYzIDQ0LjI3IDQ0LjU1QzQ0LjQgNDQuNDcgNDQuNDcgNDQuMzcgNDQuNDcgNDQuMjNDNDQuNDcgNDQuMDUgNDQuMzEgNDMuOSA0My45OSA0My43OEw0My40NiA0My42QzQzLjA4IDQzLjQ3IDQyLjgzIDQzLjM3IDQyLjcxIDQzLjNDNDIuMDYgNDIuOTYgNDEuNzQgNDIuNDUgNDEuNzQgNDEuNzdDNDEuNzQgNDEuMjUgNDEuOTQgNDAuODIgNDIuMzUgNDAuNDdDNDIuNzYgNDAuMTMgNDMuMjkgMzkuOTUgNDMuOTMgMzkuOTVDNDQuNzMgMzkuOTUgNDUuNDMgNDAuMiA0Ni4wMyA0MC43TDQ1LjMzIDQxLjgzQzQ1LjE2IDQxLjY4IDQ0Ljk0IDQxLjU3IDQ0LjY4IDQxLjQ4QzQ0LjQyIDQxLjM5IDQ0LjE4IDQxLjM0IDQzLjk1IDQxLjM0QzQzLjc2IDQxLjM0IDQzLjYgNDEuMzggNDMuNDkgNDEuNDVDNDMuMzggNDEuNTIgNDMuMzMgNDEuNjEgNDMuMzMgNDEuNzJDNDMuMzMgNDEuODkgNDMuNDggNDIuMDQgNDMuOCA0Mi4xNkw0NC4zMSA0Mi4zNUM0NC42IDQyLjQ1IDQ0LjgzIDQyLjU0IDQ0Ljk5IDQyLjYxQzQ1Ljc0IDQyLjkzIDQ2LjEyIDQzLjQ0IDQ2LjEyIDQ0LjE2QzQ2LjEyIDQ0LjcgNDUuOSA0NS4xNSA0NS40OCA0NS41MUM0NS4wNiA0NS44NiA0NC40OSA0Ni4wNCA0My43OCA0Ni4wNCIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQ2Ljk2IDQwLjA0SDQ4LjQ2VjQ1LjkzSDQ2Ljk2WiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTUyLjQgNDQuNTVDNTIuODMgNDQuNTUgNTMuMiA0NC40IDUzLjUgNDQuMTFDNTMuNzkgNDMuODEgNTMuOTQgNDMuNDMgNTMuOTQgNDIuOThDNTMuOTMgNDIuNTMgNTMuNzggNDIuMTUgNTMuNDggNDEuODZDNTMuMTggNDEuNTYgNTIuODIgNDEuNDEgNTIuNCA0MS40MUM1MS45NyA0MS40MSA1MS42IDQxLjU2IDUxLjMgNDEuODdDNTEuMDEgNDIuMTYgNTAuODYgNDIuNTQgNTAuODYgNDIuOThDNTAuODYgNDMuNDMgNTEuMDEgNDMuODEgNTEuMyA0NC4xMUM1MS42IDQ0LjQgNTEuOTcgNDQuNTUgNTIuNCA0NC41NU01Mi40IDQ2LjAzQzUxLjUzIDQ2LjAzIDUwLjc5IDQ1Ljc0IDUwLjIgNDUuMTVDNDkuNjEgNDQuNTcgNDkuMzIgNDMuODUgNDkuMzIgNDIuOTlDNDkuMzIgNDIuMTQgNDkuNjEgNDEuNDEgNTAuMiA0MC44MkM1MC43OSA0MC4yMyA1MS41MyAzOS45NCA1Mi40IDM5Ljk0QzUzLjI3IDM5Ljk0IDU0LjAxIDQwLjIzIDU0LjYgNDAuODJDNTUuMTkgNDEuNDEgNTUuNDggNDIuMTQgNTUuNDggNDIuOTlDNTUuNDggNDMuODQgNTUuMTkgNDQuNTYgNTQuNiA0NS4xNUM1NC4wMSA0NS43NCA1My4yOCA0Ni4wMyA1Mi40IDQ2LjAzIi8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNjAuMTQgNDMuMjRMNjAuMTQgNDAuMDRMNjEuNiA0MC4wNEw2MS42IDQ1LjkzTDYwLjQ4IDQ1LjkzTDU3LjggNDIuNzhMNTcuOCA0NS45M0w1Ni4zNCA0NS45M0w1Ni4zNCA0MC4wNEw1Ny40MSA0MC4wNEw2MC4xNCA0My4yNCIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTYyLjc3IDQwLjA0SDY0LjI2VjQ1LjkzSDYyLjc3WiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTY3LjM1IDQ2LjA0QzY2LjM3IDQ2LjA0IDY1LjU3IDQ1LjcgNjQuOTUgNDUuMDJMNjUuNyA0My45MkM2Ni4xOSA0NC40MiA2Ni43NSA0NC42NyA2Ny4zNyA0NC42N0M2Ny41NiA0NC42NyA2Ny43MiA0NC42MyA2Ny44NCA0NC41NUM2Ny45NyA0NC40NyA2OC4wMyA0NC4zNyA2OC4wMyA0NC4yM0M2OC4wMyA0NC4wNSA2Ny44OCA0My45IDY3LjU2IDQzLjc4TDY3LjAzIDQzLjZDNjYuNjUgNDMuNDcgNjYuNCA0My4zNyA2Ni4yOCA0My4zQzY1LjYzIDQyLjk2IDY1LjMxIDQyLjQ1IDY1LjMxIDQxLjc3QzY1LjMxIDQxLjI1IDY1LjUxIDQwLjgyIDY1LjkyIDQwLjQ3QzY2LjMzIDQwLjEzIDY2Ljg2IDM5Ljk1IDY3LjUgMzkuOTVDNjguMyAzOS45NSA2OSA0MC4yIDY5LjYgNDAuN0w2OC45IDQxLjgzQzY4LjczIDQxLjY4IDY4LjUxIDQxLjU3IDY4LjI1IDQxLjQ4QzY3Ljk5IDQxLjM5IDY3Ljc1IDQxLjM0IDY3LjUyIDQxLjM0QzY3LjMzIDQxLjM0IDY3LjE3IDQxLjM4IDY3LjA2IDQxLjQ1QzY2Ljk1IDQxLjUyIDY2LjkgNDEuNjEgNjYuOSA0MS43MkM2Ni45IDQxLjg5IDY3LjA1IDQyLjA0IDY3LjM3IDQyLjE2TDY3Ljg4IDQyLjM1QzY4LjE3IDQyLjQ1IDY4LjQgNDIuNTQgNjguNTYgNDIuNjFDNjkuMzEgNDIuOTMgNjkuNjggNDMuNDQgNjkuNjggNDQuMTZDNjkuNjggNDQuNyA2OS40NyA0NS4xNSA2OS4wNSA0NS41MUM2OC42MyA0NS44NiA2OC4wNiA0Ni4wNCA2Ny4zNSA0Ni4wNCIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTcxLjU4IDQ1LjkzTDcxLjU4IDQxLjQ4TDY5Ljk1IDQxLjQ4TDY5Ljk1IDQwLjA0TDc0LjcyIDQwLjA0TDc0LjcyIDQxLjQ4TDczLjA5IDQxLjQ4TDczLjA5IDQ1LjkzTDcxLjU4IDQ1LjkzIi8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNzYuNTYgNDMuNTdMNzcuNyA0My41N0w3Ny4xNSA0MS44Mkw3Ni41NiA0My41N003OS45NCA0NS45M0w3OC40IDQ1LjkzTDc4LjA2IDQ0Ljg2TDc2LjE5IDQ0Ljg2TDc1Ljg0IDQ1LjkzTDc0LjMgNDUuOTNMNzYuNDUgNDAuMDRMNzcuODQgNDAuMDRMNzkuOTQgNDUuOTMiLz48cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik04Mi4yNyA0Ni4wNEM4MS4yOSA0Ni4wNCA4MC40OSA0NS43IDc5Ljg3IDQ1LjAyTDgwLjYyIDQzLjkyQzgxLjExIDQ0LjQyIDgxLjY3IDQ0LjY3IDgyLjMgNDQuNjdDODIuNDggNDQuNjcgODIuNjQgNDQuNjMgODIuNzcgNDQuNTVDODIuODkgNDQuNDcgODIuOTYgNDQuMzcgODIuOTYgNDQuMjNDODIuOTYgNDQuMDUgODIuOCA0My45IDgyLjQ4IDQzLjc4TDgxLjk1IDQzLjZDODEuNTcgNDMuNDcgODEuMzIgNDMuMzcgODEuMiA0My4zQzgwLjU1IDQyLjk2IDgwLjIzIDQyLjQ1IDgwLjIzIDQxLjc3QzgwLjIzIDQxLjI1IDgwLjQzIDQwLjgyIDgwLjg0IDQwLjQ3QzgxLjI1IDQwLjEzIDgxLjc4IDM5Ljk1IDgyLjQyIDM5Ljk1QzgzLjIyIDM5Ljk1IDgzLjkyIDQwLjIgODQuNTIgNDAuN0w4My44MiA0MS44M0M4My42NSA0MS42OCA4My40MyA0MS41NyA4My4xNyA0MS40OEM4Mi45MSA0MS4zOSA4Mi42NyA0MS4zNCA4Mi40NSA0MS4zNEM4Mi4yNSA0MS4zNCA4Mi4xIDQxLjM4IDgxLjk4IDQxLjQ1QzgxLjg3IDQxLjUyIDgxLjgyIDQxLjYxIDgxLjgyIDQxLjcyQzgxLjgyIDQxLjg5IDgxLjk3IDQyLjA0IDgyLjI5IDQyLjE2TDgyLjgxIDQyLjM1QzgzLjA5IDQyLjQ1IDgzLjMyIDQyLjU0IDgzLjQ4IDQyLjYxQzg0LjIzIDQyLjkzIDg0LjYxIDQzLjQ0IDg0LjYxIDQ0LjE2Qzg0LjYxIDQ0LjcgODQuMzkgNDUuMTUgODMuOTcgNDUuNTFDODMuNTUgNDUuODYgODIuOTggNDYuMDQgODIuMjcgNDYuMDQiLz48cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik04NS42MyAyMS4wM0M4NSAyMC4wNiA4NC4yMiAxOS4yNCA4My4zIDE4LjU4Qzg0LjYzIDE2Ljk3IDg1LjMxIDE1LjA0IDg1LjMxIDEyLjg1Qzg1LjMxIDEwLjM3IDg0LjQgOC4yMSA4Mi42MiA2LjQzQzgwLjg2IDQuNjggNzguNyAzLjggNzYuMTkgMy44TDcwLjUzIDMuOEM3MC40IDMuNzIgNzAuMjYgMy43MiA3MC4xNSAzLjcyTDYxLjU2IDMuNzJDNjAuODggMy43MiA2MC4zIDQuMjcgNjAuMyA0Ljk2TDYwLjMgMjQuMjlDNjAuMyAyNS45OCA1OS43MyAyNy4zOCA1OC41MyAyOC41OUM1Ny4zMyAyOS44IDU1LjkyIDMwLjM4IDU0LjIzIDMwLjM4QzUyLjU2IDMwLjM4IDUxLjExIDI5Ljc4IDQ5LjkzIDI4LjZDNDguNzQgMjcuNCA0OC4xNCAyNS45NSA0OC4xNCAyNC4yOUw0OC4xNCA2LjFMNDkuNTIgNi4xQzQ5LjgxIDYuMSA1MC4wNyA1LjkzIDUwLjE4IDUuNjhDNTAuMyA1LjQyIDUwLjI2IDUuMTIgNTAuMDggNC45TDQ2LjEgMC4yNUM0NS45NiAwLjA5IDQ1Ljc2IDAgNDUuNTUgMEM0NS4zNCAwIDQ1LjEzIDAuMDkgNDUgMC4yNkw0MS4wMiA0LjkxQzQwLjg0IDUuMTIgNDAuNzkgNS40MiA0MC45MSA1LjY4QzQxLjAzIDUuOTMgNDEuMjggNi4xIDQxLjU3IDYuMUw0Mi45NyA2LjFMNDIuOTcgMjQuMjlDNDIuOTcgMjcuMzggNDQuMDkgMzAuMDUgNDYuMjcgMzIuMjRDNDguNDYgMzQuNDIgNTEuMTQgMzUuNTMgNTQuMjMgMzUuNTNDNTcuMzIgMzUuNTMgNTkuOTkgMzQuNDIgNjIuMTggMzIuMjRDNjQuMzYgMzAuMDUgNjUuNDcgMjcuMzggNjUuNDcgMjQuMjlMNjUuNDcgOC44M0w3Ni4xOSA4LjgzQzc3LjI2IDguODMgNzguMTggOS4yMyA3OC45OCAxMC4wNEM3OS43NiAxMC44MSA4MC4xNCAxMS43MyA4MC4xNCAxMi44NEM4MC4xNCAxMy45MiA3OS43NiAxNC44MiA3OC45NyAxNS42MUM3OC4yIDE2LjM4IDc3LjI5IDE2Ljc0IDc2LjE5IDE2Ljc0TDcwLjE1IDE2Ljc0QzY5LjQ3IDE2Ljc0IDY4LjkzIDE3LjM1IDY4LjkzIDE4LjA1TDY4LjkzIDIwLjczQzY4LjkzIDIxLjQyIDY5LjQ3IDIxLjk5IDcwLjE1IDIxLjk5TDc3LjkgMjEuOTlDNzkuMDIgMjEuOTkgNzkuOTUgMjIuMzcgODAuNzUgMjMuMTZDODEuNTMgMjMuOTYgODEuOTIgMjQuODggODEuOTIgMjUuOTlDODEuOTIgMjcuMTEgODEuNTIgMjguMDcgODAuNzUgMjguODZDNzkuOTUgMjkuNjUgNzkuMDIgMzAuMDQgNzcuOSAzMC4wNEw2Ni4xMiAzMC4wNEM2NS40NCAzMC4wNCA2NC44MyAzMC42MiA2NC44MyAzMS4zTDY0LjgzIDMzLjk4QzY0LjgzIDM0LjY3IDY1LjQ0IDM1LjIyIDY2LjEyIDM1LjIyTDc3LjkgMzUuMjJDODAuNCAzNS4yMiA4Mi41OCAzNC4zMiA4NC4zOSAzMi41MUM4Ni4xOCAzMC43MiA4Ny4wOCAyOC41NCA4Ny4wOCAyNS45OUM4Ny4wOCAyNC4yIDg2LjU5IDIyLjU0IDg1LjYzIDIxLjAzIi8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNDIuMzIgMjkuODNMMzAuMDkgMjkuODNMMzAuMDkgNC43NUMzMC4wOSA0LjA1IDI5LjU0IDMuNTEgMjguODUgMy41MUwyNS4xMyAzLjUxQzI1LjAyIDMuNTEgMjQuOTIgMy42IDI0LjkyIDMuNzFMMjQuOTIgMzMuNzdDMjQuOTIgMzQuNDYgMjUuNSAzNS4wOCAyNi4xOCAzNS4wOEw0Mi4zMiAzNS4wOEM0Mi45OSAzNS4wOCA0My41NCAzNC40NyA0My41NCAzMy43N0w0My41NCAzMS4xQzQzLjU0IDMwLjQgNDIuOTkgMjkuODMgNDIuMzIgMjkuODMiLz48cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yMS45MSAyOC43N0MyMS43MyAyOC42NyAyMS41MyAyOC42MiAyMS4zMyAyOC42MkMyMS4wOSAyOC42MiAyMC44NSAyOC42OSAyMC42NSAyOC44M0MxOC43OCAzMC4wNSAxOC40IDMwLjMgMTYgMzAuMzdDMTUuOSAzMC4zNyAxNS44MSAzMC4zNyAxNS43MSAzMC4zN0MxMi45NCAzMC4zNyAxMC40NyAyOS4zIDguMzUgMjcuMTlDNi4yNCAyNS4wNyA1LjE3IDIyLjQ5IDUuMTcgMTkuNTJDNS4xNyAxNi40OSA2LjIxIDEzLjk4IDguMzQgMTEuODVDMTAuNDMgOS43NiAxMi45NiA4LjY4IDE1Ljg2IDguNjVDMTUuODggOC42NSAxNS44OSA4LjY1IDE1LjkgOC42NUMxNS45MiA4LjY1IDE1Ljk0IDguNjQgMTUuOTcgOC42M0MxNS45OCA4LjYzIDE1Ljk5IDguNjEgMTYgOC42MUwyMi4wOCA4LjYxQzIyLjIgOC42MSAyMi4yNiA4LjU2IDIyLjI2IDguNDVMMjIuMjYgMy43MUMyMi4yNiAzLjYgMjIuMiAzLjUxIDIyLjA4IDMuNTFMMTYgMy41MUMxMS42IDMuNTEgNy44IDUuMDkgNC43IDguMkMxLjU4IDExLjMxIDAgMTUuMTEgMCAxOS41MkMwIDIzLjkyIDEuNTggMjcuNzIgNC43IDMwLjgzQzcuODEgMzMuOTUgMTEuNjIgMzUuNTMgMTYuMDIgMzUuNTNDMTguNTIgMzUuNTMgMTkuNTYgMzUuMiAyMS44NyAzNC4wNkMyMi4yOSAzMy44NSAyMi41NCAzMy40MiAyMi41NCAzMi45NEwyMi41NCAyOS44N0MyMi41NCAyOS40MSAyMi4zMSAyOC45OSAyMS45MSAyOC43NyIvPjwvZz48L3N2Zz4=") center / contain no-repeat;
          mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4Ny4wOCA0Ni4wNCIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsPSJDbHViIGRlIEludmVyc2lvbmlzdGFzIj48ZyBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTMuOTcgNDEuNDdMMy45NyA0NC41MUw0LjkyIDQ0LjUxQzUuMzUgNDQuNTEgNS42OCA0NC4zNiA1LjkxIDQ0LjA3QzYuMTQgNDMuNzcgNi4yNiA0My40MSA2LjI2IDQyLjk4QzYuMjYgNDIuNTYgNi4xNCA0Mi4yIDUuOTEgNDEuOTFDNS42OCA0MS42MSA1LjM1IDQxLjQ3IDQuOTIgNDEuNDdMMy45NyA0MS40N000Ljg1IDQ1LjkzTDIuNDcgNDUuOTNMMi40NyA0MC4wNEw0Ljg3IDQwLjA0QzUuNzkgNDAuMDQgNi41MSA0MC4zIDcuMDMgNDAuODNDNy41NSA0MS4zNiA3LjgxIDQyLjA4IDcuODEgNDIuOTlDNy44MSA0My45IDcuNTQgNDQuNjIgNy4wMiA0NS4xNEM2LjUgNDUuNjcgNS43OCA0NS45MyA0Ljg1IDQ1LjkzIi8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTIuOTQgNDUuOTNMOC42OSA0NS45M0w4LjY5IDQwLjA0TDEyLjk1IDQwLjA0TDEyLjk1IDQxLjQyTDEwLjE5IDQxLjQyTDEwLjE5IDQyLjI5TDEyLjc0IDQyLjI5TDEyLjc0IDQzLjY2TDEwLjE5IDQzLjY2TDEwLjE5IDQ0LjU1TDEyLjk0IDQ0LjU1TDEyLjk0IDQ1LjkzIi8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTUuOTEgNDAuMDRIMTcuNDFWNDUuOTNIMTUuOTFaIi8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjIuMzcgNDMuMjRMMjIuMzcgNDAuMDRMMjMuODQgNDAuMDRMMjMuODQgNDUuOTNMMjIuNzEgNDUuOTNMMjAuMDQgNDIuNzhMMjAuMDQgNDUuOTNMMTguNTggNDUuOTNMMTguNTggNDAuMDRMMTkuNjQgNDAuMDRMMjIuMzcgNDMuMjQiLz48cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yNy40NiA0My43NkwyOC43NSA0MC4wNEwzMC40NyA0MC4wNEwyOC4xMyA0NS45M0wyNi43OSA0NS45M0wyNC40MiA0MC4wNEwyNi4xNSA0MC4wNEwyNy40NiA0My43NiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTM1LjMxIDQ1LjkzTDMxLjA3IDQ1LjkzTDMxLjA3IDQwLjA0TDM1LjMyIDQwLjA0TDM1LjMyIDQxLjQyTDMyLjU2IDQxLjQyTDMyLjU2IDQyLjI5TDM1LjEyIDQyLjI5TDM1LjEyIDQzLjY2TDMyLjU2IDQzLjY2TDMyLjU2IDQ0LjU1TDM1LjMxIDQ0LjU1TDM1LjMxIDQ1LjkzIi8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMzguNzYgNDEuNEwzNy44MSA0MS40TDM3LjgxIDQyLjY4TDM4LjcgNDIuNjhDMzkgNDIuNyAzOS4yMSA0Mi41OSAzOS4zMiA0Mi4zN0MzOS40NCA0Mi4xNSAzOS40NCA0MS45MiAzOS4zMiA0MS43QzM5LjIxIDQxLjQ4IDM5LjAyIDQxLjM4IDM4Ljc2IDQxLjRNNDEuMTMgNDUuOTNMMzkuNDMgNDUuOTNMMzguMzkgNDMuOThMMzcuODEgNDMuOThMMzcuODEgNDUuOTNMMzYuMzIgNDUuOTNMMzYuMzIgNDAuMDRMMzguNzcgNDAuMDRDMzkuNDggNDAuMDQgNDAuMDIgNDAuMjMgNDAuMzggNDAuNkM0MC43NSA0MC45NyA0MC45MyA0MS40MyA0MC45MyA0MS45OUM0MC45MyA0Mi4zOCA0MC44NCA0Mi43MiA0MC42NiA0My4wM0M0MC40OCA0My4zNSA0MC4yMSA0My41OCAzOS44NiA0My43NUw0MS4xMyA0NS45MyIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQzLjc4IDQ2LjA0QzQyLjggNDYuMDQgNDIgNDUuNyA0MS4zOCA0NS4wMkw0Mi4xMyA0My45MkM0Mi42MiA0NC40MiA0My4xOCA0NC42NyA0My44IDQ0LjY3QzQzLjk5IDQ0LjY3IDQ0LjE1IDQ0LjYzIDQ0LjI3IDQ0LjU1QzQ0LjQgNDQuNDcgNDQuNDcgNDQuMzcgNDQuNDcgNDQuMjNDNDQuNDcgNDQuMDUgNDQuMzEgNDMuOSA0My45OSA0My43OEw0My40NiA0My42QzQzLjA4IDQzLjQ3IDQyLjgzIDQzLjM3IDQyLjcxIDQzLjNDNDIuMDYgNDIuOTYgNDEuNzQgNDIuNDUgNDEuNzQgNDEuNzdDNDEuNzQgNDEuMjUgNDEuOTQgNDAuODIgNDIuMzUgNDAuNDdDNDIuNzYgNDAuMTMgNDMuMjkgMzkuOTUgNDMuOTMgMzkuOTVDNDQuNzMgMzkuOTUgNDUuNDMgNDAuMiA0Ni4wMyA0MC43TDQ1LjMzIDQxLjgzQzQ1LjE2IDQxLjY4IDQ0Ljk0IDQxLjU3IDQ0LjY4IDQxLjQ4QzQ0LjQyIDQxLjM5IDQ0LjE4IDQxLjM0IDQzLjk1IDQxLjM0QzQzLjc2IDQxLjM0IDQzLjYgNDEuMzggNDMuNDkgNDEuNDVDNDMuMzggNDEuNTIgNDMuMzMgNDEuNjEgNDMuMzMgNDEuNzJDNDMuMzMgNDEuODkgNDMuNDggNDIuMDQgNDMuOCA0Mi4xNkw0NC4zMSA0Mi4zNUM0NC42IDQyLjQ1IDQ0LjgzIDQyLjU0IDQ0Ljk5IDQyLjYxQzQ1Ljc0IDQyLjkzIDQ2LjEyIDQzLjQ0IDQ2LjEyIDQ0LjE2QzQ2LjEyIDQ0LjcgNDUuOSA0NS4xNSA0NS40OCA0NS41MUM0NS4wNiA0NS44NiA0NC40OSA0Ni4wNCA0My43OCA0Ni4wNCIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQ2Ljk2IDQwLjA0SDQ4LjQ2VjQ1LjkzSDQ2Ljk2WiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTUyLjQgNDQuNTVDNTIuODMgNDQuNTUgNTMuMiA0NC40IDUzLjUgNDQuMTFDNTMuNzkgNDMuODEgNTMuOTQgNDMuNDMgNTMuOTQgNDIuOThDNTMuOTMgNDIuNTMgNTMuNzggNDIuMTUgNTMuNDggNDEuODZDNTMuMTggNDEuNTYgNTIuODIgNDEuNDEgNTIuNCA0MS40MUM1MS45NyA0MS40MSA1MS42IDQxLjU2IDUxLjMgNDEuODdDNTEuMDEgNDIuMTYgNTAuODYgNDIuNTQgNTAuODYgNDIuOThDNTAuODYgNDMuNDMgNTEuMDEgNDMuODEgNTEuMyA0NC4xMUM1MS42IDQ0LjQgNTEuOTcgNDQuNTUgNTIuNCA0NC41NU01Mi40IDQ2LjAzQzUxLjUzIDQ2LjAzIDUwLjc5IDQ1Ljc0IDUwLjIgNDUuMTVDNDkuNjEgNDQuNTcgNDkuMzIgNDMuODUgNDkuMzIgNDIuOTlDNDkuMzIgNDIuMTQgNDkuNjEgNDEuNDEgNTAuMiA0MC44MkM1MC43OSA0MC4yMyA1MS41MyAzOS45NCA1Mi40IDM5Ljk0QzUzLjI3IDM5Ljk0IDU0LjAxIDQwLjIzIDU0LjYgNDAuODJDNTUuMTkgNDEuNDEgNTUuNDggNDIuMTQgNTUuNDggNDIuOTlDNTUuNDggNDMuODQgNTUuMTkgNDQuNTYgNTQuNiA0NS4xNUM1NC4wMSA0NS43NCA1My4yOCA0Ni4wMyA1Mi40IDQ2LjAzIi8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNjAuMTQgNDMuMjRMNjAuMTQgNDAuMDRMNjEuNiA0MC4wNEw2MS42IDQ1LjkzTDYwLjQ4IDQ1LjkzTDU3LjggNDIuNzhMNTcuOCA0NS45M0w1Ni4zNCA0NS45M0w1Ni4zNCA0MC4wNEw1Ny40MSA0MC4wNEw2MC4xNCA0My4yNCIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTYyLjc3IDQwLjA0SDY0LjI2VjQ1LjkzSDYyLjc3WiIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTY3LjM1IDQ2LjA0QzY2LjM3IDQ2LjA0IDY1LjU3IDQ1LjcgNjQuOTUgNDUuMDJMNjUuNyA0My45MkM2Ni4xOSA0NC40MiA2Ni43NSA0NC42NyA2Ny4zNyA0NC42N0M2Ny41NiA0NC42NyA2Ny43MiA0NC42MyA2Ny44NCA0NC41NUM2Ny45NyA0NC40NyA2OC4wMyA0NC4zNyA2OC4wMyA0NC4yM0M2OC4wMyA0NC4wNSA2Ny44OCA0My45IDY3LjU2IDQzLjc4TDY3LjAzIDQzLjZDNjYuNjUgNDMuNDcgNjYuNCA0My4zNyA2Ni4yOCA0My4zQzY1LjYzIDQyLjk2IDY1LjMxIDQyLjQ1IDY1LjMxIDQxLjc3QzY1LjMxIDQxLjI1IDY1LjUxIDQwLjgyIDY1LjkyIDQwLjQ3QzY2LjMzIDQwLjEzIDY2Ljg2IDM5Ljk1IDY3LjUgMzkuOTVDNjguMyAzOS45NSA2OSA0MC4yIDY5LjYgNDAuN0w2OC45IDQxLjgzQzY4LjczIDQxLjY4IDY4LjUxIDQxLjU3IDY4LjI1IDQxLjQ4QzY3Ljk5IDQxLjM5IDY3Ljc1IDQxLjM0IDY3LjUyIDQxLjM0QzY3LjMzIDQxLjM0IDY3LjE3IDQxLjM4IDY3LjA2IDQxLjQ1QzY2Ljk1IDQxLjUyIDY2LjkgNDEuNjEgNjYuOSA0MS43MkM2Ni45IDQxLjg5IDY3LjA1IDQyLjA0IDY3LjM3IDQyLjE2TDY3Ljg4IDQyLjM1QzY4LjE3IDQyLjQ1IDY4LjQgNDIuNTQgNjguNTYgNDIuNjFDNjkuMzEgNDIuOTMgNjkuNjggNDMuNDQgNjkuNjggNDQuMTZDNjkuNjggNDQuNyA2OS40NyA0NS4xNSA2OS4wNSA0NS41MUM2OC42MyA0NS44NiA2OC4wNiA0Ni4wNCA2Ny4zNSA0Ni4wNCIvPjxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTcxLjU4IDQ1LjkzTDcxLjU4IDQxLjQ4TDY5Ljk1IDQxLjQ4TDY5Ljk1IDQwLjA0TDc0LjcyIDQwLjA0TDc0LjcyIDQxLjQ4TDczLjA5IDQxLjQ4TDczLjA5IDQ1LjkzTDcxLjU4IDQ1LjkzIi8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNzYuNTYgNDMuNTdMNzcuNyA0My41N0w3Ny4xNSA0MS44Mkw3Ni41NiA0My41N003OS45NCA0NS45M0w3OC40IDQ1LjkzTDc4LjA2IDQ0Ljg2TDc2LjE5IDQ0Ljg2TDc1Ljg0IDQ1LjkzTDc0LjMgNDUuOTNMNzYuNDUgNDAuMDRMNzcuODQgNDAuMDRMNzkuOTQgNDUuOTMiLz48cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik04Mi4yNyA0Ni4wNEM4MS4yOSA0Ni4wNCA4MC40OSA0NS43IDc5Ljg3IDQ1LjAyTDgwLjYyIDQzLjkyQzgxLjExIDQ0LjQyIDgxLjY3IDQ0LjY3IDgyLjMgNDQuNjdDODIuNDggNDQuNjcgODIuNjQgNDQuNjMgODIuNzcgNDQuNTVDODIuODkgNDQuNDcgODIuOTYgNDQuMzcgODIuOTYgNDQuMjNDODIuOTYgNDQuMDUgODIuOCA0My45IDgyLjQ4IDQzLjc4TDgxLjk1IDQzLjZDODEuNTcgNDMuNDcgODEuMzIgNDMuMzcgODEuMiA0My4zQzgwLjU1IDQyLjk2IDgwLjIzIDQyLjQ1IDgwLjIzIDQxLjc3QzgwLjIzIDQxLjI1IDgwLjQzIDQwLjgyIDgwLjg0IDQwLjQ3QzgxLjI1IDQwLjEzIDgxLjc4IDM5Ljk1IDgyLjQyIDM5Ljk1QzgzLjIyIDM5Ljk1IDgzLjkyIDQwLjIgODQuNTIgNDAuN0w4My44MiA0MS44M0M4My42NSA0MS42OCA4My40MyA0MS41NyA4My4xNyA0MS40OEM4Mi45MSA0MS4zOSA4Mi42NyA0MS4zNCA4Mi40NSA0MS4zNEM4Mi4yNSA0MS4zNCA4Mi4xIDQxLjM4IDgxLjk4IDQxLjQ1QzgxLjg3IDQxLjUyIDgxLjgyIDQxLjYxIDgxLjgyIDQxLjcyQzgxLjgyIDQxLjg5IDgxLjk3IDQyLjA0IDgyLjI5IDQyLjE2TDgyLjgxIDQyLjM1QzgzLjA5IDQyLjQ1IDgzLjMyIDQyLjU0IDgzLjQ4IDQyLjYxQzg0LjIzIDQyLjkzIDg0LjYxIDQzLjQ0IDg0LjYxIDQ0LjE2Qzg0LjYxIDQ0LjcgODQuMzkgNDUuMTUgODMuOTcgNDUuNTFDODMuNTUgNDUuODYgODIuOTggNDYuMDQgODIuMjcgNDYuMDQiLz48cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik04NS42MyAyMS4wM0M4NSAyMC4wNiA4NC4yMiAxOS4yNCA4My4zIDE4LjU4Qzg0LjYzIDE2Ljk3IDg1LjMxIDE1LjA0IDg1LjMxIDEyLjg1Qzg1LjMxIDEwLjM3IDg0LjQgOC4yMSA4Mi42MiA2LjQzQzgwLjg2IDQuNjggNzguNyAzLjggNzYuMTkgMy44TDcwLjUzIDMuOEM3MC40IDMuNzIgNzAuMjYgMy43MiA3MC4xNSAzLjcyTDYxLjU2IDMuNzJDNjAuODggMy43MiA2MC4zIDQuMjcgNjAuMyA0Ljk2TDYwLjMgMjQuMjlDNjAuMyAyNS45OCA1OS43MyAyNy4zOCA1OC41MyAyOC41OUM1Ny4zMyAyOS44IDU1LjkyIDMwLjM4IDU0LjIzIDMwLjM4QzUyLjU2IDMwLjM4IDUxLjExIDI5Ljc4IDQ5LjkzIDI4LjZDNDguNzQgMjcuNCA0OC4xNCAyNS45NSA0OC4xNCAyNC4yOUw0OC4xNCA2LjFMNDkuNTIgNi4xQzQ5LjgxIDYuMSA1MC4wNyA1LjkzIDUwLjE4IDUuNjhDNTAuMyA1LjQyIDUwLjI2IDUuMTIgNTAuMDggNC45TDQ2LjEgMC4yNUM0NS45NiAwLjA5IDQ1Ljc2IDAgNDUuNTUgMEM0NS4zNCAwIDQ1LjEzIDAuMDkgNDUgMC4yNkw0MS4wMiA0LjkxQzQwLjg0IDUuMTIgNDAuNzkgNS40MiA0MC45MSA1LjY4QzQxLjAzIDUuOTMgNDEuMjggNi4xIDQxLjU3IDYuMUw0Mi45NyA2LjFMNDIuOTcgMjQuMjlDNDIuOTcgMjcuMzggNDQuMDkgMzAuMDUgNDYuMjcgMzIuMjRDNDguNDYgMzQuNDIgNTEuMTQgMzUuNTMgNTQuMjMgMzUuNTNDNTcuMzIgMzUuNTMgNTkuOTkgMzQuNDIgNjIuMTggMzIuMjRDNjQuMzYgMzAuMDUgNjUuNDcgMjcuMzggNjUuNDcgMjQuMjlMNjUuNDcgOC44M0w3Ni4xOSA4LjgzQzc3LjI2IDguODMgNzguMTggOS4yMyA3OC45OCAxMC4wNEM3OS43NiAxMC44MSA4MC4xNCAxMS43MyA4MC4xNCAxMi44NEM4MC4xNCAxMy45MiA3OS43NiAxNC44MiA3OC45NyAxNS42MUM3OC4yIDE2LjM4IDc3LjI5IDE2Ljc0IDc2LjE5IDE2Ljc0TDcwLjE1IDE2Ljc0QzY5LjQ3IDE2Ljc0IDY4LjkzIDE3LjM1IDY4LjkzIDE4LjA1TDY4LjkzIDIwLjczQzY4LjkzIDIxLjQyIDY5LjQ3IDIxLjk5IDcwLjE1IDIxLjk5TDc3LjkgMjEuOTlDNzkuMDIgMjEuOTkgNzkuOTUgMjIuMzcgODAuNzUgMjMuMTZDODEuNTMgMjMuOTYgODEuOTIgMjQuODggODEuOTIgMjUuOTlDODEuOTIgMjcuMTEgODEuNTIgMjguMDcgODAuNzUgMjguODZDNzkuOTUgMjkuNjUgNzkuMDIgMzAuMDQgNzcuOSAzMC4wNEw2Ni4xMiAzMC4wNEM2NS40NCAzMC4wNCA2NC44MyAzMC42MiA2NC44MyAzMS4zTDY0LjgzIDMzLjk4QzY0LjgzIDM0LjY3IDY1LjQ0IDM1LjIyIDY2LjEyIDM1LjIyTDc3LjkgMzUuMjJDODAuNCAzNS4yMiA4Mi41OCAzNC4zMiA4NC4zOSAzMi41MUM4Ni4xOCAzMC43MiA4Ny4wOCAyOC41NCA4Ny4wOCAyNS45OUM4Ny4wOCAyNC4yIDg2LjU5IDIyLjU0IDg1LjYzIDIxLjAzIi8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNDIuMzIgMjkuODNMMzAuMDkgMjkuODNMMzAuMDkgNC43NUMzMC4wOSA0LjA1IDI5LjU0IDMuNTEgMjguODUgMy41MUwyNS4xMyAzLjUxQzI1LjAyIDMuNTEgMjQuOTIgMy42IDI0LjkyIDMuNzFMMjQuOTIgMzMuNzdDMjQuOTIgMzQuNDYgMjUuNSAzNS4wOCAyNi4xOCAzNS4wOEw0Mi4zMiAzNS4wOEM0Mi45OSAzNS4wOCA0My41NCAzNC40NyA0My41NCAzMy43N0w0My41NCAzMS4xQzQzLjU0IDMwLjQgNDIuOTkgMjkuODMgNDIuMzIgMjkuODMiLz48cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yMS45MSAyOC43N0MyMS43MyAyOC42NyAyMS41MyAyOC42MiAyMS4zMyAyOC42MkMyMS4wOSAyOC42MiAyMC44NSAyOC42OSAyMC42NSAyOC44M0MxOC43OCAzMC4wNSAxOC40IDMwLjMgMTYgMzAuMzdDMTUuOSAzMC4zNyAxNS44MSAzMC4zNyAxNS43MSAzMC4zN0MxMi45NCAzMC4zNyAxMC40NyAyOS4zIDguMzUgMjcuMTlDNi4yNCAyNS4wNyA1LjE3IDIyLjQ5IDUuMTcgMTkuNTJDNS4xNyAxNi40OSA2LjIxIDEzLjk4IDguMzQgMTEuODVDMTAuNDMgOS43NiAxMi45NiA4LjY4IDE1Ljg2IDguNjVDMTUuODggOC42NSAxNS44OSA4LjY1IDE1LjkgOC42NUMxNS45MiA4LjY1IDE1Ljk0IDguNjQgMTUuOTcgOC42M0MxNS45OCA4LjYzIDE1Ljk5IDguNjEgMTYgOC42MUwyMi4wOCA4LjYxQzIyLjIgOC42MSAyMi4yNiA4LjU2IDIyLjI2IDguNDVMMjIuMjYgMy43MUMyMi4yNiAzLjYgMjIuMiAzLjUxIDIyLjA4IDMuNTFMMTYgMy41MUMxMS42IDMuNTEgNy44IDUuMDkgNC43IDguMkMxLjU4IDExLjMxIDAgMTUuMTEgMCAxOS41MkMwIDIzLjkyIDEuNTggMjcuNzIgNC43IDMwLjgzQzcuODEgMzMuOTUgMTEuNjIgMzUuNTMgMTYuMDIgMzUuNTNDMTguNTIgMzUuNTMgMTkuNTYgMzUuMiAyMS44NyAzNC4wNkMyMi4yOSAzMy44NSAyMi41NCAzMy40MiAyMi41NCAzMi45NEwyMi41NCAyOS44N0MyMi41NCAyOS40MSAyMi4zMSAyOC45OSAyMS45MSAyOC43NyIvPjwvZz48L3N2Zz4=") center / contain no-repeat;
}
.logo.lg{ width: 118px; }
.topbar{ display: flex; justify-content: space-between; align-items: center; gap: 16px; }

.crumbs{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; font-size:13px; font-weight:500; color:var(--text-muted); }
.crumbs a{ color: var(--text-secondary); text-decoration:none; }
.crumbs a:hover{ color: var(--hl-ink); text-decoration: underline; }
.crumbs .sep{ opacity:.6; }

/* ---------- Titulares ---------- */
.kicker{
  display:flex; align-items:center; gap:8px;
  font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: var(--hl-ink);
}
.kicker .dot{ display: none; }
h1{
  font-weight: 800;
  font-size: clamp(32px, 5.6vw, 56px);
  line-height: 1.04;
  letter-spacing: -0.02em;
  margin: 6px 0 0;
  text-wrap: balance;
}
.subtitle, .lead{ font-size: 16px; font-weight: 500; line-height: 1.55; color: var(--text-secondary); margin-top: 8px; max-width: 64ch; }
.lead{ margin-bottom: 0; }
.meta-row{
  display:flex; flex-wrap:wrap; gap: 6px 18px; margin-top: 12px;
  font-size: 13px; color: var(--text-muted);
}
.meta-row b{ color: var(--text-primary); font-weight: 700; }
.section-title{ font-weight: 800; font-size: 20px; margin: 0; letter-spacing: -0.01em; }
.section-note{ font-size: 14px; color: var(--text-secondary); margin: 4px 0 0; }

.header-row{ display:flex; justify-content:space-between; align-items:flex-start; gap:18px; flex-wrap:wrap; }
.header-main{ flex: 1 1 280px; min-width: 240px; }
.controls{ display:flex; gap:12px; flex-wrap:wrap; align-items:stretch; }

/* ---------- Controles ---------- */
.month-control{
  flex: none; min-width: 210px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 14px;
  box-shadow: var(--shadow);
  padding: 10px 14px 12px;
  display:flex; flex-direction:column; gap:6px;
}
.month-control label{
  font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--hl-ink);
}
.month-control select{
  appearance:none; -webkit-appearance:none;
  font-weight: 600; font-size: 14px;
  color: var(--text-primary);
  background-color: var(--band-bg);
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  padding: 8px 32px 8px 10px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2398a0ab' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.month-control select option{ background: var(--card-bg); color: var(--text-primary); }
.seg{ display:inline-flex; background: var(--band-bg); border:1px solid var(--border-strong); border-radius:8px; padding:2px; }
.seg button{
  font-size:13px; font-weight:600; color:var(--text-secondary);
  background:transparent; border:0; border-radius:6px; padding:7px 12px; cursor:pointer;
}
.seg button.on{ background: var(--hl); color: #091121; }

/* ---------- Tarjetas ---------- */
.card{
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 20px;
  box-shadow: var(--shadow);
  overflow: hidden;
}
.card-pad{ padding: 24px 24px 20px; }
.card-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; flex-wrap:wrap; margin-bottom: 8px; }
.card-title{ font-weight: 800; font-size: 20px; letter-spacing: -0.01em; line-height: 1.2; }
.card-note{ font-size: 13.5px; color: var(--text-muted); max-width: 46ch; margin-top: 2px; }

/* Leyendas */
.chart-legend, .oct-legend{ display:flex; gap:16px; flex-wrap:wrap; font-size:12px; color:var(--text-secondary); margin-top:2px; }
.chart-legend span, .oct-legend span{ display:inline-flex; align-items:center; gap:6px; }
.chart-legend i, .oct-legend i{ width:10px; height:10px; border-radius:2px; display:inline-block; }
.oct-legend i.ln{ height:0; width:16px; border-top:2.5px solid var(--text-secondary); border-radius:0; }
.oct-legend i.ln.hl{ border-top-color: var(--good); }
.oct-legend i.ln.dash{ border-top:2px dashed var(--text-secondary); }
.oct-legend i.ref{ background:transparent; border:1.5px dashed var(--text-muted); }
.oct-legend i.bandkey{ background: var(--good); opacity:.22; width:16px; }

/* Banner: tarjeta oscura con brillo verde, como la portada del manual */
.banner{
  position: relative; overflow: hidden;
  background:
    radial-gradient(ellipse 70% 120% at 0% 100%, var(--banner-glow), rgba(0,255,48,0) 70%),
    var(--banner-bg);
  color: var(--banner-ink);
  border: 1px solid var(--banner-border);
  border-radius: 20px;
  padding: 24px 26px;
  display:flex; flex-direction:column; gap:6px;
}
.banner h2{ font-weight:800; font-size: clamp(20px, 3.6vw, 30px); line-height:1.15; letter-spacing:-0.015em; margin:0; text-wrap:balance; }
.banner p{ margin:0; color: var(--banner-sub); font-size:14px; font-weight:500; }
.banner .eyebrow{ font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color: #6fffa4; }

/* Sección que la página del S&P 500 muestra solo para octubre */
.oct{ display:flex; flex-direction:column; gap:22px; }
.oct[hidden]{ display:none; }

/* Cifras clave */
.tiles{ display:grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.tile{
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 16px;
  box-shadow: var(--shadow);
  padding: 18px 18px 16px;
}
.tile .v{ font-weight:800; font-size: clamp(26px, 3.6vw, 36px); line-height:1.05; letter-spacing:-0.02em; color: var(--text-primary); }
.tile.pos .v{ color: var(--key); }
.tile.neg .v{ color: var(--critical); }
.tile .l{ font-size:13.5px; font-weight:700; color: var(--text-primary); margin-top:8px; line-height:1.3; }
.tile .s{ font-size:12px; color: var(--text-muted); margin-top:3px; line-height:1.4; }

/* ---------- Gráficos ---------- */
.chart-wrap{ position:relative; margin-top:8px; }
.chart-wrap svg{ display:block; width:100%; height:auto; overflow:visible; touch-action: pan-y; }
#chart{ display:block; width:100%; height:auto; overflow:visible; }
.bar{ cursor:pointer; transition: opacity .12s ease; }
.bar:hover{ opacity:.82; }
.tick-label{ fill:var(--text-muted); font-size:10.5px; font-weight:500; font-family:var(--font); font-variant-numeric: lining-nums tabular-nums; }
.month-label{ fill:var(--text-secondary); font-size:11.5px; font-weight:600; font-family:var(--font); }
.month-label.hi, .month-label.hl, .year-label.hi{ fill:var(--hl-ink); font-weight:800; }
.year-label{ fill:var(--text-secondary); font-size:10.5px; font-weight:500; font-family:var(--font); font-variant-numeric: lining-nums tabular-nums; }
.year-label.dim{ fill:var(--text-muted); }
.gridline{ stroke:var(--grid); stroke-width:1; }
.baseline{ stroke:var(--border-strong); stroke-width:1.2; }
.value-label{ font-size:11px; font-weight:700; font-family:var(--font); font-variant-numeric: lining-nums tabular-nums; fill:var(--text-secondary); }
.value-label.sm{ font-size:9.5px; }
.hi-box, .hl-box{ fill:none; stroke:var(--hl); stroke-width:1.6; stroke-dasharray:5 4; }
.bar-pos{ fill:var(--good); }
.bar-neg{ fill:var(--critical); }
.bar-hl{ fill:var(--hl); }
.bar-neutral, .bar-dim{ fill:var(--neutral-bar); }
.marker-line{ stroke:var(--text-primary); stroke-width:2; }
.mean-line, .ref-line{ stroke:var(--text-secondary); stroke-width:1.2; stroke-dasharray:5 4; }
.mean-label{ paint-order: stroke; stroke: var(--card-bg); stroke-width: 4px; stroke-linejoin: round; fill:var(--text-secondary); font-size:11px; font-weight:700; font-family:var(--font); font-variant-numeric: lining-nums tabular-nums; }
.line-avg{ fill:none; stroke:var(--good); stroke-width:2.6; stroke-linejoin:round; stroke-linecap:round; }
.line-med{ fill:none; stroke:var(--text-secondary); stroke-width:1.6; stroke-dasharray:5 4; }
.band{ fill:var(--good); opacity:.14; }
.sep-line{ stroke:var(--border-strong); stroke-width:1; stroke-dasharray:3 4; }
.sep-label{ fill:var(--text-muted); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-family:var(--font); }
.hover-line{ stroke:var(--text-primary); stroke-width:1; opacity:.5; }
.hover-dot{ fill:var(--hl); stroke:var(--card-bg); stroke-width:2; }

.tooltip{
  position:absolute; pointer-events:none; z-index:5;
  background: var(--tip-bg); color: var(--tip-ink);
  border: 1px solid var(--tip-border);
  font-size:12px; line-height:1.45; padding:8px 11px; border-radius:10px;
  transform: translate(-50%, -100%); white-space: normal; width: max-content; max-width: 240px;
  opacity:0; transition: opacity .1s ease;
}
.tooltip b{ font-weight:700; font-variant-numeric: lining-nums tabular-nums; }
.tooltip.show{ opacity:1; }

/* ---------- Tablas ---------- */
.table-scroll{ overflow-x:auto; }
table{ width:100%; border-collapse:collapse; min-width: 620px; }
thead th{
  text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.08em;
  color: var(--text-muted); font-weight:700;
  padding: 0 10px 10px; border-bottom:1px solid var(--border-strong);
}
thead th.num-col{ text-align:right; }
tbody td{ padding: 11px 10px; border-bottom:1px solid var(--border); font-size: 14px; vertical-align:middle; }
tbody tr:last-child td{ border-bottom:none; }
tbody tr.emph td{ background: var(--emph-bg); }
tbody tr.grp td{
  background: var(--band-bg); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  color: var(--text-muted); padding: 8px 10px;
}
.num-col{ text-align:right; }
.setup-name{ font-weight:600; color: var(--text-primary); }
.ret-cell{ display:flex; align-items:center; gap:8px; min-width:220px; }
.ret-track{ position:relative; width:130px; height:10px; background: var(--band-bg); border-radius:5px; flex:none; }
.ret-track .mid{ position:absolute; left:50%; top:-2px; bottom:-2px; width:1px; background: var(--border-strong); }
.ret-track .fill{ position:absolute; top:1px; bottom:1px; border-radius:4px; }
.ret-track .fill.neg{ background: var(--critical); right:50%; }
.ret-track .fill.pos{ background: var(--good); left:50%; }
.ret-val{ font-weight:700; min-width:58px; text-align:right; }
.ret-val.neg{ color: var(--critical); }
.ret-val.pos{ color: var(--pos-ink); }
.win-val{ font-weight:600; }
.n-val{ color: var(--text-muted); }

/* Comparativo por cohortes */
.cmp{
  display:grid; grid-template-columns: minmax(170px, 1.3fr) repeat(3, minmax(120px, 1fr));
  column-gap:18px; min-width:640px; align-items:center; margin-top:10px;
}
.cmp-h{
  font-size:11px; text-transform:uppercase; letter-spacing:.08em; font-weight:700; color:var(--text-muted);
  padding:0 0 10px; border-bottom:1px solid var(--border-strong);
}
.cmp-row{ display:contents; }
.cmp-name, .cmp-cell{ padding:11px 0; border-bottom:1px solid var(--border); }
.cmp-row-last .cmp-name, .cmp-row-last .cmp-cell{ border-bottom:none; }
.cmp-name b{ display:block; font-size:14px; font-weight:700; color:var(--text-primary); }
.cmp-name span{ font-size:12px; color:var(--text-muted); }
.cmp-cell{ display:flex; align-items:center; gap:8px; }
.cmp-track{ position:relative; flex:1; height:10px; background:var(--band-bg); border-radius:5px; }
.cmp-track.half::after{ content:""; position:absolute; left:50%; top:-2px; bottom:-2px; width:1px; background:var(--border-strong); }
.cmp-fill{ position:absolute; left:0; top:1px; bottom:1px; border-radius:4px; background:var(--neutral-bar); }
.cmp-fill.hl{ background:var(--hl); }
.cmp-fill.mint{ background:var(--good); }
.cmp-fill.neg{ background:var(--critical); }
.cmp-fill.ref{ background:transparent; border:1.5px dashed var(--text-muted); top:0; bottom:0; }
.cmp-val{ min-width:56px; text-align:right; font-weight:700; font-size:13.5px; }
.cmp-val.neg{ color:var(--critical); }
.cmp-row-hl .cmp-name b{ color:var(--hl-ink); }
.cmp-row-ref .cmp-name b{ font-weight:500; color:var(--text-secondary); }

.readme{ margin:0; padding-left:18px; font-size:14px; line-height:1.6; color:var(--text-secondary); }
.readme li{ margin-top:6px; }
.readme b{ color:var(--text-primary); font-weight:700; }
.caveat-head{ font-weight:800; font-size:18px; margin-bottom:2px; }

/* ---------- Pie ---------- */
footer{
  display:flex; justify-content:space-between; align-items:flex-end; gap:20px;
  border-top:1px solid var(--border); padding-top:16px; margin-top:4px;
  font-size:12px; color:var(--text-muted); line-height:1.6;
}
footer p{ margin:0; max-width: 84ch; }
footer a{ color: var(--text-secondary); }
.empty{ background:var(--card-bg); border:1px dashed var(--border-strong); border-radius:16px; padding:28px; text-align:center; color:var(--text-secondary); }

/* ---------- Estrategia (pasos, detalle por año) ---------- */
.steps{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:12px; margin-top:12px; }
.step{
  position:relative; padding:16px 18px 14px;
  background: var(--band-bg); border:1px solid var(--border); border-radius:14px;
}
.step.now{ background: var(--hl-soft); border-color: var(--hl); }
.step-n{
  display:inline-grid; place-items:center; min-width:28px; height:28px; padding:0 8px;
  font-weight:800; font-size:13px; color:#091121; background: var(--good); border-radius:999px;
}
.step.now .step-n{ background: var(--hl); }
.step-t{ font-weight:800; font-size:16px; margin:10px 0 4px; }
.step p{ margin:0; font-size:13.5px; line-height:1.55; color: var(--text-secondary); }
.step p + p{ margin-top:6px; }
.step p b{ color: var(--text-primary); }
.step-s{ font-weight:700; color: var(--hl-ink) !important; }
.win-shade{ fill: var(--hl); opacity:.10; }
.win-line{ stroke: var(--hl-ink); stroke-width:1.2; stroke-dasharray:4 4; opacity:.7; }
.tick-label.key{ fill: var(--hl-ink); font-weight:800; }
.oct-legend i.winkey{ background: var(--hl); opacity:.25; width:16px; }

.detail{ margin-top:14px; border-top:1px solid var(--border); padding-top:12px; }
.detail summary{ cursor:pointer; font-weight:700; font-size:14px; color: var(--hl-ink); list-style:none; }
.detail summary::-webkit-details-marker{ display:none; }
.detail summary::before{ content:"▸"; display:inline-block; margin-right:8px; transition: transform .14s ease; }
.detail[open] summary::before{ transform: rotate(90deg); }
.detail .table-scroll{ margin-top:12px; max-height: 520px; overflow:auto; }
.year-table{ min-width: 0; }
.year-table thead th{ position:sticky; top:0; background: var(--card-bg); }
.dim-row td{ opacity:.45; }
td.pos{ color: var(--pos-ink); }
td.neg{ color: var(--critical); }
.chip{ display:inline-block; min-width:34px; text-align:center; font-size:12px; font-weight:700; padding:2px 8px; border-radius:999px; }
.chip.ok{ background: var(--hl-soft); color: var(--pos-ink); }
.chip.no{ background: rgba(255,107,107,.14); color: var(--critical); }

@media (max-width: 860px){ .steps{ grid-template-columns: 1fr; } }
@media (max-width: 720px){ .hide-sm{ display:none; } }

/* ---------- Botón de tema ---------- */
.topbar-actions{ display:flex; align-items:center; gap:14px; margin-left:auto; flex:none; }
.theme-toggle{
  display:inline-grid; place-items:center; flex:none;
  width:42px; height:42px; padding:0;
  background: var(--card-bg); color: inherit;
  border: 1px solid var(--card-border); border-radius: 12px;
  cursor: pointer; transition: border-color .14s ease;
}
.theme-toggle:hover{ border-color: var(--card-border-hover); }
.theme-toggle svg{ width:22px; height:22px; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.theme-toggle .ia{ stroke: var(--icon-a); }
.theme-toggle .ib{ stroke: var(--icon-b); }
/* en oscuro se ofrece el sol (pasar a claro); en claro, la luna */
:root[data-theme="dark"] .theme-toggle .i-moon, :root[data-theme="light"] .theme-toggle .i-sun{ display:none; }

@media (prefers-reduced-motion: reduce){ *{ transition: none !important; } }
@media (hover: none){
  .group-card:hover, .stat-card:hover, .month-btn:hover{ transform: none; }
}

/* ---------- Responsive ---------- */
.topbar .crumbs{ min-width: 0; }

/* Tableta y pantallas medianas */
@media (max-width: 860px){
  .tiles{ grid-template-columns: repeat(2, 1fr); }
}

/* Celular y tableta vertical */
@media (max-width: 720px){
  .wrap{ padding-top: 18px; gap: 18px; }
  .header-row{ flex-direction: column; gap: 14px; }
  .header-main{ flex: none; min-width: 0; }
  .controls{ width: 100%; flex-direction: column; gap: 10px; }
  .controls .month-control, .header-row > .month-control{ width: 100%; min-width: 0; flex: none; }
  .month-control select{ width: 100%; min-height: 44px; font-size: 15px; }
  .seg{ width: 100%; }
  .seg button{ flex: 1; min-height: 40px; padding: 8px 10px; }
  .card{ border-radius: 16px; }
  .card-pad{ padding: 18px 16px 14px; }
  .card-head{ flex-direction: column; gap: 8px; }
  .card-note{ max-width: none; }
  .oct-legend, .chart-legend{ gap: 6px 14px; }
  .banner{ padding: 18px 18px; border-radius: 16px; }
  .tile{ padding: 14px 14px 12px; }
  .meta-row{ gap: 4px 14px; }
  footer{ flex-direction: column; align-items: flex-start; gap: 14px; }
  footer .logo{ order: -1; }

  /* Tablas de datos: formato compacto sin barras */
  table{ min-width: 0; }
  thead th{ padding: 0 6px 8px; font-size: 10px; }
  tbody td{ padding: 10px 6px; font-size: 13px; }
  .ret-track{ display: none; }
  .ret-cell{ min-width: 0; justify-content: flex-end; }
  .ret-val{ min-width: 0; }

  /* Comparativos por cohorte: una tarjeta por fila, con tres métricas en columnas */
  .cmp{ display: block; min-width: 0; margin-top: 4px; }
  .cmp-h{ display: none; }
  .cmp-row{
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 12px;
    padding: 12px 0; border-bottom: 1px solid var(--border);
  }
  .cmp-row-last{ border-bottom: none; }
  .cmp-name, .cmp-cell{ border-bottom: none; padding: 0; }
  .cmp-name{ grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
  .cmp-name b{ display: inline; }
  .cmp-cell{ flex-direction: column; align-items: stretch; gap: 5px; }
  .cmp-cell::before{
    content: attr(data-label); font-size: 10px; font-weight: 700; letter-spacing: .08em;
    text-transform: uppercase; color: var(--text-muted);
  }
  .cmp-track{ flex: none; width: 100%; }
  .cmp-val{ min-width: 0; text-align: left; font-size: 14px; }
}

/* Celulares angostos */
@media (max-width: 480px){
  .tile .v{ font-size: 26px; }
  .tile .l{ font-size: 13px; }
  /* la columna "Muestra" libera espacio para los nombres; la muestra (n) sigue visible en cada tarjeta y nota */
  thead th:last-child, tbody tr:not(.grp) td:last-child{ display: none; }
  .logo.lg{ width: 96px; }
  .logo{ width: 84px; }
}