@media (min-width: 992px) {
    .col-md-5 {
        width: 100%;
        justify-content: center;
        align-items: center;
        padding: 0 8rem;
    }
    .col-md-7 {
        width: 100%;
        padding: 0 10rem;
    }
    
}

/* Ocultar botones inline y dejar SOLO el menú ⋮ en todos los tamaños */
.acciones-venta .acciones-inline{ 
  display: none !important; 
}

.acciones-venta .acciones-dd{ 
  display: inline-block !important; 
}

/* (Opcional) Botón ⋮ más moderno */
.acciones-venta .acciones-dd-btn{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(0,0,0,.12);
}

/* (Opcional) menú más prolijo */
.acciones-venta .acciones-dd-menu{
  border-radius: 12px;
  box-shadow: 0 12px 26px rgba(0,0,0,.18);
  padding: 6px 0;
  min-width: 210px;
}
.acciones-venta .acciones-dd-menu > li > a{
  padding: 10px 12px;
  display: flex;
  gap: 10px;
  align-items: center;
}

/* ✅ Default: SIEMPRE ocultar botones y dejar solo menú ⋮ */
.acciones-venta .acciones-inline { 
  display: none !important; 
}
.acciones-venta .acciones-dd { 
  display: inline-block !important; 
}

/* ✅ EXCEPCIÓN: cuando DataTables abre la fila "child" (vista del +)
   ahí mostramos botones completos y ocultamos el menú */
table.dataTable tbody tr.child .acciones-venta .acciones-inline{
  display: inline-flex !important;
  flex-wrap: wrap;
  gap: 6px;
}
table.dataTable tbody tr.child .acciones-venta .acciones-dd{
  display: none !important;
}

/* (Opcional) botones compactos prolijos dentro del child */
table.dataTable tbody tr.child .acciones-venta .acciones-inline .btn,
table.dataTable tbody tr.child .acciones-venta .acciones-inline a.btn{
  float: none !important;
  border-radius: 12px;
  width: 34px;
  height: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(0,0,0,.12);
}