/*Centrar y alinear los encabezados*/
.container {
  display: flex;
  justify-content: center;     /* Centra todo el bloque horizontalmente */
  align-items: center;         /* Alinea verticalmente */
  gap: 20px;                   /* Espacio entre el logo y el formulario */
}

.form-container {
  display: flex;
  flex-direction: column;
  align-items: center;         /* Centra elementos dentro del bloque */
}
.form-titulos {
  text-align: center;
}

select {
  text-align: center;       /* Centra el texto en navegadores compatibles */
  text-align-last: center;  /* Centra la opción seleccionada en Chrome y otros */
}

/*Ordenar tabla*/
.tabla {
    display: table;
    border-collapse: collapse;
    width: 100%;
}
.fila {
    display: table-row;
}
.celda {
    display: table-cell;
    border: 1px solid black;
    padding: 10px;
}

/* Eliminar botones */
@media print {
  #margenControls {
    display: none;
  }
  button {
    display: none;
  }

  select{
    border: none;
  }

  #archivo {
    display: none;
  }

}
/*Redondear y agrandar el select*/
select {
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 1rem;
  background-color: #f9f9f9;
  text-align: center;
  text-align-last: center;
}

.tabla1 {
  display: table;
  width: 100%;
  table-layout: fixed; /* Hace que todas las celdas tengan el mismo ancho */
}

.fila1 {
  display: table-row;
}

.celda1 {
  display: table-cell;
  width: 10%; /* 100% / 6 columnas */
  padding: 5px;
  border: 1px solid black; /* Opcional para visualizar límites */
}
.celda2 {
  display: table-cell;
  width: 30%; /* 100% / 6 columnas */
  padding: 5px;
  border: 1px solid black; /* Opcional para visualizar límites */
}
.celda3 {
  display: table-cell;
  width: 25%; /* 100% / 6 columnas */
  padding: 5px;
  border: 1px solid black; /* Opcional para visualizar límites */
}
.celda4 {
  display: table-cell;
  width: 10%; /* 100% / 6 columnas */
  padding: 5px;
  border: 1px solid black; /* Opcional para visualizar límites */
}
.celda5 {
  display: table-cell;
  width: 10%; /* 100% / 6 columnas */
  padding: 5px;
  border: 1px solid black; /* Opcional para visualizar límites */
}
.celda6 {
  display: table-cell;
  width: 15%; /* 100% / 6 columnas */
  padding: 5px;
  border: 1px solid black; /* Opcional para visualizar límites */
}