/* ===== Grid 3 columnas ===== */
.mcv-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
@media (max-width: 980px) { .mcv-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .mcv-grid { grid-template-columns: 1fr; } }

.mcv-empty { margin: 0; color: #666; }

/* ===== TILE ===== */
.mcv-tile { margin: 0; padding: 0; border: 0; }
.mcv-tile a { display: block; text-decoration: none; }
.mcv-thumb {
  position: relative;
  aspect-ratio: 16/9;
  background: #000; /* fondo negro por defecto, no visible tras el fill */
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,.07);
}
.mcv-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  background: #000;
}
.mcv-noimg { background: linear-gradient(180deg,#eaeaea,#dcdcdc); }

/* Contenedor del overlay, siempre por encima */
/* asegurar posicionamiento dentro del tile */
.mcv-tile .mcv-thumb { position: relative !important; }

/* el overlay debe cubrir SIEMPRE toda la miniatura */
.mcv-tile .mcv-play{
  position: absolute !important;
  left: 0; top: 0; right: 0; bottom: 0;
  display: flex !important;
  align-items: center; justify-content: center;
  pointer-events: none;
  z-index: 3;
}

/* el svg (botón) sin márgenes y tamaño fijo */
.mcv-tile .mcv-yt-icon{
  width: 82px; height: auto; display: block; margin: 0;
  opacity: .95;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,.25));
  transition: transform .25s ease, opacity .25s ease;
}
.mcv-thumb:hover .mcv-yt-icon{ transform: scale(1.08); opacity: 1; }

.mcv-lock {
  position: absolute; top: 10px; left: 10px;
  background: rgba(0,0,0,.65); color:#fff; font-size:12px;
  padding:4px 8px; border-radius: 999px;
}

/* ===== Detalle (igual) ===== */
.mcv-breadcrumb { margin: 8px 0 18px; font-size: 14px; }
.mcv-breadcrumb a { text-decoration: none; color: #666; }

.mcv-wrap { display: grid; grid-template-columns: 1.5fr .9fr; gap: 24px; }
@media (max-width: 980px) { .mcv-wrap { grid-template-columns: 1fr; } }

.mcv-iframe { aspect-ratio: 16/9; width: 100%; border: 0; border-radius: 0px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,.0); }

.mcv-side { background:#fff; border-radius:0px; padding:16px; box-shadow:0 6px 18px rgba(0,0,0,.0); }
.mcv-side h3 { margin: 0 0 10px; font-size: 18px; }
.mcv-formbox { margin-top: 14px; padding: 12px; border: 1px dashed #ddd; border-radius: 10px; background: #fafafa; }

/* ===== Lightbox ===== */
.mcv-modal { position: fixed; inset: 0; background: rgba(0,0,0,.55); display: none; z-index: 9999; align-items: center; justify-content: center; padding: 16px; }
.mcv-modal.show { display: flex; }
.mcv-modal .box { background: #fff; max-width: 520px; width: 100%; border-radius: 12px; padding: 20px; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.mcv-modal .box h3 { margin-top: 0; }

/* Botón reutilizado en modal/detalle */
.mcv-btn-red { display: inline-block; background:#E2211C; color:#fff; padding:8px 24px; border-radius:0px; text-decoration:none !important; font-weight:400; }
.mcv-btn-red:hover,.mcv-btn-red:focus,.mcv-btn-red:active {color:#fff;background:#B40600;}

.mcv-loadmore-wrap { text-align: center; margin: 40px; }
.mcv-loadmore { padding:10px 16px; border:1px solid #ddd; background:#fff; cursor:pointer; }
.mcv-loadmore[disabled],
.mcv-loadmore:disabled, .mc-loadmore[disabled],
.mcv-loadmore[data-has-more="0"], .mcv-nomore {
  background-color: #f2f2f2;       /* gris claro */
  color: #999;                     /* texto gris */
  cursor: not-allowed;
  box-shadow: none;
  border: 1px solid #ddd;font-size: 14px;font-weight:700;opacity: .6;
} 
.mcv-nomore {padding:10px 16px;}