/* Responsive: en pantallas estrechas el panel de metadatos colapsa bajo el
   editor y la barra lateral pasa a off-canvas. */

@media (max-width: 960px) {
  .editor-layout { grid-template-columns: 1fr; }
  .panel-meta { position: static; }
}

@media (max-width: 720px) {
  .cuerpo { grid-template-columns: 1fr; }
  .sidebar {
    position: fixed; top: 56px; bottom: 0; left: 0; width: 230px; z-index: 900;
    transform: translateX(-100%); transition: transform .2s ease;
    box-shadow: var(--shadow-lg);
  }
  .sidebar--abierta { transform: translateX(0); }
  .topbar__menu-btn { display: inline-flex !important; }
  .filtros .input, .filtros .select { flex: 1 1 140px; }
}

@media (prefers-reduced-motion: reduce) {
  .sidebar { transition: none; }
}

.topbar__menu-btn { display: none; }