/* ============================================================
   RESPONSIVE general (1024px / 768px)
   Separado de styles.css — el orden de los archivos en index.html
   replica el orden original para conservar la cascada exacta.
   ============================================================ */
/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .pos-container {
    height: calc(100vh - 48px);
  }
}

@media (max-width: 768px) {
  .sidebar {
    width: 70px;
  }
  
  .sidebar-header h2,
  .sidebar-menu li a span {
    display: none;
  }
  
  .content {
    margin-left: 70px;
    padding: 16px;
  }
  
  .module-header {
    flex-direction: column;
    align-items: flex-start;
  }
}