/* ===== SRXMV estilos (scoped, sin chocar con tu tema) ===== */
#srxmv-wrap, #srxmv-wrap * { box-sizing: border-box; }
#srxmv-wrap {
  --srxmv-gap: 16px;
  --srxmv-radius: 14px;
  --srxmv-shadow: 0 6px 18px rgba(0,0,0,.06);
  --srxmv-border: 1px solid #ebedf0;
  --srxmv-chip-bg: #111827;
  --srxmv-chip-color: #fff;
  --srxmv-title: #111827;
  --srxmv-cat-bg: rgba(17,24,39,.85);
  --srxmv-cat-color: #fff;
  --srxmv-card-bg: #fff;
  --srxmv-card-title: #111827;
  --srxmv-card-title-hover: #0f766e;
  margin: 24px 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
#srxmv-wrap .srxmv-inner {
  border: var(--srxmv-border);
  border-radius: var(--srxmv-radius);
  box-shadow: var(--srxmv-shadow);
  padding: 14px;
  background: #fff;
}
#srxmv-wrap .srxmv-head {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  margin-bottom: 10px;
}
#srxmv-wrap .srxmv-chip {
  background: var(--srxmv-chip-bg); color: var(--srxmv-chip-color);
  padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 700;
  letter-spacing: .3px; text-transform: uppercase;
}

/* Grid: desktop 3 cols, tablet 2, móvil 1 */
#srxmv-wrap .srxmv-grid { display: grid; gap: var(--srxmv-gap); grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1024px){ #srxmv-wrap .srxmv-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px){  #srxmv-wrap .srxmv-grid { grid-template-columns: 1fr; } }

/* Card */
#srxmv-wrap .srxmv-card {
  background: var(--srxmv-card-bg); border: 1px solid #f2f3f5;
  border-radius: var(--srxmv-radius); overflow: hidden;
  transition: box-shadow .2s ease, transform .2s ease;
}
#srxmv-wrap .srxmv-card:hover {
  box-shadow: 0 12px 24px rgba(0,0,0,.08);
  transform: translateY(-2px);
}
#srxmv-wrap .srxmv-thumb { position: relative; display: block; aspect-ratio: 16/9; overflow: hidden; }
#srxmv-wrap .srxmv-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .25s ease; }
#srxmv-wrap .srxmv-thumb:hover img { transform: scale(1.03); }
#srxmv-wrap .srxmv-cat {
  position: absolute; left: 10px; top: 10px;
  background: var(--srxmv-cat-bg); color: var(--srxmv-cat-color);
  padding: 4px 8px; font-size: 12px; border-radius: 999px;
}
#srxmv-wrap .srxmv-title { font-size: 15px; line-height: 1.35; margin: 10px 12px 12px; }
#srxmv-wrap .srxmv-title a { color: var(--srxmv-card-title); text-decoration: none; font-weight: 700; }
#srxmv-wrap .srxmv-title a:hover { color: var(--srxmv-card-title-hover); }

/* Botón "Ver más como esto" */
#srxmv-wrap .srxmv-more { margin-top: 12px; display: flex; justify-content: flex-end; }
#srxmv-wrap .srxmv-btn-more {
  display: inline-block; padding: 10px 14px; border-radius: 999px;
  border: 1px solid #111827; text-decoration: none; font-weight: 700;
  color: #111827; transition: transform .15s ease, background .15s ease;
}
#srxmv-wrap .srxmv-btn-more:hover { background: #111827; color: #fff; transform: translateY(-1px); }

/* Placeholder imagen rota fallback */
#srxmv-wrap .srxmv-thumb img[onerror] { background:#f7f7f7; }