/* ============================================================
   DataTrust Widgets · Ranking Keywords (tabla diaria)
   Full-width. Namespace .dtw-rk. Colores de marca.
   ============================================================ */
.dtw-rk{
  --rk-ink:#17161A;
  --rk-purple:#413C58;
  --rk-pink:#F54576;
  --rk-success:#0f9d78;
  --rk-down:#C42B57;
  --rk-muted:#8b8798;
  --rk-line:#ece8f0;
  --rk-soft:#FAFAF8;
  --rk-paper:#F4F5F9;
  padding:80px 0;
  font-family:'Poppins',sans-serif;
  color:var(--rk-purple);
}
.dtw-rk--noband{background:transparent;padding:0}

/* Full-width real: ocupa todo el ancho del contenedor. */
.dtw-rk__wrap{width:100%;margin:0 auto;padding:0}

.dtw-rk__frame{
  background:#fff;border-radius:16px;overflow:hidden;
  box-shadow:0 20px 50px -20px rgba(65,60,88,.28);border:.5px solid var(--rk-line);
}

/* Chrome navegador */
.dtw-rk__chrome{display:flex;align-items:center;gap:8px;padding:12px 18px;background:linear-gradient(180deg,#F9F9FB,#F3F3F7);border-bottom:.5px solid var(--rk-line)}
.dtw-rk__dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}
.dtw-rk__dot--r{background:#ff5f57}.dtw-rk__dot--y{background:#febc2e}.dtw-rk__dot--g{background:#28c840}
.dtw-rk__url{flex:1;margin-left:10px;background:#fff;border:.5px solid var(--rk-line);border-radius:8px;padding:6px 14px;font-size:12.5px;color:var(--rk-muted);font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Cabecera del panel */
.dtw-rk__head{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--rk-line);flex-wrap:wrap}
.dtw-rk__title{font-family:'Playfair Display',serif;font-size:20px;font-weight:700;color:var(--rk-ink);margin:0}
.dtw-rk__pill{background:#FFD9E4;color:var(--rk-pink);padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600}
.dtw-rk__date{margin-left:auto;font-size:12.5px;color:var(--rk-muted)}

/* Tabla */
.dtw-rk__table-wrap{overflow-x:auto}
.dtw-rk__table{width:100%;border-collapse:collapse;min-width:900px;font-size:13px}
.dtw-rk__table thead th{
  text-align:left;padding:11px 14px;background:var(--rk-soft);border-bottom:1px solid var(--rk-line);
  font-weight:600;font-size:11px;color:var(--rk-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;
}
.dtw-rk__table th.c,.dtw-rk__table td.c{text-align:center}
.dtw-rk__table tbody td{padding:12px 14px;border-bottom:1px solid var(--rk-line);vertical-align:middle}
.dtw-rk__table tbody tr:hover{background:var(--rk-soft)}
.dtw-rk__table tbody tr:last-child td{border-bottom:none}

.dtw-rk__star{color:#d8d3e4;font-size:15px}
.dtw-rk__star.on{color:#FBD87F}
.dtw-rk__kw{font-weight:400;color:var(--rk-ink)}

/* AI Overview: ícono sparkle genérico (no logo de marca) + punto verde si citado */
.dtw-rk__ai{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:#c9c4d6}
.dtw-rk__ai svg{width:16px;height:16px}
.dtw-rk__ai--citado{color:var(--rk-pink)}
.dtw-rk__ai--activo{color:#7bc4cc}
.dtw-rk__ai--inactivo{color:#d8d3e4}
.dtw-rk__ai--citado::after{content:'';position:absolute;bottom:-1px;right:-1px;width:6px;height:6px;background:var(--rk-success);border:1.5px solid #fff;border-radius:50%}

.dtw-rk__num{font-variant-numeric:tabular-nums;color:var(--rk-purple)}
.dtw-rk__pos{font-variant-numeric:tabular-nums;font-weight:700}

/* KD% por dificultad: fácil (verde) / medio (ámbar) / difícil (rosa) */
.dtw-rk__kd{display:inline-block;min-width:34px;padding:2px 8px;border-radius:6px;font-weight:600;font-variant-numeric:tabular-nums}
.dtw-rk__kd--easy{background:rgba(15,157,120,.12);color:var(--rk-success)}
.dtw-rk__kd--med{background:rgba(224,169,63,.16);color:#b07d1f}
.dtw-rk__kd--hard{background:rgba(196,43,87,.12);color:var(--rk-down)}

/* Posición por dirección del cambio: sube (verde) / baja (azul) / estable (gris) */
.dtw-rk__pos--up{color:var(--rk-success)}
.dtw-rk__pos--down{color:#2f6df0}
.dtw-rk__pos--zero{color:var(--rk-muted)}

.dtw-rk__delta{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:12.5px;font-variant-numeric:tabular-nums}
.dtw-rk__delta--up{color:var(--rk-success)}
.dtw-rk__delta--down{color:var(--rk-down)}
.dtw-rk__delta--zero{color:var(--rk-muted)}

.dtw-rk__url-cell{font-family:monospace;font-size:12px;color:#6b6775;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.dtw-rk__state{display:inline-block;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600}
.dtw-rk__state--up{background:rgba(15,157,120,.12);color:var(--rk-success)}
.dtw-rk__state--down{background:rgba(196,43,87,.12);color:var(--rk-down)}
.dtw-rk__state--zero{background:rgba(65,60,88,.08);color:var(--rk-muted)}

.dtw-rk__foot{padding:12px 22px;border-top:1px solid var(--rk-line);font-size:12px;color:var(--rk-muted);text-align:center;background:var(--rk-soft)}

@media(max-width:768px){
  .dtw-rk__title{font-size:17px}
  /* Móvil: solo 5 keywords */
  .dtw-rk__table tbody tr:nth-child(n+6){display:none}
}
/* PC: solo 10 keywords */
@media(min-width:769px){
  .dtw-rk__table tbody tr:nth-child(n+11){display:none}
}