.file-select {
  position: relative;
  display: inline-block;
}

.file-select::before {
  opacity: 100;
  background-color: red;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  content: 'Seleccionar';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select input[type="file"] {
  opacity: 0;
  width: 200px;
  height: 32px;
  display: inline-block;
}

#src-file1::before {
  content: 'Seleccionar Archivo 1';
}

#src-file2::before {
  content: 'Seleccionar Archivo 2';
}

.precio-container {
  background-color: #3498db;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}

.precio {
  background-color: #ece2d0;
  color: red;
  border-radius: 10px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  width: 50%;
  padding: 10px;
  border-top-left-radius: 25px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 0;
  box-shadow: 0px 0px 5px var(--bs-body-color);
}

.precio:hover {
  background-color: red;
  color: #ece2d0;
}

/* Arreglo doble barra scroll + navbar fijo */

#content-wrapper {
  height: 100vh;
}

#content-wrapper {
  /*overflow-y: auto;*/
}

#page-top {
  /*overflow-y: auto;*/
}