/* ============================================================
   Videobook — videodjralph.com
   Reutiliza .vdjr-serv__hero / .vdjr-serv__cierre de servicio.css.
   Variables de color heredadas de .vdjr (articulo.css).
   ============================================================ */

.vdjr-video__reproductor{padding:70px var(--margen);border-bottom:1px solid var(--linea)}
.vdjr-video__marco{max-width:1100px;margin:0 auto}
/* El plugin de YouTube (embedyt) envuelve el reproductor en su propia
   .epyt-video-wrapper; hay que aplicar la proporción ahi, no en un div
   nuestro por encima, porque entre medias esta el wrapper del builder. */
.vdjr-video__marco .epyt-video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border:1px solid var(--linea);background:#000}
.vdjr-video__marco .epyt-video-wrapper iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0}
/* El resto de la galeria del plugin: boton de suscripcion y lista de vídeos */
.vdjr-video__marco .epyt-gallery-subscribe{margin:20px 0}
.vdjr-video__marco .epyt-gallery-list{margin-top:24px}

/* ── Dos canales ───────────────────────────────────────────── */
.vdjr-video__canales{position:relative;background:var(--hueso);color:var(--negro);padding:70px var(--margen)}
.vdjr-video__canalesCuerpo{position:relative;max-width:1100px;margin:0 auto}
.vdjr-video__canales .vdjr-etiqueta{color:#77726a}
.vdjr-video__canales .vdjr-h2{color:var(--negro)!important;margin-bottom:36px}
.vdjr-video__canalesRejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}
.vdjr-video__canal{
  display:flex;flex-direction:column;gap:10px;padding:28px 56px 28px 28px;
  border:1px solid rgba(10,10,10,.18);color:var(--negro);position:relative;
  transition:transform .3s cubic-bezier(.16,.84,.44,1),background .3s;
}
.vdjr-video__canal:hover{transform:translateY(-4px);background:rgba(10,10,10,.04)}
.vdjr-video__canalN{font-family:'Space Mono',ui-monospace,monospace;font-size:12px;letter-spacing:1.6px;color:#0b5ed0}
.vdjr-video__canalT{font-family:'Archivo Black',Archivo,sans-serif;font-size:21px;line-height:1.15;text-transform:uppercase;letter-spacing:-.4px}
.vdjr-video__canalD{font-size:15px;line-height:1.65;color:#3a382f;margin:0}
.vdjr-video__canalF{position:absolute;right:24px;bottom:24px;font-size:20px;color:#0b5ed0;transition:transform .3s}
.vdjr-video__canal:hover .vdjr-video__canalF{transform:translateX(6px)}

/* ── Móvil ─────────────────────────────────────────────────── */
@media (max-width:760px){
  .vdjr-video__reproductor{padding:44px var(--margen)}
  .vdjr-video__canales{padding:44px var(--margen)}
}