@media (max-width: 1200px) {
  /* Ocultar fila en resize */
  #tabla-clientes tr th:nth-child(4), #tabla-clientes tr td:nth-child(4), #tabla-cuentas-corrientes tr th:nth-child(6), #tabla-cuentas-corrientes tr td:nth-child(6) {
    display: none;
  }
}

/* Responsive para tablets */
@media (max-width: 1024px) {
  .caja-filtros-grid {
    grid-template-columns: 1fr;
  }

  .caja-layout {
    flex-direction: column;
  }

  .caja-buscador-seccion,
  .caja-eventos-seccion {
    flex: unset;
    /* max-height: 50vh; */
  }
}

/* Responsive para móviles */
@media (max-width: 768px) {
  .caja-container {
    height: auto;
  }

  .caja-layout {
    flex-direction: column;
    overflow: visible;
  }

  .caja-resultados-lista,
  .caja-eventos-lista {
    max-height: 400px;
  }
}


/* Responsive para precios */
@media (max-width: 768px) {
  .contenedor-precio-variable {
    flex-direction: column;
    align-items: stretch;
  }

  .select-escala {
    min-width: unset;
  }

  .barra-filtros {
    flex-direction: column;
    align-items: stretch;
  }

  .grupo-filtros {
    flex-direction: column;
  }

  .filtro-individual select {
    width: 100%;
  }

  .tabla-matriz th.encabezado-rol {
    font-size: 0.7rem;
    padding: 0.75rem 0.5rem;
  }

  .celda-permiso {
    padding-left: 1rem;
    font-size: 0.85rem;
  }

  .container {
    padding: 0 var(--espaciado-sm);
    min-width: fit-content;
    max-width: 100vw;
  }

  .card {
    padding: var(--espaciado-md);
  }

  .btn {
    width: 100%;
  }

  .form-crear .btn,
  .form-editar .btn {
    width: unset;
  }

  .tabla-estilo th,
  .tabla-estilo td {
    padding: var(--espaciado-sm);
    font-size: 0.875rem;
  }

  .flex-entre {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--espaciado-md);
  }

  .flex-gap-pequeno {
    width: 100%;
    flex-direction: column;
  }

  .campo-busqueda,
  .campo-limite {
    min-width: 100%;
    flex-direction: row;
    gap: var(--espaciado-sm);
    align-items: center;
  }

  .modal-contenido-grande {
    width: 100%;
    max-height: 95vh;
  }

  .grid-detalle {
    grid-template-columns: 1fr;
  }

  .campo-total {
    grid-column: 1;
  }

  .logo-header {
    max-width: 100px;
    height: auto;
    position: relative;
  }

  /* .dashboard-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaciado-md);
    justify-content: center;
  } */

  .dashboard-btn-label{
    white-space: wrap;
  }

  .dashboard-btn {
    width: 130px;
    height: unset;
    padding: var(--espaciado-sm);
    min-width: unset;
    flex: 0 0 auto;
  }

  .btn-relacionado {
    width: fit-content;
  }

  .producto-seleccionado {
    flex-direction: column;
    align-items: flex-start;
  }

  .producto-seleccionado .btn-pequeno {
    margin-top: var(--espaciado-md);
    width: 100%;
  }

  .notificaciones-container {
    top: 10px;
    right: 10px;
    left: 10px;
  }

  .notificacion {
    max-width: none;
  }

  header nav .btn-header span:first-child,
  header nav a span>:first-child {
    font-size: 1.5rem;
  }

  .formulario-estilo{
    max-width: 95vw;
    margin: 0 auto;
  }

  #form-preventa > div:first-child {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--espaciado-sm);
  }

  .atencion-layout #datos-generales,
  .atencion-layout #datos-cliente {
    width: 100%;
  }

  .atencion-layout main{
    flex-direction: column;
    gap: var(--espaciado-md);
    align-items: center;
  }

  .atencion-layout.atencion-layout-touch  main{
    flex-direction: row;
    align-items: unset;
  }

  .atencion-layout header{
    flex-direction: row;
    width: 100%;
  }

  .atencion-layout.atencion-layout-touch header{
    width: unset;
  }

  .atencion-layout #totales-generales{
    flex-direction: column;
    gap: var(--espaciado-sm);
    align-items: center;
  }
  .atencion-layout #totales-generales > hr {
    display: none;
  }

  .atencion-layout #totales-generales > div > input,
  .atencion-layout #desglose-iva > div > input{
    min-width: 70vw;
  }

  .atencion-layout #desglose-iva-cont,
  .atencion-layout #desglose-iva{
    flex-direction: column;
  }

  .atencion-layout.atencion-layout-touch .card#resumen-atencion-touch > div .display-total,
  .atencion-layout.atencion-layout-touch #datos-generales, .atencion-layout-touch #datos-cliente {
    min-width: unset;
    width: 100%;
  }
}


/* =============================================
   MEDIA QUERIES - RESPONSIVE
   ============================================= */

/* Tablet y superior (768px+) */
@media (min-width: 768px) {
  .d-md-flex {
    display: flex;
  }
  .d-md-block {
    display: block;
  }
  .d-md-none {
    display: none;
  }
  .justify-content-md-end {
    justify-content: flex-end;
  }
  .justify-content-md-between {
    justify-content: space-between;
  }
  .justify-content-md-center {
    justify-content: center;
  }
  .me-md-2 {
    margin-right: var(--espaciado-lg);
  }
}

/* Mobile pequeño (hasta 500px) */
@media (max-width: 500px) {
  .container-header {
    gap: var(--espaciado-md);
    justify-content: center;
    flex-wrap: wrap;
  }

  .titulo-header{
    flex-basis: 100%;
  }

  header #btn-panel {
    order: 0;
  }

  .container-login {
    min-width: fit-content;
  }

  .login-card {
    width: 80vw;
    min-width: fit-content;
  }

  header nav .btn-logout,
  header nav a {
    padding: var(--espaciado-sm);
    /* font-size: 0; */
    gap: 0;
    background-color: unset;
  }

  .btn-relacionado {
    width: 100%;
  }

  .btn-relacionado > span {
    display: none;
  }

  #formFiltros .campo-formulario {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--espaciado-sm);
  }
}