/* Fase 3B: la ficha de cada vídeo en «Crear contenido → 2. Vídeos». Variables del tema oscuro con naranja (TEMA 2026). */
.videos-fichas{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.videos-fichas a{color:var(--naranja-claro)}
.videos-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.videos-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;border-radius:10px;
  border:1px solid var(--line);background:var(--panel-2);color:var(--paper);cursor:pointer;font:inherit;text-align:left}
.videos-chip b{font-size:14px}
.videos-chip span{font-size:12px;color:var(--muted)}
.videos-chip.on{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber) inset}
.videos-chip.nuevo{justify-content:center;color:var(--naranja-claro);border-style:dashed}
.videos-nuevo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;padding:12px;
  border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}
.videos-nuevo label{display:flex;flex-direction:column;gap:4px;font-size:13px;min-width:0}
.videos-nuevo .ancho{grid-column:1/-1}
.videos-nuevo .replicador-actions{grid-column:1/-1;margin:0}
.videos-banco > summary{cursor:pointer;font-size:13.5px;line-height:1.5}
.videos-md{max-height:520px;overflow:auto;padding:4px 10px;margin-top:10px;border:1px solid var(--line);border-radius:10px;
  background:var(--panel-2);font-size:13px}
.videos-md h4,.videos-md h5,.videos-md h6{margin:14px 0 6px}
.videos-md blockquote{margin:8px 0;padding:6px 12px;border-left:3px solid var(--amber);color:var(--muted)}
.videos-md table td,.videos-md table th{font-size:12px;vertical-align:top}
.videos-ficha-cab{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:6px}
.videos-ficha-cab h4{margin:0;font-size:20px}
.videos-ficha-cab h4 small{font-size:13px;color:var(--muted);font-weight:500;margin-left:6px}
.videos-paso{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:10px 0;background:var(--panel)}
.videos-paso > summary{cursor:pointer;font-size:14px}
.videos-paso h5{margin:14px 0 6px;font-size:13px}
.videos-dl{display:grid;grid-template-columns:170px 1fr;gap:6px 12px;margin:12px 0;font-size:13px}
.videos-dl dt{color:var(--muted)}
.videos-dl dd{margin:0}
.videos-guion td,.videos-guion th{font-size:12.5px;vertical-align:top}
.videos-guion td:nth-child(-n+3){white-space:nowrap}
.videos-texto-pantalla{color:var(--naranja-claro);font-weight:600}
.videos-hoja img{max-width:100%;border-radius:8px;border:1px solid var(--line-2);margin-top:8px}
.videos-prompt,.videos-chatgpt{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:10px 0;background:var(--panel-2)}
.videos-prompt-cab{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.videos-prompt p{margin:6px 0;font-size:13px}
.videos-pre{white-space:pre-wrap;word-break:break-word;font-size:12.5px;line-height:1.5;max-height:420px;overflow:auto;
  padding:10px;border-radius:8px;background:var(--panel);border:1px solid var(--line)}
.videos-miniaturas{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.videos-miniaturas figure{margin:0;width:92px}
.videos-miniaturas img{width:92px;height:164px;object-fit:cover;border-radius:6px;border:1px solid var(--line-2)}
.videos-miniaturas figcaption{font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.videos-ingrediente{display:flex;gap:12px;align-items:center;margin:10px 0;font-size:13px}
.videos-ingrediente img{width:120px;height:120px;object-fit:contain;border-radius:8px;border:1px solid var(--line-2);background:#fff}
.videos-ajustes{font-size:13px}
.videos-creditos{margin:12px 0;padding:10px 12px;border-left:3px solid var(--amber);background:var(--panel-2);border-radius:8px;font-size:13px}
.videos-creditos input{flex:0 0 150px;max-width:150px}
.videos-columnas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px}
.videos-columnas > div{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--panel-2);min-width:0}
.videos-columnas label{display:flex;flex-direction:column;gap:4px;font-size:13px}
.videos-columnas textarea{width:100%;box-sizing:border-box}
.videos-columnas audio{width:100%;max-width:340px;margin:6px 0;display:block}
.videos-pistas{padding-left:18px;font-size:13px}
.videos-pistas li{margin:8px 0}
.videos-galeria{display:flex;flex-wrap:wrap;gap:10px}
.videos-rev{margin:0;width:170px;font-size:12px}
.videos-rev img{width:170px;max-height:300px;object-fit:contain;border-radius:6px;border:1px solid var(--line-2);background:var(--panel-2)}
.videos-rev video{width:170px;border-radius:6px;border:1px solid var(--line-2);background:#000}
.videos-rev figcaption{color:var(--muted);margin-top:4px}
.videos-motor{margin-top:12px}
.videos-cadena{border:1px dashed var(--line-2);border-radius:10px;padding:10px 12px;margin-top:10px}
.videos-cadena.lista{border-color:var(--amber)}
.videos-cadena-cab{font-size:13px;margin-bottom:6px}
.videos-cadena ol{margin:0;padding-left:18px}
.videos-paso-motor{margin:6px 0;font-size:13px}
.videos-paso-motor code{font-size:11.5px;color:var(--muted)}
.videos-fallos{margin:4px 0;padding-left:18px;font-size:12.5px;color:var(--muted)}
.videos-excepcion{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px;font-size:12.5px}
.videos-excepcion input{flex:0 1 160px}
.videos-versiones{font-size:12.5px;color:var(--muted);padding-left:18px}
.btn.mini{padding:4px 10px;font-size:12px;white-space:nowrap;width:auto;flex:0 0 auto}
.replicador-pago{margin-top:16px;border:1px dashed var(--line-2);border-radius:12px;padding:10px 14px}
.replicador-pago > summary{cursor:pointer;color:var(--muted);font-size:13.5px}
.replicador-pago-aviso{font-size:13px;color:var(--muted);margin:10px 0}
@media (max-width: 900px){
  .videos-nuevo,.videos-columnas{grid-template-columns:1fr}
  .videos-dl{grid-template-columns:1fr}
  .videos-dl dt{margin-top:6px}
}
/* Fase 3C: clips de Flow, montaje, entrega y publicado */
.videos-original{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:10px 12px;
  margin:10px 0;background:var(--panel-2)}
.videos-original img{width:150px;max-height:260px;object-fit:contain;border-radius:6px;border:1px solid var(--line-2);background:var(--panel)}
.videos-original > div{flex:1;min-width:0}
.videos-original p{margin:6px 0;font-size:13px}
.videos-original input{flex:1 1 220px;min-width:0}
.videos-textos-montaje{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}
.videos-textos-montaje label{display:flex;flex-direction:column;gap:4px;font-size:12.5px}
.videos-comprobaciones{list-style:none;padding:0;margin:6px 0;font-size:13px}
.videos-comprobaciones li{margin:4px 0}
.videos-comprobaciones li.ok{color:var(--paper)}
.videos-comprobaciones li.mal{color:#ff8a80}
.videos-pendientes{padding-left:18px;font-size:12.5px;max-height:420px;overflow:auto}
.videos-pendientes li{margin:6px 0}
.videos-marcar{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center;margin-left:6px}
.videos-marcar input{width:200px;max-width:100%}
.videos-publicado{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-top:8px}
.videos-publicado label{display:flex;flex-direction:column;gap:4px;font-size:13px}
.videos-publicado .chk-inline{flex-direction:row;align-items:center;gap:6px}
.videos-salida > summary{cursor:pointer;font-size:12.5px;color:var(--muted)}
@media (max-width: 900px){
  .videos-original{flex-direction:column}
  .videos-original img{width:100%}
  .videos-textos-montaje{grid-template-columns:1fr}
}
