.ppal {
  display: flex;           /* Flexbox para manejar distribución horizontal */
  flex-direction: row;     /* Asegura disposición horizontal */
  height: 100vh;           /* Asegura que ocupe toda la altura de la pantalla */
  gap: 1em;                /* Espaciado entre los elementos */
}

.menu {
  width: 250px;            /* Ancho fijo para el menú */
  flex-shrink: 0;          /* Evita que el menú se reduzca en tamaños pequeños */
  background: #F5F5F5 !important;
}

.contenido {
  flex: 1;                 /* Ocupa el espacio sobrante */
  overflow: auto;          /* Permite scroll si el contenido excede el espacio */
}

body {
  background: #DCE4EC;
}

table {
  background: #F5F5F5;
}