/* ════════════════════════════════════════
     CORE — layout estructural de la página
     ════════════════════════════════════════ */
 
  #main-container {
    display: flex;
    width: 100%;
    min-height: 100vh;
    background: transparent;
  }
 
  /* ── Panel principal: ocupa todo el ancho ── */
  /* display, flex-direction, padding, gap y box-sizing vienen de .layout-pagina (Utilidades Style) */
  #panel-registro {
    width: 100%;
    background: transparent;
  }
 
  /* ── Tarjeta búsqueda + tabla → Utilidades Style ── */
 
  .tarjeta-busqueda-tabla #buscar-container {
    margin: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0 0 12px 0;
    flex-shrink: 0;
  }
 
  .tarjeta-busqueda-tabla #tabla-container {
    margin: 0;
    background: #12121f;
    border: 1px solid var(--color-border-card);
    border-radius: 12px;
    min-width: 0;
    overflow-x: auto;
  }
 
/* ── Sidebar a la par (igual que en Gráficos) ── */
#vitp-registro.vitp-con-sidebar {
  flex-direction: row;
}
#vitp-registro.vitp-con-sidebar > .vitp-body {
  flex: 1;
  min-width: 0;
  min-height: 0;
}
/* El <aside> del sidebar ya NO vive adentro de este contenedor (ver
   vitp-paginas.js / .vitp-sidebar-fijo en vitrina.css) — ahora es un
   elemento "suelto" con position:fixed. Por eso acá alcanza con
   reservarle su espacio con padding-left, igual que hace .vit-nav para
   el catálogo, en vez de necesitar que sea un hijo flex real. */
@media (min-width: 701px) {
  #vitp-registro.vitp-con-sidebar {
    padding-left: 292px; /* 272px del sidebar + 10px + 10px de márgenes */
    transition: padding-left 0.35s var(--ease-apple);
  }
  #vitp-registro.vitp-con-sidebar.vitp-sidebar-cerrado {
    padding-left: 0;
  }
}

/* ── Sidebar a la par en Agenda (mismo mecanismo que Registro/Gráficos) ── */
#vitp-agenda.vitp-con-sidebar {
  flex-direction: row;
}
#vitp-agenda.vitp-con-sidebar > .vitp-body {
  flex: 1;
  min-width: 0;
  min-height: 0;
}
@media (min-width: 701px) {
  #vitp-agenda.vitp-con-sidebar {
    padding-left: 292px; /* 272px del sidebar + 10px + 10px de márgenes */
    transition: padding-left 0.35s var(--ease-apple);
  }
  #vitp-agenda.vitp-con-sidebar.vitp-sidebar-cerrado {
    padding-left: 0;
  }
}

/* ── Sidebar a la par en el Panel Admin (mismo mecanismo que Registro/
     Gráficos/Agenda) — faltaba esta regla, por eso el contenido de
     Empresas/Usuarios/Mi Empresa/Agenda quedaba tapado debajo del
     sidebar en vez de correrse a la derecha. ── */
#vitp-admin.vitp-con-sidebar {
  flex-direction: row;
}
#vitp-admin.vitp-con-sidebar > .vitp-body {
  flex: 1;
  min-width: 0;
  min-height: 0;
}
@media (min-width: 701px) {
  #vitp-admin.vitp-con-sidebar {
    padding-left: 292px; /* 272px del sidebar + 10px + 10px de márgenes */
    transition: padding-left 0.35s var(--ease-apple);
  }
  #vitp-admin.vitp-con-sidebar.vitp-sidebar-cerrado {
    padding-left: 0;
  }
}