/* ============================================================
   DataTrust Widgets · Keyword Heatmap (estacionalidad)
   Paleta 100% de marca. Namespace .dtw-kh.
   ============================================================ */
.dtw-kh{
  --dtw-kh-ink:#17161A;
  --dtw-kh-purple:#413C58;
  --dtw-kh-pink:#F54576;
  --dtw-kh-success:#0f9d78;
  --dtw-kh-amber:#e0a93f;
  --dtw-kh-muted:#6B6775;
  --dtw-kh-line:rgba(23,22,26,0.08);
  --dtw-kh-paper:#F4F5F9;
  padding:80px 0;
  font-family:'Poppins',sans-serif;
}
.dtw-kh--noband{background:transparent;padding:0}
.dtw-kh__wrap{max-width:1200px;margin:0 auto;padding:0 32px}

.dtw-kh__block{
  background:#fff;
  border:1px solid var(--dtw-kh-line);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(23,22,26,0.04),0 30px 60px -18px rgba(23,22,26,0.22);
}

/* Header */
.dtw-kh__header{
  padding:18px 22px 16px;
  border-bottom:1px solid var(--dtw-kh-line);
  background:linear-gradient(180deg,#FAFAF8 0%,#fff 100%);
}
.dtw-kh__eyebrow{
  font-size:10px;font-weight:700;color:var(--dtw-kh-pink);
  letter-spacing:.12em;margin-bottom:8px;
}
.dtw-kh__title{
  font-family:'Playfair Display',serif;
  font-size:19px;font-weight:700;color:var(--dtw-kh-ink);
  letter-spacing:-.01em;line-height:1.2;margin-bottom:3px;
}
.dtw-kh__subtitle{font-size:12px;color:var(--dtw-kh-muted)}

/* KPI strip */
.dtw-kh__kpis{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
  padding:14px 18px;background:var(--dtw-kh-paper);
  border-bottom:1px solid var(--dtw-kh-line);
}
.dtw-kh__kpi{
  background:#fff;border:1px solid var(--dtw-kh-line);border-radius:8px;
  padding:11px 13px;box-shadow:0 1px 3px rgba(23,22,26,0.05);
  border-top:3px solid var(--dtw-kh-purple);
}
.dtw-kh__kpi--purple{border-top-color:var(--dtw-kh-purple)}
.dtw-kh__kpi--success{border-top-color:var(--dtw-kh-success)}
.dtw-kh__kpi--amber{border-top-color:var(--dtw-kh-amber)}
.dtw-kh__kpi--pink{border-top-color:var(--dtw-kh-pink)}
.dtw-kh__kpi-label{
  font-size:9px;font-weight:600;color:var(--dtw-kh-muted);
  text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;line-height:1.2;
}
.dtw-kh__kpi-value{
  font-family:'Playfair Display',serif;
  font-size:21px;font-weight:700;line-height:1;margin-bottom:3px;letter-spacing:-.02em;
}
.dtw-kh__kpi--purple .dtw-kh__kpi-value{color:var(--dtw-kh-purple)}
.dtw-kh__kpi--success .dtw-kh__kpi-value{color:var(--dtw-kh-success)}
.dtw-kh__kpi--amber .dtw-kh__kpi-value{color:var(--dtw-kh-amber)}
.dtw-kh__kpi--pink .dtw-kh__kpi-value{color:var(--dtw-kh-pink)}
.dtw-kh__kpi-sub{font-size:10px;color:var(--dtw-kh-muted);line-height:1.3}

/* Tabla */
.dtw-kh__table-wrap{overflow-x:auto;background:#fff}
.dtw-kh__table{
  width:100%;border-collapse:collapse;min-width:760px;
  font-family:'Poppins',sans-serif;
}
.dtw-kh__table th{
  padding:9px 6px;font-size:9px;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;color:var(--dtw-kh-muted);background:var(--dtw-kh-paper);
  border-bottom:1px solid var(--dtw-kh-line);white-space:nowrap;text-align:center;
}
.dtw-kh__table th.dtw-kh__kw-th{text-align:left;padding-left:18px;min-width:150px}
.dtw-kh__table th.dtw-kh__cur{
  background:#FFD9E4;color:var(--dtw-kh-pink);
  border-bottom:2px solid var(--dtw-kh-pink);
}
.dtw-kh__table td{
  padding:0;border-bottom:1px solid rgba(23,22,26,0.06);vertical-align:middle;
}
.dtw-kh__table tr:last-child td{border-bottom:none}
.dtw-kh__table td.dtw-kh__kw-cell{padding:11px 14px 11px 18px;min-width:160px}
.dtw-kh__kw-name{font-size:12px;font-weight:600;color:var(--dtw-kh-ink);line-height:1.2;margin-bottom:3px}
.dtw-kh__kw-url{font-size:9px;color:var(--dtw-kh-muted);font-family:monospace}

.dtw-kh__heat{
  text-align:center;font-size:11px;font-weight:700;padding:8px 5px;line-height:1;
  font-variant-numeric:tabular-nums;
}
.dtw-kh__heat--cur{outline:2px solid var(--dtw-kh-pink);outline-offset:-2px}

.dtw-kh__table td.dtw-kh__comp{text-align:center;padding:8px 10px}
.dtw-kh__comp-bar{height:5px;background:rgba(23,22,26,0.08);border-radius:3px;width:36px;overflow:hidden;margin:0 auto}
.dtw-kh__comp-fill{height:100%;border-radius:3px}
.dtw-kh__table td.dtw-kh__stat{
  text-align:center;font-size:11px;font-weight:700;color:var(--dtw-kh-ink);
  padding:8px 8px;font-variant-numeric:tabular-nums;
}
.dtw-kh__table td.dtw-kh__yoy-cell{padding:8px 8px;text-align:center}
.dtw-kh__yoy{
  display:inline-block;padding:3px 7px;border-radius:4px;font-size:10px;font-weight:700;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
.dtw-kh__yoy--up{background:rgba(15,157,120,.14);color:var(--dtw-kh-success)}
.dtw-kh__yoy--down{background:rgba(196,43,87,.12);color:#C42B57}
.dtw-kh__yoy--flat{background:rgba(65,60,88,.08);color:var(--dtw-kh-muted)}

/* Leyenda */
.dtw-kh__legend{
  display:flex;align-items:center;gap:6px;padding:11px 18px;
  border-top:1px solid rgba(23,22,26,0.06);background:var(--dtw-kh-paper);flex-wrap:wrap;
}
.dtw-kh__legend-label{font-size:10px;color:var(--dtw-kh-muted);font-weight:600;margin-right:4px}
.dtw-kh__legend-step{width:22px;height:10px;border-radius:2px;display:inline-block}
.dtw-kh__legend-text{font-size:10px;color:var(--dtw-kh-muted);margin-left:4px}

.dtw-kh__note{
  text-align:center;font-size:11px;color:var(--dtw-kh-muted);
  padding:10px 18px 14px;background:#fff;
}

/* Responsive */
@media(max-width:900px){
  .dtw-kh__wrap{padding:0 20px}
}
@media(max-width:768px){
  .dtw-kh__kpis{grid-template-columns:repeat(2,1fr)}
  .dtw-kh__table{font-size:10px}
  .dtw-kh__heat{font-size:10px;padding:7px 3px}
}