/* Estilos principales de MP Podcast Player */

.mp-pp { max-width:100%; box-sizing:border-box; --mp-blue:#000fff; --ink:#111827; --sub:#6b7280; --bg:#ffffff; --card:#ffffff; --border:#e5e7eb; }
.mp-pp *, .mp-pp *::before, .mp-pp *::after { box-sizing: inherit; }

/* Filtros */
.mp-pp .filters-wrap {
  background:transparent; border:1px solid var(--border);
  border-radius:14px; padding:14px; margin-bottom:16px;
}
.mp-pp .filters {
  display:grid;
  /* 2 filas limpias en desktop: 3 columnas (Tema / Etiquetas / Variante) + (Título / Orden / Limpiar) */
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap:12px;
  row-gap:12px;
  align-items:end; /* todos apoyan abajo */
}

/* Tablet: 2 columnas */
@media (max-width: 980px){
  .mp-pp .filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Móvil: 1 columna */
@media (max-width: 640px){
  .mp-pp .filters { grid-template-columns: 1fr; }
}

/* Mostrar solo un grupo de “Tema” según viewport */
.mp-pp .theme-group-input { display:block; }
.mp-pp .theme-group-select { display:none; }
@media (max-width: 640px){
  .mp-pp .theme-group-input { display:none; }
  .mp-pp .theme-group-select { display:block; }
}

/* Mostrar solo un grupo de “Etiqueta” según viewport */
.mp-pp .tag-group-input { display:block; }
.mp-pp .tag-group-select { display:none; }
@media (max-width: 640px){
  .mp-pp .tag-group-input { display:none; }
  .mp-pp .tag-group-select { display:block; }
}

/* Campos uniformes de altura */
.mp-pp input[type="search"],
.mp-pp input[type="text"],
.mp-pp select {
  padding:8px 14px;
  border:1px solid var(--border);
  border-radius:10px;
  font: inherit;
  width:100%;
  height:44px;       /* <— fijo, no min-height */
  line-height:normal;
}

/* Combobox (lista desplegable filtrable) */
.mp-pp .combo{ position:relative; }
.mp-pp .combo-list{
  position:absolute;
  left:0; right:0;
  top:calc(100% + 6px);
  background:#fff;
  border:1px solid var(--border);
  border-radius:10px;
  box-shadow:0 12px 24px rgba(0,0,0,0.08);
  max-height:280px;
  overflow:auto;
  padding:6px 0;
  z-index:10040;
  display:none;
}
.mp-pp .combo-list.open{ display:block; }
.mp-pp .combo-item{ padding:10px 12px; cursor:pointer; color:var(--ink); }
.mp-pp .combo-item:hover,
.mp-pp .combo-item.active{ background:#f3f4f6; }
.mp-pp .combo-empty{ padding:10px 12px; color:var(--sub); }

/* Iconos dentro de campos */
.mp-pp .combo input[type="text"]{ padding-right:44px; }
.mp-pp .combo-toggle{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--sub);
}
.mp-pp .combo-toggle svg{ width:18px; height:18px; transition:transform .15s ease; }
.mp-pp .combo.is-open .combo-toggle svg{ transform:rotate(180deg); }
.mp-pp .combo-toggle:focus{ outline:2px solid rgba(0,15,255,.25); outline-offset:2px; border-radius:8px; }

.mp-pp .field.search{ position:relative; }
.mp-pp .field.search input[type="search"]{ padding-right:44px; }
.mp-pp .field.search::after{
  content:'';
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  width:18px;
  height:18px;
  opacity:.55;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%236b7280%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2711%27%20cy%3D%2711%27%20r%3D%277%27/%3E%3Cline%20x1%3D%2721%27%20y1%3D%2721%27%20x2%3D%2716.65%27%20y2%3D%2716.65%27/%3E%3C/svg%3E") no-repeat center / 18px 18px;
  pointer-events:none;
}
/* Evitar que el botón nativo “x” del input search pise la lupa */
.mp-pp input[type="search"]::-webkit-search-cancel-button{ -webkit-appearance:none; }
.mp-pp .combo-list{ scrollbar-width:auto; scrollbar-color:#007bff #eef6ff; }
.mp-pp .combo-list::-webkit-scrollbar{ width:18px; }
.mp-pp .combo-list::-webkit-scrollbar-track{ background:#eef6ff; border-radius:12px; }
.mp-pp .combo-list::-webkit-scrollbar-thumb{ background:#007bff; border-radius:12px; border:3px solid #eef6ff; }

.mp-pp .btn-clear {
  padding:0 16px;    /* altura la da height */
  border-radius:10px;
  background:#fff;
  border:1px solid var(--mp-blue);
  color:var(--mp-blue);
  cursor:pointer;
  height:44px;       /* <— igual que los campos */
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.mp-pp .btn-clear:hover{ background:#f3f4f6; }

/* Mostrar solo un control de Etiqueta según viewport */
.mp-pp .tag-input { display:block; }
.mp-pp .tag-select { display:none; }
@media(max-width: 640px){
  .mp-pp .tag-input { display:none; }
  .mp-pp .tag-select { display:block; }
}

/* Grid tarjetas */
.mp-pp .grid { display:grid; grid-template-columns: 1fr; gap:14px; width:100%; }
@media(min-width: 900px){ .mp-pp .grid { grid-template-columns: 1fr 1fr; } }

/* Tarjeta */
.mp-pp .card {
  display:grid; grid-template-columns: 120px 1fr; gap:14px; padding:16px;
  background: #fff; border:1px solid var(--border); border-radius:14px; align-items:start; width:100%;
}
.mp-pp.no-images .card { grid-template-columns: 1fr; }

/* Título:
   - Con imagen: columna 2, fila 1, centrado H/V respecto a la imagen.
   - Sin imagen: ocupa la única columna (se fuerza más abajo). */
.mp-pp .card .title {
  grid-column: 2;
  grid-row: 1;
  margin:0; line-height:1.25; text-align:center;
  display:flex; align-items:center; justify-content:center;
  align-self: stretch;   /* clave para ocupar la altura de la fila (misma que la imagen) */
  height: 100%;          /* refuerzo para algunos navegadores */
}

/* Fecha a ancho completo */
.mp-pp .card .meta {
  grid-column: 1 / -1; color:var(--sub); font-size:0.95rem; text-align:center; margin:6px 0 4px;
}

/* Puntuación*/
.mp-pp .card .scoreline{
  grid-column: 1 / -1;
  font-weight:700;
  font-size: 1.4rem;
  text-align:center;
  margin:6px 0 0;
  color: var(--ink);
}

/* Duración*/
.mp-pp .card .durationline{
  grid-column: 1 / -1;
  font-weight:700;
  font-size: inherit; /* mismo tamaño que el título */
  text-align:center;
  margin:6px 0 0;
  color: var(--ink);
}
.mp-pp .card .durationline{ margin:2px 0 8px; }

/* Imagen: explícitamente col 1 / fila 1 (tamaños intactos) */
.mp-pp .card img.thumb {
  grid-column: 1;
  grid-row: 1;
  width:120px; height:120px; object-fit:cover; border-radius:10px; background:#f3f4f6;
}
.mp-pp.no-images .card img.thumb { display:none; }

/* Detalles: siempre a ancho completo */
.mp-pp .card .details {
  grid-column: 1 / -1;
  display:flex; flex-direction:column; gap:12px; min-width:0;
}

/* Orden dentro de .details:
   1) chips/variante
   2) summary (descripción)
   3) actions (botones) */

.mp-pp .taxrows {order: 10;display:flex;flex-direction:column;gap:0;align-items:stretch;}
.mp-pp .taxrow  {width:100%;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;border-top:2px solid var(--border);padding:10px 0;}
.mp-pp .taxrow:last-child{border-bottom:2px solid var(--border);}

.mp-pp .taxlabel{ font-weight:600; color:var(--sub); font-size:0.9rem; width:100%; text-align:center; }
.mp-pp .tax-empty{ color:var(--sub); }

.mp-pp .taxchips{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; width:100%; }

/* Puntuación y duración debajo de chips (tema/etiquetas/variantes) */
.mp-pp .card .scoreline   { order: 12; }
.mp-pp .card .durationline{ order: 13; }

/* ✅ Estilos base de las etiquetas (recuperados) */
.mp-pp .chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.1;
  min-height: 30px;
  -webkit-appearance: none;
  appearance: none;
  font-size: 0.85rem;
  color: var(--mp-blue);
  background: #eef5ff;
  border: 1px solid var(--mp-blue);
  border-radius: 999px;
  padding: 6px 10px;
  cursor: pointer;
  text-transform: uppercase;
}

/* Chip no clicable (tema/categoría) */
.mp-pp .chip-static{ cursor: default; user-select:none; pointer-events:none; }

.mp-pp .card .summary{
  order: 20;
  margin:8px 0 10px;
  color: var(--sub);
  font-size: 0.95rem;
  line-height: 1.35;
  text-align: justify; /* descripción justificada */
}
.mp-pp .actions { order: 30; display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
/* Botones (sin cambios visuales) */

.mp-pp .btn {padding:12px 16px;border-radius:10px;border:1px solid var(--mp-blue);background: var(--mp-blue);color:white;cursor:pointer;min-height:44px;font-size:0.85rem;line-height:1.1;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}

.mp-pp .btn.secondary{ background:#fff; color:var(--mp-blue); }

@media (max-width: 640px){
  .mp-pp .actions{
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .mp-pp .actions .btn{
    display: flex;
    width: calc(100% - 20px);
    margin: 0 auto;
    justify-content: center;
    text-align: center;
  }
}

/* Con NO imagen: el título vuelve a la única columna a ancho completo */
.mp-pp.no-images .card .title {
  grid-column: 1;
  grid-row: auto;
  display:flex; align-items:center; justify-content:center; text-align:center;
}

.mp-pp .card .summary{
  margin:8px 0 10px;
  color: var(--sub);
  font-size: 0.95rem;
  line-height: 1.35;
}


/* Justificar texto de las descripciones de las tarjetas del podcast */
.mp-pp .summary {
  text-align: justify;
}

/* Paginación */
/* Botón Cargar más — igual que qbtn y ancho completo */

.mp-pp .loadmore:not(:disabled):hover { filter:brightness(0.98); }
.mp-pp .loadmore:active { transform:translateY(1px); }


/* Cola */
.mp-pp .queue { margin-top:18px; padding:12px; }
.mp-pp .queue h1 { margin:0 0 10px; font-size:1.2rem; color:#ffffff; text-align:center; }
.mp-pp .queue .qitem { display:flex; gap:8px; align-items:center; padding:10px 0; border-bottom:1px dashed var(--border); }
.mp-pp .queue .qtitle { flex:1; min-width:0; color:#ffffff; white-space:normal; overflow:visible; }
.mp-pp .queue .qbtn { border:1px solid var(--mp-blue); background:#fff; color:var(--mp-blue); border-radius:8px; padding:8px 12px; cursor:pointer; min-height:44px; }

/* Caja flotante fija de filtros/resumen (solo cuando el shortcode muestra filtros) */
.mp-pp.mp-pp--with-filters{ position:relative; }
.mp-pp .mp-pp-filters-spacer{
  display:none !important;
  height:0 !important;
  margin:0 !important;
}
.mp-pp-filters-dock{
  position:fixed;
  top:var(--mp-pp-filters-top, 90px);
  left:50%;
  transform:translateX(-50%);
  width:var(--mp-pp-filters-width, 1140px);
  max-width:1080px;
  z-index:10020;
  pointer-events:none;
}
.mp-pp-filters-shell{
  width:100%;
  background:#ffffff;
  border:0px solid rgba(0,123,255,0.18);
  border-radius:10px;
  box-shadow: 0 18px 20px rgba(0,0,0,0.90);
  overflow:visible;
  pointer-events:auto;
}
.mp-pp-filters-summary{
  position:relative;
  padding:16px;
  text-align:center;
}
.mp-pp-filters-summary-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.mp-pp-filters-summary-top{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:12px;
  align-items:center;
}
.mp-pp-filters-summary-top .field.combo{
  width:100%;
  max-width:none;
  min-width:0;
}
.mp-pp-summary-filter-button{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:58px;
  min-width:52px;
  min-height:44px;
  padding:0;
  background:transparent;
  border:0;
  color:var(--mp-blue);
  cursor:pointer;
  font:inherit;
  text-decoration:none;
}
.mp-pp-summary-filter-button svg{
  width:24px;
  height:24px;
  transition:transform .15s ease;
}
.mp-pp-summary-filter-button .mp-pp-filter-label{
  font:500 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans";
  opacity:.9;
  letter-spacing:.2px;
}
.mp-pp-summary-filter-button:hover svg{ transform:scale(1.07); }
.mp-pp-summary-filter-button.is-open{ color:#666666; }
.mp-pp-summary-filter-button.is-open svg{ opacity:.9; transform:none; }
.mp-pp-summary-filter-button:focus-visible{
  outline:2px solid rgba(0,15,255,.25);
  outline-offset:2px;
  border-radius:10px;
}
.mp-pp-filters-summary-top .field.combo input[type="text"]{
  width:100%;
  padding-right:44px;
  font-size:1.06rem;
  font-weight:700;
  background:#ffffff;
  cursor:pointer;
  text-align:center;
}
.mp-pp-filters-summary-top .field.combo input[readonly]{
  caret-color:transparent;
}
.mp-pp-filters-summary-top .field.combo .combo-toggle{
  right:10px;
  color:var(--mp-blue);
}
.mp-pp-filters-summary-top .field.combo .combo-toggle svg{
  width:23px;
  height:23px;
  stroke-width:3;
}
.mp-pp-filters-summary-top .field.combo .combo-list{
  z-index:10070;
}
.mp-pp-state-clear{
  width:44px;
  height:44px;
  margin-left:auto;
  border:1px solid rgba(0,123,255,0.2);
  border-radius:999px;
  background:#ffffff;
  color:#000fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  box-shadow:0 6px 14px rgba(0,123,255,0.10);
  flex:0 0 auto;
}
.mp-pp-state-clear:hover,
.mp-pp-state-clear:focus-visible{
  background:#eef6ff;
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(0,123,255,0.16);
}
.mp-pp-state-clear svg{
  width:23px;
  height:23px;
  display:block;
}
.mp-pp-state-chips{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:center;
  gap:8px;
  min-height:36px;
}
.mp-pp-state-chip{
  min-height:36px;
}
.mp-pp-state-chip .x{
  margin-left:8px;
  font-size:14px;
  line-height:1;
}
.mp-pp-filters-panel{
  display:none;
  padding:0 16px 16px;
  overflow:visible;
}
.mp-pp-filters-shell.is-open .mp-pp-filters-panel{
  display:block;
}
.mp-pp-filters-shell .filters-wrap{
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.mp-pp-filters-shell .filters{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  align-items:start;
}
.mp-pp-filters-shell .field,
.mp-pp-filters-shell .field.combo,
.mp-pp-filters-shell .field.search,
.mp-pp-filters-shell input[type="search"],
.mp-pp-filters-shell input[type="text"],
.mp-pp-filters-shell select{
  width:100%;
}
.mp-pp-filters-shell .combo{
  overflow:visible;
}
.mp-pp .combo.is-open{
  z-index:10080;
}
.mp-pp-filters-shell .combo-list{
  z-index:10090;
}
.mp-pp-filters-shell .field.combo input[type="text"],
.mp-pp-filters-shell .field.search input[type="search"]{
  text-overflow:ellipsis;
  box-shadow:0 2px 10px rgba(107,114,128,0.14);
}
@media (max-width: 640px){
  .mp-pp-filters-dock{
    width:96vw;
    max-width:96vw;
  }
  .mp-pp-filters-summary{
    padding:14px;
  }
  .mp-pp-filters-summary-top .field.combo input[type="text"]{
    font-size:1rem;
    padding-right:40px;
  }
  .mp-pp-summary-filter-button{
    width:48px;
    min-width:46px;
  }
  .mp-pp-summary-filter-button svg{
    width:22px;
    height:22px;
  }
  .mp-pp-summary-filter-button .mp-pp-filter-label{
    font-size:12px;
  }
  .mp-pp-filters-panel{
    padding:0 14px 14px;
    overflow:visible;
  }
  .mp-pp-filters-shell .field.combo input[type="text"],
  .mp-pp-filters-shell .field.search input[type="search"]{
    font-size:15px;
  }
}


.mp-pp .mp-pp-no-results{
  display:none;
  width:100%;
  margin:18px 0;
  padding:22px 18px;
  background:#ffffff;
  border:1px solid var(--border);
  border-radius:14px;
  text-align:center;
  box-shadow:0 8px 18px rgba(17,24,39,0.06);
}
.mp-pp .mp-pp-no-results h2{
  margin:0 0 8px;
  font-size:1.25rem;
  line-height:1.25;
  color:var(--ink);
}
.mp-pp .mp-pp-no-results p{
  margin:0 auto;
  color:var(--sub);
  max-width:620px;
}
.mp-pp .mp-pp-empty-actions,
.mp-pp .mp-pp-bottom-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:10px;
}
.mp-pp .mp-pp-bottom-actions{
  display:none;
  width:100%;
  margin:20px 0 34px;
}
.mp-pp .mp-pp-bottom-actions .btn.secondary:disabled{
  background:linear-gradient(180deg, #ffffff 0%, #f3f4f6 100%);
  color:#9ca3af;
  border-color:#e5e7eb;
  cursor:not-allowed;
  box-shadow:inset 0 0 0 1px #e5e7eb;
}


.mp-pp .mp-pp-load-status{
  width:100%;
  text-align:center;
  color:var(--sub);
  font-size:0.95rem;
  padding:14px 6px 6px;
}
.mp-pp .mp-pp-load-status.is-loading{
  color:var(--mp-blue);
  font-weight:600;
}

/* Barra superior con modo y cerrar */
.mp-pp-sticky .bar{
  display:flex; align-items:center; justify-content:flex-end;
  margin-bottom:8px; gap:10px;
}
.mp-pp-sticky .bar .mode{
  background:#fff; color:#111; border:1px solid var(--border);
  border-radius:8px; padding:8px 10px; min-height:36px;
}
.mp-pp-sticky .bar .close{
  background:#fff; color:#111; border:1px solid var(--border);
  border-radius:999px; padding:6px 10px; cursor:pointer; line-height:1;
}

/* Colores de la barra de progreso: escuchado (azul claro) vs pendiente */
.mp-pp-sticky .seek{
  --seek-pending-color: #1f2937; /* pendiente igual que estaba */
  background: linear-gradient(to right, #9bd1ff 0%, var(--seek-pending-color) 0%);
}

.mp-pp-sticky .top{ display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.mp-pp-sticky .cover{ width:42px; height:42px; border-radius:8px; object-fit:cover; background:#111; }
.mp-pp-sticky .title{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600; }

/* Controles (desktop): seek en línea con botones */
.mp-pp-sticky .controls{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.mp-pp-sticky .btn-ctl{ background:#fff; color:var(--mp-blue); border:1px solid var(--mp-blue); padding:10px 12px; border-radius:8px; cursor:pointer; min-height:44px; line-height:1; flex:0 0 auto; }
.mp-pp-sticky .rate{ width:auto; min-width:64px; flex:0 0 auto; }
.mp-pp-sticky .seek{ appearance:none; -webkit-appearance:none; -moz-appearance:none; height:44px; background:transparent; flex:1 1 240px; min-width:140px; }
.mp-pp-sticky .seek::-webkit-slider-runnable-track{ height:44px; background:#1f2937; border-radius:8px; }
.mp-pp-sticky .seek::-moz-range-track{ height:44px; background:#1f2937; border-radius:8px; }
.mp-pp-sticky .seek::-webkit-slider-thumb{ -webkit-appearance:none; width:8px; height:44px; background:var(--mp-blue); border-radius:2px; margin-top:0; }
.mp-pp-sticky .seek::-moz-range-thumb{ width:8px; height:44px; background:var(--mp-blue); border-radius:2px; border:none; }

/* util a11y */
.mp-pp .sr-only{ position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
/* Botón Cargar más: botón real, ancho completo y estilo consistente */
.mp-pp .loadmore{
  border:0px solid #ffffff;
  background:#000fff;
  color:#ffffff;
  border-radius:10px;
  padding:12px 16px;
  cursor:pointer;
  min-height:44px;
  display:block;
  width:100%;
  max-width:100%;
  text-align:center;
  font-weight:500;
  font-size: 1.2rem !important;
  box-sizing:border-box;
  margin:30px 0;
  -webkit-appearance:none;
  appearance:none;
  box-shadow: 0 0 12px rgba(255,255,255,.45);
}
.mp-pp .loadmore:not(:disabled):hover{ font-weight:700; }

/* Chips (etiquetas) interacciones */
.mp-pp .chip:not(:disabled):hover,
.mp-pp .chip:not(:disabled):focus-visible{ text-decoration: underline; font-weight:700; }

/* Botones: hover en negrita */
.mp-pp .btn:not(:disabled):hover,
.mp-pp .qbtn:not(:disabled):hover,
.mp-pp .btn-ctl:not(:disabled):hover,
.mp-pp .loadmore:not(:disabled):hover{ font-weight:700; }

/* Estado desactivado (grises + blanco, sin hover bold) */
.mp-pp .chip:disabled,
.mp-pp .btn:disabled,
.mp-pp .qbtn:disabled,
.mp-pp .btn-ctl:disabled,
.mp-pp .loadmore:disabled{
  background: linear-gradient(180deg, #ffffff 0%, #f3f4f6 100%);
  color: #9ca3af;
  border-color: #e5e7eb;
  box-shadow: inset 0 0 0 1px #e5e7eb;
  opacity: 1;
  cursor: not-allowed;
  text-decoration: none;
}
.mp-pp .chip.is-active,
.mp-pp .mp-pp-state-chip{
  background:#ffe86b !important;
  color:var(--mp-blue) !important;
  border-color:var(--mp-blue) !important;
  box-shadow:0 2px 8px rgba(0,15,255,0.18);
  opacity:1;
  cursor:pointer;
  font-weight:700;
  text-decoration:none;
}
.mp-pp .chip.is-active *,
.mp-pp .mp-pp-state-chip *{
  color:var(--mp-blue) !important;
  font-weight:700;
}
button.mp-pp-state-chip,
.mp-pp button.chip.is-active,
.mp-pp a.chip.is-active,
.mp-pp span.chip.is-active{
  color:var(--mp-blue) !important;
  border-color:var(--mp-blue) !important;
}
.mp-pp .chip.is-active:hover,
.mp-pp .mp-pp-state-chip:hover{
  background:#ffdf3d !important;
  color:var(--mp-blue) !important;
  border-color:var(--mp-blue) !important;
  font-weight:700;
  text-decoration:none;
}
.mp-pp .chip .x,
.mp-pp .mp-pp-state-chip .x{
  margin-left:8px;
  font-size:14px;
  line-height:1;
  font-weight:700;
}

/* Evitar negrita en hover para desactivados */
.mp-pp .chip:disabled:hover,
.mp-pp .btn:disabled:not(:disabled):hover,
.mp-pp .qbtn:disabled:not(:disabled):hover,
.mp-pp .btn-ctl:disabled:not(:disabled):hover,
.mp-pp .loadmore:disabled:not(:disabled):hover{
  font-weight: 500;
  text-decoration: none;
}



/* Seek bar bicolor: izquierda (progreso) azul claro, derecha gris */
.mp-pp-sticky .seek{
  --seek-fill: 0%;
  -webkit-appearance: none;
  appearance: none;
  width:100%;
  height:6px;
  border-radius:999px;
  background: linear-gradient(to right, #a5b4ff 0 var(--seek-fill), #e5e7eb var(--seek-fill) 100%);
  outline: none;
}
/* WebKit track & thumb */
.mp-pp-sticky .seek::-webkit-slider-runnable-track{
  height:6px;
  border-radius:999px;
  background: linear-gradient(to right, #a5b4ff 0 var(--seek-fill), #e5e7eb var(--seek-fill) 100%);
}
.mp-pp-sticky .seek::-webkit-slider-thumb{
  -webkit-appearance: none;
  appearance: none;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#ffffff;
  border:2px solid var(--mp-blue);
  margin-top:-5px; /* centers thumb over 6px track */
}
/* Firefox */
.mp-pp-sticky .seek::-moz-range-track{
  height:6px;
  border-radius:999px;
  background:#e5e7eb;
}
.mp-pp-sticky .seek::-moz-range-progress{
  height:6px;
  border-radius:999px;
  background:#a5b4ff;
}
.mp-pp-sticky .seek::-moz-range-thumb{
  width:16px; height:16px; border-radius:50%; background:#fff; border:2px solid var(--mp-blue);
}



/* === Sticky position override (keep visuals as v1.4.0) === */
.mp-pp-sticky{
  position: fixed;
  left:30px;
  right:30px;
  padding: 20px;
  bottom: calc(30px + env(safe-area-inset-bottom));
  margin:0 auto;
  background:#0b1220 !important;
  border-radius:16px; box-shadow:0 0 10px #ffffff;
  /*border-radius:16px; box-shadow:0 0 20px #007bff;*/
  width: clamp(320px, 92vw, var(--mp-pp-sticky-max, 1140px));
  z-index: 2147483647;
}

/* === Seek bar: left side light blue (cross-browser) === */
.mp-pp-sticky .seek{
  --seek-fill: 0%;
  -webkit-appearance: none;
  appearance: none;
  width:100%;
  height:6px;
  border-radius:999px;
  background: linear-gradient(to right, #a5b4ff 0 var(--seek-fill), #e5e7eb var(--seek-fill) 100%);
  outline:none;
}
.mp-pp-sticky .seek::-webkit-slider-runnable-track{
  height:6px; border-radius:999px;
  background: linear-gradient(to right, #a5b4ff 0 var(--seek-fill), #e5e7eb var(--seek-fill) 100%);
}
.mp-pp-sticky .seek::-webkit-slider-thumb{
  -webkit-appearance: none; appearance: none;
  width:16px; height:16px; border-radius:50%;
  background:#ffffff; border:2px solid var(--mp-blue);
  margin-top:-5px;
}
.mp-pp-sticky .seek::-moz-range-track{ height:6px; border-radius:999px; background:#e5e7eb; }
.mp-pp-sticky .seek::-moz-range-progress{ height:6px; border-radius:999px; background:#a5b4ff; }
.mp-pp-sticky .seek::-moz-range-thumb{ width:16px; height:16px; border-radius:50%; background:#fff; border:2px solid var(--mp-blue); }

/* Solo el título del reproductor en blanco */
.mp-pp-sticky .top .title{
  color:#ffffff !important;
}

/* MÓVIL ≤ 640px: barra arriba + mandos en UNA fila que se adaptan */
@media (max-width: 640px) {
  .mp-pp-sticky{
    left: 20px !important;
    right: 20px !important;
    bottom: calc(20px + env(safe-area-inset-bottom)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: auto !important;
  }

  .mp-pp-sticky .controls{
    display: flex;
    flex-wrap: wrap;            /* 1ª fila: barra, 2ª fila: mandos */
    align-items: center;
    gap: 8px;                   /* puedes bajar a 6px si hace falta */
    row-gap: 6px;
  }

  /* La barra ocupa su fila completa */
  .mp-pp-sticky .seek{
    order: 0;
    flex: 1 0 100%;
    min-width: 100%;
    height: 22px;
  }

  /* Lo importante: los botones PUEDEN encoger y repartirse */
  .mp-pp-sticky .btn-ctl{
    order: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 0 !important;   /* <-- permite encoger */
    min-width: 0 !important;  /* <-- habilita el recorte del texto */
    width: auto !important;   /* nunca 100% */
    padding: 8px 10px;
    min-height: 36px;
    font-size: 14px;
    gap: 6px;
    white-space: nowrap;      /* sin saltos internos */
  }

  /* Si hay icono + texto, el texto se recorta con "…" */
  .mp-pp-sticky .btn-ctl > span,
  .mp-pp-sticky .btn-ctl .label{
    min-width: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Por si alguna regla anterior fija los botones a 100% */
  .mp-pp-sticky .btn-ctl,
  .mp-pp-sticky .btn-ctl *{
    max-width: 100%;
  }
}

/* === v1.9.2 — Tarjetas estilo imagen completa + audio dentro de la tarjeta === */
.mp-pp .grid{
  gap:32px;
}

.mp-pp .card{
  display:flex !important;
  grid-template-columns:none !important;
  flex-direction:column;
  gap:0;
  position:relative;
  width:100%;
  padding:14px;
  background:#ffffff;
  border:1px solid rgba(0,123,255,0.24);
  border-radius:18px;
  box-shadow:0 0 20px #007bff;
  overflow:hidden;
  cursor:default;
  transition:box-shadow .18s ease, transform .18s ease;
}
.mp-pp .card:hover{
  box-shadow:0 0 24px #007bff;
}
.mp-pp .card:focus-visible{
  outline:3px solid rgba(0,123,255,0.35);
  outline-offset:5px;
}

.mp-pp .mp-pp-card-media{
  position:relative;
  width:100%;
  aspect-ratio:1 / 1;
  overflow:hidden;
  border-radius:14px;
  background:#f3f4f6;
  isolation:isolate;
}
.mp-pp .mp-pp-card-media::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  box-shadow:
    inset 0 0 24px 8px rgba(255,255,255,0.30),
    inset 0 0 52px 18px rgba(255,255,255,0.24),
    inset 0 0 86px 32px rgba(255,255,255,0.18);
}
.mp-pp .card img.thumb{
  position:absolute !important;
  inset:0;
  z-index:1;
  grid-column:auto !important;
  grid-row:auto !important;
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:none;
  object-fit:cover;
  border-radius:0 !important;
  background:#f3f4f6;
}
.mp-pp.no-images .mp-pp-card-media{
  display:none;
}

.mp-pp .card .title{
  position:absolute !important;
  z-index:4;
  left:18px;
  right:18px;
  top:18px;
  display:block !important;
  height:auto !important;
  grid-column:auto !important;
  grid-row:auto !important;
  margin:0;
  padding:0;
  text-align:center;
  color:var(--mp-blue);
  font-weight:900;
  font-size:clamp(1.35rem, 2.6vw, 2.05rem);
  line-height:1.15;
  text-decoration:none;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
  -webkit-text-stroke:0 transparent;
  paint-order:normal;
  text-shadow:
    0 0 4px rgba(255,255,255,1),
    0 0 10px rgba(255,255,255,1),
    0 0 20px rgba(255,255,255,0.98),
    0 0 38px rgba(255,255,255,0.96),
    0 0 62px rgba(255,255,255,0.92),
    0 2px 6px rgba(255,255,255,0.96);
}
.mp-pp .card .title a{
  color:inherit;
  text-decoration:none;
}

.mp-pp .mp-pp-card-play{
  position:absolute;
  z-index:5;
  left:18px;
  bottom:16px;
  width:62px;
  height:62px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--mp-blue);
  font-size:54px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  -webkit-text-stroke:0 transparent;
  text-shadow:
    0 0 4px rgba(255,255,255,1),
    0 0 10px rgba(255,255,255,1),
    0 0 20px rgba(255,255,255,0.98),
    0 0 38px rgba(255,255,255,0.96),
    0 0 62px rgba(255,255,255,0.92),
    0 2px 6px rgba(255,255,255,0.96);
}
.mp-pp .mp-pp-card-play:hover,
.mp-pp .mp-pp-card-play:focus-visible{
  transform:scale(1.04);
  outline:none;
}
.mp-pp .mp-pp-card-play.is-playing{
  font-size:42px;
}

.mp-pp .mp-pp-card-audio{
  display:none;
  width:100%;
  padding:14px 4px 0;
  cursor:default;
}
.mp-pp .card.is-audio-open .mp-pp-card-audio{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:9px;
}
.mp-pp .mp-pp-card-time{
  text-align:center;
  font-weight:700;
  font-size:.92rem;
  color:var(--ink);
}
.mp-pp .mp-pp-card-seek{
  --seek-fill:0%;
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  height:7px;
  border-radius:999px;
  background:linear-gradient(to right, #a5b4ff 0 var(--seek-fill), #e5e7eb var(--seek-fill) 100%);
  outline:none;
  cursor:pointer;
}
.mp-pp .mp-pp-card-seek::-webkit-slider-runnable-track{
  height:7px;
  border-radius:999px;
  background:linear-gradient(to right, #a5b4ff 0 var(--seek-fill), #e5e7eb var(--seek-fill) 100%);
}
.mp-pp .mp-pp-card-seek::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:17px;
  height:17px;
  border-radius:50%;
  background:#ffffff;
  border:2px solid var(--mp-blue);
  margin-top:-5px;
}
.mp-pp .mp-pp-card-seek::-moz-range-track{
  height:7px;
  border-radius:999px;
  background:#e5e7eb;
}
.mp-pp .mp-pp-card-seek::-moz-range-progress{
  height:7px;
  border-radius:999px;
  background:#a5b4ff;
}
.mp-pp .mp-pp-card-seek::-moz-range-thumb{
  width:17px;
  height:17px;
  border-radius:50%;
  background:#ffffff;
  border:2px solid var(--mp-blue);
}
.mp-pp .mp-pp-card-audio .btn.addq{
  align-self:center;
  margin-top:4px;
}

.mp-pp .card .details{
  grid-column:auto !important;
  width:100%;
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
  padding-top:12px;
}
.mp-pp .card .summary{
  order:10 !important;
  margin:0;
  color:var(--sub);
  font-size:.95rem;
  line-height:1.35;
  text-align:justify;
}

.mp-pp .mp-pp-author-box{
  order:14;
  margin:0;
  padding:10px 14px;
  border:1px solid rgba(0,15,255,.16);
  border-radius:14px;
  background:#fff;
  box-shadow:0 0 14px rgba(0,98,255,.22);
  text-align:center;
}
.mp-pp .mp-pp-author-line{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  max-width:100%;
  min-width:0;
  min-height:58px;
}
.mp-pp .mp-pp-author-avatar{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(0,15,255,.18);
  box-shadow:0 2px 8px rgba(0,15,255,.12);
  background:#fff;
}
.mp-pp .mp-pp-author-text{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:5px;
  min-width:0;
  font-size:.95rem;
  line-height:1.25;
  font-weight:800;
  color:var(--ink);
}
.mp-pp .mp-pp-author-kicker{
  color:var(--ink);
  font-weight:900;
}
.mp-pp .mp-pp-author-name{
  color:var(--ink);
  font-size:.98rem;
  line-height:1.25;
  font-weight:900;
  text-decoration:none;
  min-width:0;
}
.mp-pp a.mp-pp-author-name{ color:var(--mp-blue); }
.mp-pp a.mp-pp-author-name:hover,
.mp-pp a.mp-pp-author-name:focus-visible{ text-decoration:underline; }

/* Ajuste reforzado autor en tarjetas 1.9.31 */
.mp-pp .mp-card .mp-pp-author-box,
.mp-pp .mp-pp-card .mp-pp-author-box,
.mp-pp .mp-pp-author-box{
  padding:8px 14px!important;
  min-height:78px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.mp-pp .mp-card .mp-pp-author-line,
.mp-pp .mp-pp-card .mp-pp-author-line,
.mp-pp .mp-pp-author-line{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  width:100%!important;
  min-height:62px!important;
  margin:0 auto!important;
}
.mp-pp .mp-card .mp-pp-author-avatar,
.mp-pp .mp-pp-card .mp-pp-author-avatar,
.mp-pp .mp-pp-author-avatar{
  width:68px!important;
  height:68px!important;
  flex:0 0 68px!important;
  display:block!important;
}
.mp-pp .mp-card .mp-pp-author-text,
.mp-pp .mp-pp-card .mp-pp-author-text,
.mp-pp .mp-pp-author-text{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  margin:0!important;
}

.mp-pp .card .scoreline{
  order:20 !important;
  margin:0;
  font-weight:700;
  font-size:1.25rem;
  line-height:1.2;
  text-align:center;
  color:var(--ink);
}
.mp-pp .card .durationline{
  display:none !important;
}
.mp-pp .taxrows{
  order:30 !important;
  display:flex;
  flex-direction:column;
  gap:0;
  align-items:stretch;
  margin-top:2px;
}
.mp-pp .taxrow{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:center;
  justify-content:center;
  border-top:2px solid var(--border);
  padding:10px 0;
}
.mp-pp .taxrow:last-child{
  border-bottom:2px solid var(--border);
}
.mp-pp .taxrow--theme{
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.mp-pp .taxrow--theme .taxlabel{
  width:auto;
  flex:0 0 auto;
  text-align:left;
  font-weight:700;
  color:var(--sub);
  font-size:.9rem;
}
.mp-pp .taxrow--theme .taxchips{
  width:auto;
  min-width:0;
  flex:0 1 auto;
  justify-content:flex-start;
}
.mp-pp .taxrow--tags .taxlabel,
.mp-pp .taxrow--variante .taxlabel{
  display:none;
}
.mp-pp .taxchips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
  width:100%;
}
.mp-pp .actions{
  display:none !important;
}

/* === v1.9.3 — enlace inline tras el resumen y tarjetas sin margen lateral del contenedor === */
.mp-pp{
  padding-left:0 !important;
  padding-right:0 !important;
}
.mp-pp .grid,
.mp-pp.mp-pp-fallback.grid{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  justify-items:stretch;
}
.mp-pp .card{
  margin-left:0 !important;
  margin-right:0 !important;
  justify-self:stretch;
}
.mp-pp .summary .mp-pp-full-link{
  color:var(--mp-blue);
  font-size:inherit;
  line-height:inherit;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:2px;
}
.mp-pp .summary .mp-pp-full-link:hover,
.mp-pp .summary .mp-pp-full-link:focus-visible{
  text-decoration-thickness:2px;
}

@media (max-width: 640px){
  .mp-pp .grid{
    gap:28px;
  }
  .mp-pp .card{
    padding:12px;
    border-radius:16px;
  }
  .mp-pp .mp-pp-card-media{
    border-radius:12px;
  }
  .mp-pp .card .title{
    left:14px;
    right:14px;
    top:14px;
    font-size:clamp(1.2rem, 7vw, 1.85rem);
  }
  .mp-pp .mp-pp-card-play{
    left:14px;
    bottom:12px;
    width:56px;
    height:56px;
    font-size:49px;
  }
  .mp-pp .mp-pp-card-play.is-playing{
    font-size:38px;
  }
}


/* === v1.9.4 — filtros externos cerrados + filtros desplegables por tarjeta === */
.mp-pp-filters-dock{
  display:none;
}
.mp-pp-filters-dock.is-open{
  display:block;
}
.mp-pp-filters-summary-top{
  grid-template-columns:minmax(0, 1fr) auto;
}
.mp-pp-summary-filter-button{
  position:absolute;
  top:10px;
  right:10px;
  width:42px;
  min-width:42px;
  min-height:42px;
  height:42px;
  padding:0;
  background:#ffffff;
  border-radius:10px;
  box-shadow:0 0 12px rgba(0,0,0,0.45);
  z-index:2;
}
.mp-pp-summary-filter-button .mp-pp-filter-label{
  display:none !important;
}
.mp-pp-summary-filter-button svg{
  width:22px;
  height:22px;
}
.mp-pp-filters-shell .filters{
  grid-template-columns:1fr;
}
.mp-pp-filters-shell .filters .field.search{ order:1; }
.mp-pp-filters-shell .filters .mp-pp-sort-field{ order:2; }
.mp-pp-filters-shell .filters .mp-pp-theme-field{ order:3; }
.mp-pp-filters-shell .filters .mp-pp-tag-field{ order:4; }
.mp-pp-filters-shell .filters .mp-pp-var-field{ order:5; }
.mp-pp-filters-shell .filters .field.combo.is-readonly input[type="text"]{
  background:#ffffff;
  font-weight:400;
  text-align:left;
}
.mp-pp .card .summary .mp-pp-full-link{ display:none; }
.mp-pp .mp-pp-card-linkline{
  order:15;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  margin:0;
}
.mp-pp .mp-pp-card-linkline .mp-pp-full-link{
  color:var(--mp-blue);
  font-size:.95rem;
  line-height:1.35;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:2px;
}
.mp-pp .mp-pp-card-linkline .mp-pp-full-link:hover,
.mp-pp .mp-pp-card-linkline .mp-pp-full-link:focus-visible{
  text-decoration-thickness:2px;
}
.mp-pp .mp-pp-card-filter-toggle{
  position:relative;
  width:42px;
  height:42px;
  min-width:42px;
  border:0;
  background:transparent;
  color:var(--mp-blue);
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  text-shadow:
    0 0 4px rgba(255,255,255,1),
    0 0 10px rgba(255,255,255,1),
    0 0 20px rgba(255,255,255,.98),
    0 0 38px rgba(255,255,255,.96);
}
.mp-pp .mp-pp-card-filter-toggle svg{
  width:25px;
  height:25px;
}
.mp-pp .mp-pp-card-filter-toggle:hover,
.mp-pp .mp-pp-card-filter-toggle:focus-visible{
  background:#eef6ff;
  outline:none;
}
.mp-pp .mp-pp-card-filter-toggle.has-active-filters::after{
  content:'';
  position:absolute;
  top:5px;
  right:5px;
  width:9px;
  height:9px;
  border-radius:999px;
  background:#ffe86b;
  box-shadow:0 0 0 3px #ffffff;
}
.mp-pp .mp-pp-card-filters{
  order:30;
  display:none;
  width:100%;
}
.mp-pp .card.is-card-filters-open .mp-pp-card-filters{
  display:block;
}
.mp-pp .taxrows{
  margin-top:0;
}
.mp-pp .taxrow,
.mp-pp .taxrow--theme{
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.mp-pp .taxlabel,
.mp-pp .taxrow--theme .taxlabel,
.mp-pp .taxrow--tags .taxlabel,
.mp-pp .taxrow--variante .taxlabel,
.mp-pp .taxrow--classification .taxlabel{
  display:block;
  width:100%;
  text-align:center;
  font-weight:700;
  color:var(--sub);
  font-size:.9rem;
}
.mp-pp .taxrow--theme .taxchips{
  width:100%;
  justify-content:center;
}
.mp-pp .taxrow--classification .taxchips{
  width:100%;
}
.mp-pp .mp-pp-rating-list{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.mp-pp .mp-pp-rating-row{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:12px;
  align-items:center;
  padding:8px 10px;
  border:1px solid transparent;
  border-radius:10px;
  background:#ffffff;
  color:var(--ink);
  cursor:pointer;
  font:inherit;
  text-align:left;
}
.mp-pp .mp-pp-rating-row:hover,
.mp-pp .mp-pp-rating-row:focus-visible{
  border-color:rgba(0,123,255,.30);
  background:#eef6ff;
  outline:none;
}
.mp-pp .mp-pp-rating-row.is-active{
  background:#ffe86b !important;
  border-color:var(--mp-blue) !important;
  color:var(--ink);
  font-weight:700;
  box-shadow:0 2px 8px rgba(0,15,255,0.18);
}
.mp-pp .mp-pp-rating-row.is-active:hover,
.mp-pp .mp-pp-rating-row.is-active:focus-visible{
  background:#ffdf3d !important;
  border-color:var(--mp-blue) !important;
}
.mp-pp .mp-pp-rating-name{
  min-width:0;
  overflow-wrap:anywhere;
  color:var(--mp-blue);
  text-decoration:underline;
  text-underline-offset:2px;
  font-weight:600;
}
.mp-pp .mp-pp-rating-row:hover .mp-pp-rating-name,
.mp-pp .mp-pp-rating-row:focus-visible .mp-pp-rating-name{
  text-decoration-thickness:2px;
}
.mp-pp .mp-pp-rating-row.is-active .mp-pp-rating-name{
  color:var(--mp-blue) !important;
  font-weight:700;
}
.mp-pp .mp-pp-rating-score{
  white-space:nowrap;
  font-weight:700;
  color:var(--ink);
  text-decoration:none;
}
.mp-pp .mp-pp-rating-row.is-active .mp-pp-rating-score{
  color:var(--ink) !important;
}


/* === v1.9.5 — doble ventana flotante: controles + filtros activos === */
/* === v1.9.6 — la tarjeta ya no navega al hacer clic; solo el enlace abre la publicación === */
/* === v1.9.7 — búsqueda general, combos solo selección y mejoras filtros activos === */
.mp-pp-controls-dock{
  display:none;
}
.mp-pp-controls-dock.is-open{
  display:block;
}
.mp-pp-active-filters-dock{
  position:fixed;
  top:var(--mp-pp-active-filters-top, 90px);
  left:50%;
  transform:translateX(-50%);
  width:var(--mp-pp-filters-width, 1140px);
  max-width:1080px;
  z-index:10018;
  pointer-events:none;
  display:none;
}
.mp-pp-active-filters-dock.is-open{
  display:block;
}
.mp-pp-active-filters-shell{
  width:100%;
  background:#ffffff;
  border-radius:10px;
  box-shadow:0 0 16px rgba(0,0,0,0.58);
  overflow:visible;
  pointer-events:auto;
}
.mp-pp-active-filters-shell .mp-pp-filters-summary{
  padding:8px 14px;
}
.mp-pp-active-filters-shell .mp-pp-filters-summary-top{
  display:block;
}
.mp-pp-active-filters-shell .mp-pp-state-chips{
  display:flex;
}
.mp-pp-filters-shell{
  position:relative;
}
.mp-pp-filters-shell .mp-pp-filters-panel{
  padding:16px;
  padding-top:64px;
}
@media (max-width:640px){
  .mp-pp-active-filters-dock{
    width:96vw;
    max-width:96vw;
  }
  .mp-pp-filters-shell .mp-pp-filters-panel{
    padding:14px;
    padding-top:62px;
  }
}

@media (max-width:640px){
  .mp-pp .mp-pp-card-linkline .mp-pp-full-link,
  .mp-pp .card .summary{
    font-size:.94rem;
  }
}


/* === v1.9.8 — búsqueda con sugerencias y bloqueo de scroll al abrir filtros === */
html.mp-pp-filter-lock,
body.mp-pp-filter-lock{
  overflow:hidden !important;
}
body.mp-pp-filter-lock{
  touch-action:none;
}
.mp-pp .field.search.mp-pp-suggest-field{
  z-index:10080;
}
.mp-pp-filters-shell .mp-pp-filters-panel{
  max-height:calc(100vh - var(--mp-pp-filters-top, 90px) - 24px);
}
.mp-pp .mp-pp-search-suggest-list{
  display:none;
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 6px);
  max-height:360px;
  overflow-y:auto;
  background:#ffffff;
  border:1px solid rgba(0,123,255,0.28);
  border-radius:14px;
  box-shadow:0 0 18px rgba(0,0,0,0.22);
  z-index:10090;
  padding:6px;
  scrollbar-width:auto;
  scrollbar-color:#007bff #eef6ff;
}
.mp-pp .mp-pp-search-suggest-list.open{
  display:block;
}
.mp-pp .mp-pp-search-suggest-list::-webkit-scrollbar{ width:18px; }
.mp-pp .mp-pp-search-suggest-list::-webkit-scrollbar-track{ background:#eef6ff; border-radius:12px; }
.mp-pp .mp-pp-search-suggest-list::-webkit-scrollbar-thumb{ background:#007bff; border-radius:12px; border:3px solid #eef6ff; }
.mp-pp .mp-pp-search-suggest-item{
  width:100%;
  border:0;
  background:#ffffff;
  color:var(--ink);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  text-align:left;
  padding:10px 12px;
  border-radius:10px;
  cursor:pointer;
  font:500 15px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans";
}
.mp-pp .mp-pp-search-suggest-item:hover,
.mp-pp .mp-pp-search-suggest-item:focus-visible,
.mp-pp .mp-pp-search-suggest-item.is-active{
  background:#fff9d7;
  outline:none;
}
.mp-pp .mp-pp-search-suggest-text{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mp-pp .mp-pp-search-suggest-kind{
  flex:0 0 auto;
  color:#555;
  font-weight:700;
  font-size:.9em;
  white-space:nowrap;
}
.mp-pp .mp-pp-search-suggest-empty{
  padding:10px 12px;
  color:#666;
  font:500 15px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans";
}
.mp-pp-active-filters-shell .mp-pp-state-chips .mp-pp-state-clear{
  margin-left:auto !important;
  color:#000fff !important;
}
@media (max-width:640px){
  .mp-pp .mp-pp-search-suggest-list{
    max-height:min(55vh, 360px);
  }
  .mp-pp .mp-pp-search-suggest-text{
    white-space:normal;
  }
}


/* === v1.9.9 — sugerencia por texto en títulos, oscurecimiento modal y filtros activos abajo === */
.mp-pp-modal-backdrop{
  position:fixed;
  inset:0;
  display:none;
  background:rgba(0,0,0,0.32);
  z-index:10015;
  pointer-events:auto;
  cursor:default;
}
.mp-pp-modal-backdrop.is-open{
  display:block;
}
.mp-pp-active-filters-dock{
  top:auto !important;
  bottom:14px;
  z-index:10018;
}
.mp-pp-active-filters-shell .mp-pp-filters-summary{
  position:relative;
  padding:12px 64px 12px 18px;
}
.mp-pp-active-filters-shell .mp-pp-state-chips{
  display:flex !important;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
}
.mp-pp-active-filters-shell .mp-pp-state-chips .mp-pp-state-clear{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  margin-left:0 !important;
  width:44px;
  height:44px;
  min-width:44px;
  color:#000fff !important;
}
body.mp-pp-filter-lock .mp-pp .card a,
body.mp-pp-filter-lock .mp-pp .card button,
body.mp-pp-filter-lock .mp-pp .card input,
body.mp-pp-filter-lock .mp-pp .card select,
body.mp-pp-filter-lock .mp-pp .card textarea{
  pointer-events:none !important;
}
@media (max-width:640px){
  .mp-pp-active-filters-dock{
    bottom:10px;
  }
  .mp-pp-active-filters-shell .mp-pp-filters-summary{
    padding:10px 58px 10px 12px;
  }
  .mp-pp-active-filters-shell .mp-pp-state-chips .mp-pp-state-clear{
    right:8px;
    width:42px;
    height:42px;
    min-width:42px;
  }
}


/* === v1.9.10 — cola de reproducción en ventana flotante === */
.mp-pp-queue-backdrop{
  position:fixed;
  inset:0;
  display:none;
  background:rgba(0,0,0,0.32);
  z-index:10016;
  pointer-events:auto;
  cursor:default;
}
.mp-pp-queue-backdrop.is-open{ display:block; }
.mp-pp-queue-dock{
  position:fixed;
  top:var(--mp-pp-queue-top, 90px);
  left:50%;
  transform:translateX(-50%);
  width:var(--mp-pp-queue-width, 1080px);
  max-width:1080px;
  max-height:calc(100vh - var(--mp-pp-queue-top, 90px) - 24px);
  z-index:10024;
  pointer-events:none;
  display:none;
}
.mp-pp-queue-dock.is-open{ display:block; }
.mp-pp-queue-shell{
  width:100%;
  max-height:inherit;
  display:flex;
  flex-direction:column;
  background:#ffffff;
  border-radius:10px;
  box-shadow:0 0 20px rgba(0,0,0,0.70), 0 0 8px rgba(0,0,0,0.45);
  overflow:hidden;
  pointer-events:auto;
}
.mp-pp-queue-head{
  flex:0 0 auto;
  padding:14px;
  background:#ffffff;
  border-bottom:1px solid #e5e7eb;
}
.mp-pp-queue-list{
  flex:1 1 auto;
  min-height:110px;
  max-height:calc(100vh - var(--mp-pp-queue-top, 90px) - 250px);
  overflow-y:auto;
  padding:6px 14px 14px;
  scrollbar-width:auto;
  scrollbar-color:#007bff #eef6ff;
}
.mp-pp-queue-list::-webkit-scrollbar{ width:18px; }
.mp-pp-queue-list::-webkit-scrollbar-track{ background:#eef6ff; border-radius:12px; }
.mp-pp-queue-list::-webkit-scrollbar-thumb{ background:#007bff; border-radius:12px; border:3px solid #eef6ff; }
.mp-pp-queue-player.mp-pp-sticky{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:14px !important;
  border-radius:14px !important;
  background:#0b1220 !important;
  box-shadow:0 0 10px rgba(255,255,255,.75) !important;
  z-index:auto !important;
}
.mp-pp-queue-player .bar{
  position:absolute;
  top:8px;
  right:8px;
  margin:0 !important;
  z-index:2;
}
.mp-pp-queue-player .bar .close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  padding:0 !important;
  border-radius:999px;
  color:#000fff;
  background:#ffffff;
  border:0;
  box-shadow:0 0 8px rgba(255,255,255,.7);
  cursor:pointer;
}
.mp-pp-queue-player .top{
  display:block !important;
  margin:0 42px 10px 0 !important;
}
.mp-pp-queue-player .top .title{
  color:#ffffff !important;
  font-weight:700;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:left;
}
.mp-pp-queue-player .queue-seek-row{
  width:100%;
  margin:8px 0 12px;
}
.mp-pp-queue-player .controls{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.mp-pp-queue-player .seek{
  width:100% !important;
  min-width:100% !important;
  flex:0 0 100% !important;
}
.mp-pp-queue-list .qitem{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 6px;
  border-bottom:1px dashed #e5e7eb;
  border-radius:10px;
}
.mp-pp-queue-list .qitem.is-active{
  background:#ffe86b;
  box-shadow:0 2px 8px rgba(0,15,255,0.14);
}
.mp-pp-queue-list .qtitle{
  flex:1 1 auto;
  min-width:0;
  border:0;
  background:transparent;
  color:#111827;
  text-align:left;
  padding:8px 6px;
  font:600 15px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans";
  cursor:pointer;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mp-pp-queue-list .qtitle:hover,
.mp-pp-queue-list .qtitle:focus-visible{
  color:#000fff;
  text-decoration:underline;
  outline:none;
}
.mp-pp-queue-list .qremove{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border:0;
  border-radius:999px;
  background:#ffffff;
  color:#000fff;
  box-shadow:0 0 8px rgba(0,0,0,0.22);
  cursor:pointer;
}
.mp-pp-queue-list .qremove svg{
  width:18px;
  height:18px;
}
.mp-pp-queue-list .qempty{
  padding:18px 8px;
  text-align:center;
  color:#6b7280;
  font-weight:600;
}
body.mp-pp-filter-lock .mp-pp .card a,
body.mp-pp-filter-lock .mp-pp .card button,
body.mp-pp-filter-lock .mp-pp .card input,
body.mp-pp-filter-lock .mp-pp .card select,
body.mp-pp-filter-lock .mp-pp .card textarea{
  pointer-events:none !important;
}
@media (max-width:640px){
  .mp-pp-queue-dock{
    width:96vw;
    max-width:96vw;
    max-height:calc(100vh - var(--mp-pp-queue-top, 90px) - 18px);
  }
  .mp-pp-queue-head{ padding:10px; }
  .mp-pp-queue-player.mp-pp-sticky{ padding:12px !important; }
  .mp-pp-queue-list{
    max-height:calc(100vh - var(--mp-pp-queue-top, 90px) - 230px);
    padding:6px 10px 12px;
  }
  .mp-pp-queue-player .controls{ gap:7px; }
  .mp-pp-queue-player .btn-ctl{
    flex:1 1 0 !important;
    min-width:0 !important;
    padding:8px 9px;
    min-height:38px;
  }
  .mp-pp-queue-player .rate{ flex:1 1 0 !important; min-width:58px !important; }
}


/* === v1.9.11 — retoques cola flotante, cierre y cola en tarjetas === */
.mp-pp-queue-shell{
  overflow:visible !important;
}
.mp-pp-queue-head{
  position:relative;
  padding-top:22px;
}
.mp-pp-queue-player.mp-pp-sticky{
  background:#ffffff !important;
  box-shadow:0 0 12px rgba(0,0,0,.18) !important;
  border:1px solid rgba(0,123,255,.12);
}
.mp-pp-queue-player .bar{
  top:-18px !important;
  right:-8px !important;
}
.mp-pp-queue-player .bar .close,
.mp-pp-summary-filter-button{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#ffffff !important;
  color:#000fff !important;
  box-shadow:0 0 10px rgba(0,0,0,.26) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
}
.mp-pp-queue-player .bar .close svg,
.mp-pp-summary-filter-button svg{
  width:21px !important;
  height:21px !important;
}
.mp-pp-summary-filter-button{
  position:absolute !important;
  top:-14px !important;
  right:-8px !important;
  z-index:3 !important;
}
.mp-pp-queue-player .top{
  margin:0 28px 10px 28px !important;
}
.mp-pp-queue-player .top .title{
  color:var(--ink) !important;
  text-align:center !important;
}
.mp-pp-queue-player .controls{
  justify-content:center !important;
}
.mp-pp-queue-player .btn-ctl:not(.rate){
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#000fff !important;
  font-size:28px !important;
  line-height:1 !important;
  min-height:44px !important;
  padding:6px 10px !important;
  border-radius:999px !important;
}
.mp-pp-queue-player .btn-ctl:not(.rate):hover,
.mp-pp-queue-player .btn-ctl:not(.rate):focus-visible{
  background:#eef6ff !important;
  font-weight:700;
}
.mp-pp-queue-player .rate{
  order:20 !important;
  margin-left:12px !important;
  background:#ffffff !important;
  color:#000fff !important;
  border:1px solid #000fff !important;
  box-shadow:none !important;
  font-size:16px !important;
  min-height:42px !important;
  padding:8px 10px !important;
  border-radius:8px !important;
  width:auto !important;
  min-width:72px !important;
  flex:0 0 auto !important;
}

.mp-pp-queue-player .btn-ctl:disabled,
.mp-pp-queue-player .seek:disabled{
  opacity:.38 !important;
  cursor:not-allowed !important;
  pointer-events:none !important;
}
.mp-pp-queue-player .seek:disabled{
  filter:grayscale(1) !important;
}
.mp-pp .mp-pp-card-queue-toggle{
  position:relative;
  width:42px;
  height:42px;
  min-width:42px;
  border:0;
  background:transparent;
  color:var(--mp-blue);
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  text-shadow:0 0 4px rgba(255,255,255,1), 0 0 10px rgba(255,255,255,1), 0 0 20px rgba(255,255,255,.98), 0 0 38px rgba(255,255,255,.96);
  margin-left:auto;
}
.mp-pp .mp-pp-card-queue-toggle svg{
  width:25px;
  height:25px;
}
.mp-pp .mp-pp-card-queue-toggle:hover,
.mp-pp .mp-pp-card-queue-toggle:focus-visible{
  background:#eef6ff;
  outline:none;
}
.mp-pp .mp-pp-card-queue-toggle.is-active{
  background:#ffe86b;
  color:var(--mp-blue);
  box-shadow:0 2px 8px rgba(0,15,255,0.18);
}
.mp-pp .mp-pp-card-queue-toggle.is-active:hover,
.mp-pp .mp-pp-card-queue-toggle.is-active:focus-visible{
  background:#ffdf3d;
}
@media (max-width:640px){
  .mp-pp-queue-head{ padding-top:20px; }
  .mp-pp-queue-player .top{ margin-left:20px !important; margin-right:20px !important; }
  .mp-pp-queue-player .btn-ctl:not(.rate){
    flex:0 0 auto !important;
    font-size:25px !important;
    padding:6px 8px !important;
  }
  .mp-pp-queue-player .rate{
    flex:0 0 auto !important;
    min-width:66px !important;
    margin-left:6px !important;
  }
}

/* === v1.9.12 — retoques finales de ventanas flotantes y posición de puntuación === */
.mp-pp-filters-shell,
.mp-pp-active-filters-shell,
.mp-pp-queue-shell{
  box-shadow:0 0 20px rgba(0,0,0,0.60), 0 0 10px rgba(0,0,0,0.90) !important;
}
.mp-pp-queue-shell{
  border-radius:10px !important;
}
.mp-pp-queue-head{
  border-radius:10px 10px 0 0 !important;
  overflow:visible !important;
}
.mp-pp-queue-list{
  background:#ffffff;
  border-radius:0 0 10px 10px !important;
}
.mp-pp-queue-player .bar{
  top:-14px !important;
  right:-8px !important;
}
.mp-pp .card .scoreline{
  margin:12px 0 0 !important;
}


/* === v1.9.13 — correcciones cola, puntuación y una columna en escritorio === */
.mp-pp-queue-shell{
  position:relative !important;
  border-radius:10px !important;
  overflow:visible !important;
}
.mp-pp-queue-close{
  position:absolute !important;
  top:-14px !important;
  right:-8px !important;
  z-index:6 !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#ffffff !important;
  color:#000fff !important;
  box-shadow:0 0 10px rgba(0,0,0,.26) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  cursor:pointer !important;
}
.mp-pp-queue-close svg{
  width:21px !important;
  height:21px !important;
}
.mp-pp-queue-close:hover,
.mp-pp-queue-close:focus-visible{
  background:#eef6ff !important;
  outline:none !important;
}
.mp-pp-queue-player .bar{
  display:none !important;
}
.mp-pp-queue-player .top{
  margin:0 18px 10px 18px !important;
}
.mp-pp-queue-player .top .title{
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  hyphens:auto !important;
}
.mp-pp .card .summary{
  order:10 !important;
}
.mp-pp .card .scoreline{
  order:14 !important;
  margin:0 !important;
}
.mp-pp .mp-pp-card-linkline{
  order:16 !important;
}
@media (min-width:900px){
  .mp-pp .grid,
  .mp-pp.mp-pp-fallback.grid{
    grid-template-columns:minmax(0, 60%) !important;
    justify-content:center !important;
    justify-items:stretch !important;
  }
  .mp-pp .card{
    width:100% !important;
    max-width:none !important;
  }
}
@media (max-width:640px){
  .mp-pp-queue-close{
    top:-14px !important;
    right:-8px !important;
  }
}


/* === v1.9.17 — estado estable de puntos activos en encabezado === */
.mp-pp-queue-player .queue-time{
  margin:7px 0 0;
  text-align:center;
  color:#374151;
  font:600 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans";
  letter-spacing:.01em;
}
.mp-pp-queue-player .queue-seek-row{
  margin-bottom:8px !important;
}
@media (max-width:640px){
  .mp-pp-queue-player .queue-time{ font-size:13px; }
}