/* Waack On — espaciado, radios, sombras y movimiento. Base de 4px. */
:root{
  --sp-4:4px;--sp-8:8px;--sp-12:12px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--sp-32:32px;--sp-40:40px;
  --gap-tight:8px;--gap-normal:14px;--gap-loose:20px;
  --radius-pill:999px;  /* botones, chips, filas del menú, campos */
  --radius-panel:24px;  /* paneles y tarjetas grandes */
  --radius-card:22px;   /* tarjetas de contenido */
  --radius-tile:14px;   /* bloques internos */
  --radius-icon:9px;    /* cuadro del icono en el menú */
  /* Heredados */
  --space-0:0;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;
  --space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;
  --radius-xs:4px;--radius-sm:9px;--radius-md:14px;--radius-lg:22px;--radius-xl:24px;--radius-2xl:32px;
  --sidebar-w:266px; /* @kind spacing */
  --topbar-h:68px; /* @kind spacing */
  --content-max:1180px; /* @kind spacing */
  /* Cristal y sombras */
  --shadow:0 20px 50px rgba(0,0,0,0.42);
  --lg-blur:blur(30px) saturate(180%) brightness(1.06); /* @kind other */
  --lg-edge:inset 0 1px 0 rgba(255,255,255,0.52),inset 0 0 0 1px rgba(255,255,255,0.07),inset 0 -14px 28px -14px rgba(255,255,255,0.3),inset 6px 0 18px -14px rgba(255,255,255,0.4),inset -6px 0 18px -14px rgba(255,255,255,0.4); /* @kind shadow */
  --lg-lift:0 25px 50px rgba(0,0,0,0.28);
  --glow-gold:0 8px 24px rgba(201,152,46,.4);
  --plate-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -24px 46px -28px rgba(0,0,0,.85),0 28px 62px -28px rgba(0,0,0,.85);
  --plate-blur:blur(34px) saturate(190%); /* @kind other */
  --shadow-card:var(--lg-edge),var(--lg-lift);--shadow-modal:var(--shadow);--shadow-inset-glass:var(--lg-edge);
  --shadow-hover-glow:var(--lg-edge),0 6px 24px -6px var(--glass-glow);
  --glow-accent:0 6px 20px -6px color-mix(in oklch,var(--pink) 70%,transparent);
  --glow-accent-hover:0 10px 28px -6px color-mix(in oklch,var(--pink) 80%,transparent);
  --glow-spectrum:var(--glow-accent);
  --blur-glass:var(--lg-blur); /* @kind other */
  --blur-chrome:blur(18px); /* @kind other */
  /* Movimiento */
  --ease-out-expo:cubic-bezier(.2,.85,.25,1); /* @kind other */
  --ease-dance:cubic-bezier(.7,0,.2,1); /* @kind other */
  --ease-pulse:cubic-bezier(.2,.8,.2,1); /* @kind other */
  --dur-fast:150ms; /* @kind other */
  --dur-base:180ms; /* @kind other */
  --dur-slow:250ms; /* @kind other */
  --dur-entrance:900ms; /* @kind other */
  --dur-tone:800ms; /* @kind other */
}
[data-theme="light"],[data-wo-theme="light"],.wo-light{
  --shadow:0 20px 44px rgba(13,13,13,0.10);
  --lg-blur:blur(30px) saturate(150%) brightness(1.02); /* @kind other */
  --lg-edge:inset 0 1px 0 rgba(255,255,255,0.9),inset 0 0 0 1px rgba(255,255,255,0.4),inset 0 -14px 28px -14px rgba(255,255,255,0.6),inset 6px 0 18px -14px rgba(13,13,13,0.06),inset -6px 0 18px -14px rgba(13,13,13,0.06); /* @kind shadow */
  --lg-lift:0 22px 46px rgba(13,13,13,0.12);
  --glow-gold:0 8px 20px rgba(138,100,21,.22);
  --plate-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -20px 40px -30px rgba(255,255,255,.9),0 20px 46px -28px rgba(13,13,13,.16);
}