/**02**/
.ventana {
  width: fit-content;
  height: fit-content;
  max-height: 90vh;
  background-color: rgba(52, 73, 94, 0.9);
  border: 1px solid rgba(52, 73, 94, 0.5);
  color: #ffffff;
  border-radius: 8px;
  position: absolute;
  top: 10px;
  left: 10px;
  cursor: move;
  overflow: auto;
  z-index: 10;
}

.ventana .submenu{
  width: 70vw;
  overflow-x: auto;
}

.ventana .submenu.angosto{
  width: 35vw;
}

.ventana .sidebar{
  min-width: 20px;
  max-width: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: inherit;
}

.ventana .sidebar button {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
  padding: 10px 0;
}
.ventana .sidebar:hover {
  width: fit-content;
  max-width: max-content;
  margin: 5px;
  padding: 2px;
}

.ventana .sidebar:hover button{
  pointer-events:auto ;
  opacity: 1;
  cursor:pointer ;
  padding: 10px 0;
}
.ventana .sidebar .deshabilitar{
  color:rgba(0,255,0,1);
}

.ventana:not(:has(.open)) .dNo{ display:none;}
.hori {
  display:grid ;
  grid-template-columns: auto 1fr;
  align-items: start;
}
.hori .sidebar:hover{
  width: 200px;
  max-width: fit-content;
  overflow: hidden;
}

.verti {
  width: -webkit-fill-available;
}

.superior {
  position: relative;
}

.formulario {
  display: grid;
  gap: 12px;
  padding: 8px;
  box-sizing: border-box;
}

.formulario label {
  display: flex;
  flex-direction: column;
  font-size: 1em;
}

.formulario input,
.formulario textarea,
.formulario select {
  padding: 1px;
  font-size: 1em;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.formulario textarea {
  background-color: inherit;
 width: -webkit-fill-available;
}

.columnas {
  display: none;
}

.columnas1 {
  display: grid !important;
  grid-auto-flow: column;
  margin: 0 !important;
  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
}

.columnas1 input,
.columnas2 input,
.columnas1 select,
.columnas2 select,
.columnas1 textarea,
.columnas2 textarea {
  margin: 0;
  font-size: 1em;
}

.columnas1 label,
.columnas2 label {
  margin: 5px;
}
.columnasG{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
}

.grid2 {
  grid-column: span 2;
}

.grid3 {
  grid-column: span 3;
}

.grid4 {
  grid-column: span 4;
}

.grid5 {
  grid-column: span 5;
}

.grid6 {
  grid-column: span 6;
}

.grid7 {
  grid-column: span 7;
}

.grid8 {
  grid-column: span 8;
}

.row2{
  grid-row: span 2;
}
.row3{
  grid-row: span 3;
}
.row4{
  grid-row: span 4;
}
.row5{
  grid-row: span 5;
}
.row6{
  grid-row: span 6;
}


.vendido {
  background-color: rgba(0, 100, 140, 0.9);
}

.oculto {
  display: none !important;
}

/* Responsive */
@media (max-width: 1000px) {
  .content {
    height: auto !important;
  }
  .dNo{
    display:none !important;
  }
  .ventana .submenu{
  width: 90vw;
    overflow-x: auto !important;
}

}
.veBanda{
  display: none !important;
}