/* ===== Reciclar un video (hoja compartida por el editor y el Planificador) =====
   Cuatro piezas como tarjetas que se encienden, el interruptor de la IA y, al terminar, la lista de lo creado. */
.rc-hoja{width:min(640px,calc(100vw - 32px));max-height:min(90vh,820px);margin:auto;padding:0;border:1px solid rgba(var(--accent-rgb),.35);border-radius:18px;
  background:var(--panel);color:var(--text);box-shadow:var(--shadow);overflow:auto}
.rc-hoja::backdrop{background:var(--scrim);backdrop-filter:blur(3px)}
.rc-hoja[open]{animation:rc-entra .22s ease-out}
@keyframes rc-entra{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.rc{display:grid;gap:16px;padding:20px}
.rc [data-lucide],.rc svg.lucide{width:16px;height:16px;flex:none}
.rc-cab{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px}
.rc-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.32),rgba(var(--accent-rgb),.1));color:var(--accent-2)}
.rc-ico svg.lucide{width:20px;height:20px}
.rc-cab h3{margin:2px 0 3px;font-size:17px;line-height:1.3;color:var(--text-strong);overflow-wrap:anywhere}
.rc-cab p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.5}
.rc-cerrar{display:grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}
.rc-cerrar:hover{border-color:var(--line);background:var(--panel-2);color:var(--text)}
.rc-piezas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}
.rc-piezas legend{margin-bottom:8px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rc-pieza{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:13px 14px;border:1px solid var(--line);
  border-radius:14px;background:var(--panel-2);cursor:pointer;transition:border-color .18s,background .18s,transform .18s;animation:rc-entra .25s ease-out both;animation-delay:calc(var(--i,0) * 40ms)}
.rc-pieza:hover{border-color:rgba(var(--accent-rgb),.5);transform:translateY(-1px)}
.rc-pieza input{position:absolute;opacity:0;width:1px;height:1px}
.rc-pieza-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(var(--fg-rgb),.06);color:var(--muted);transition:background .18s,color .18s}
.rc-pieza-txt{display:grid;gap:2px;min-width:0}
.rc-pieza-txt b{font-size:13.5px;color:var(--text-strong)}
.rc-pieza-txt small{font-size:11.5px;line-height:1.45;color:var(--muted)}
.rc-pieza-marca{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line-2);color:transparent;transition:background .18s,border-color .18s,color .18s}
.rc-pieza-marca svg.lucide{width:12px;height:12px}
.rc-pieza:has(input:checked){border-color:rgba(var(--accent-rgb),.7);background:linear-gradient(135deg,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),.04))}
.rc-pieza:has(input:checked) .rc-pieza-ico{background:rgba(var(--accent-rgb),.22);color:var(--accent-2)}
.rc-pieza:has(input:checked) .rc-pieza-marca{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
.rc-pieza:has(input:focus-visible){outline:2px solid var(--yellow);outline-offset:2px}
.rc-ia{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border-radius:14px;border:1px dashed rgba(var(--accent-rgb),.45);cursor:pointer}
.rc-ia input{position:absolute;opacity:0;width:1px;height:1px}
.rc-ia-pista{position:relative;width:38px;height:22px;margin-top:1px;border-radius:999px;background:rgba(var(--fg-rgb),.16);transition:background .2s}
.rc-ia-pista::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text);transition:transform .2s,background .2s}
.rc-ia input:checked+.rc-ia-pista{background:var(--accent)}
.rc-ia input:checked+.rc-ia-pista::after{transform:translateX(16px);background:var(--on-accent)}
.rc-ia input:focus-visible+.rc-ia-pista{outline:2px solid var(--yellow);outline-offset:2px}
.rc-ia b{display:block;font-size:13px;color:var(--text-strong)}
.rc-ia small{display:block;margin-top:2px;font-size:11.5px;line-height:1.45;color:var(--muted)}
.rc-nota{display:flex;gap:8px;margin:0;font-size:12px;line-height:1.5;color:var(--muted)}
.rc-campo{display:grid;gap:5px}
.rc-campo span{font-size:11px;font-weight:700;color:var(--muted)}
.rc-campo input{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);font:inherit;font-size:13px}
.rc-campo input:focus{border-color:rgba(var(--accent-rgb),.7);outline:none}
.rc-error{margin:0;padding:9px 12px;border-radius:10px;background:rgba(var(--danger-rgb),.1);border:1px solid rgba(var(--danger-rgb),.35);color:var(--danger);font-size:12.5px}
.rc-pie{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.rc-pie .btn{min-height:40px}
.rc-pie svg.lucide{width:15px;height:15px}
/* trabajando */
.rc-progreso{display:grid;justify-items:center;gap:12px;padding:26px 10px 10px;text-align:center}
.rc-giro{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.24),transparent 70%);color:var(--accent-2)}
.rc-giro svg.lucide{width:30px;height:30px;animation:rc-gira 2.4s linear infinite}
@keyframes rc-gira{to{transform:rotate(1turn)}}
.rc-progreso-msg{margin:0;font-size:13.5px;color:var(--text)}
.rc-barra{position:relative;width:min(320px,100%);height:4px;border-radius:999px;background:rgba(var(--fg-rgb),.08);overflow:hidden}
.rc-barra i{position:absolute;inset:0 auto 0 0;width:35%;border-radius:999px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:rc-barre 1.4s ease-in-out infinite}
@keyframes rc-barre{from{transform:translateX(-100%)}to{transform:translateX(290%)}}
/* listo */
.rc-lista{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.rc-lista li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);animation:rc-entra .25s ease-out both}
.rc-lista-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(var(--accent-rgb),.18);color:var(--accent-2)}
.rc-lista-txt{display:grid;gap:2px;min-width:0}
.rc-lista-txt b{font-size:13px;color:var(--text-strong);overflow-wrap:anywhere}
.rc-lista-txt small{font-size:11.5px;color:var(--muted)}
.rc-lista .btn{min-height:34px;padding:6px 12px;font-size:12px}
.rc-avisos{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.rc-avisos li{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.45;color:var(--muted)}
.rc-avisos svg.lucide{width:14px;height:14px;margin-top:1px;color:var(--warn)}
.rc-cab .rc-ico:has(.lucide-circle-check){background:linear-gradient(135deg,rgba(var(--ok-rgb),.3),rgba(var(--ok-rgb),.08));color:var(--ok)}
@media (max-width:560px){
  .rc{padding:16px}
  .rc-piezas{grid-template-columns:minmax(0,1fr)}
  .rc-pie .btn{flex:1 1 0;justify-content:center}
  .rc-lista li{grid-template-columns:auto minmax(0,1fr)}
  .rc-lista .btn{grid-column:1/-1;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.rc-hoja[open],.rc-pieza,.rc-lista li{animation:none}.rc-giro svg.lucide,.rc-barra i{animation:none}}