/* ═══════════════════════════════════════════════════════
   KEWBOT DOCS — identidad visual
   Misma paleta que kewbot.com: noche WhatsApp + verde.
   ═══════════════════════════════════════════════════════ */

:root {
  --kw-green:       #25D366;
  --kw-green-deep:  #0E7A50;
  --kw-teal:        #128C7E;
  --kw-night:       #0B141A;
  --kw-night-2:     #111B21;

  /* Colores primarios de Material (primary/accent: custom) */
  --md-primary-fg-color:        var(--kw-green-deep);
  --md-primary-fg-color--light: var(--kw-green);
  --md-primary-fg-color--dark:  var(--kw-night);
  --md-accent-fg-color:         var(--kw-teal);
}

/* Header con la noche de la home, no el verde chillón */
.md-header,
.md-tabs {
  background-color: var(--kw-night);
}

/* Modo oscuro coherente con el sitio */
[data-md-color-scheme="slate"] {
  --md-default-bg-color:     #0f1a20;
  --md-code-bg-color:        #16232b;
  --md-primary-fg-color:     var(--kw-night);
  --md-accent-fg-color:      var(--kw-green);
  --md-typeset-a-color:      var(--kw-green);
}

/* Links y elementos activos en verde profundo (legible en claro) */
[data-md-color-scheme="default"] {
  --md-typeset-a-color: var(--kw-green-deep);
}

/* ── Tarjetas de la portada ─────────────────────────── */
.md-typeset .grid.cards > ul > li,
.md-typeset .grid.cards > ol > li {
  border-radius: 14px;
  border-top: 4px solid var(--kw-green);
  transition: transform .15s ease, box-shadow .15s ease;
}
.md-typeset .grid.cards > ul > li:hover,
.md-typeset .grid.cards > ol > li:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(11, 20, 26, .14);
  border-top-color: var(--kw-green-deep);
}

/* ── Imágenes de documentación con marco prolijo ────── */
.md-typeset img {
  border-radius: 10px;
  box-shadow: 0 4px 18px rgba(11, 20, 26, .12);
}

/* ── Botón flotante "Preguntale a Kewbot" ───────────── */
.kw-float {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 60;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: var(--kw-green);
  color: #062B18 !important;
  font-weight: 700;
  font-size: .78rem;
  text-decoration: none !important;
  padding: 12px 18px;
  border-radius: 999px;
  box-shadow: 0 6px 22px rgba(37, 211, 102, .45);
  transition: transform .15s ease;
}
.kw-float:hover { transform: translateY(-2px); }
.kw-float svg { width: 18px; height: 18px; fill: currentColor; }

@media (max-width: 600px) {
  .kw-float span { display: none; }       /* solo el ícono en móvil */
  .kw-float { padding: 13px; }
}