/* Responsive general para móvil y tablet */
@media (max-width: 768px) {
  body {
    overflow-x: hidden;
  }

  .menu {
    display: none;
  }

  .main-wrapper {
    flex-direction: column;
    min-height: auto;
  }

  #sidebar-container {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    position: relative;
  }

  .content-area {
    width: 100%;
    padding: 18px;
  }

  .row {
    margin-left: 0;
    margin-right: 0;
  }

  .row > [class*="col-"] {
    width: 100%;
  }

  .card,
  .dash-card,
  .card-table {
    border-radius: 14px;
  }

  .btn-primary,
  .btn-action {
    width: 100%;
  }

  .content-area .d-flex {
    flex-wrap: wrap;
    gap: 10px;
  }

  .table-responsive {
    overflow-x: auto;
  }

  table {
    min-width: 650px;
  }

  h1 {
    font-size: 1.8rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  p {
    font-size: 0.95rem;
  }

  img {
    max-width: 100%;
    height: auto;
  }
}