@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto&family=Smooch+Sans:wght@600&display=swap');
@font-face {
  font-family: 'Juventus Fans bold';
  src: url('../fonts/Juventus Fans Bold.ttf') format('truetype');
}

body {
  font-family: 'Smooch Sans', sans-serif;
  font-weight: 600 !important;
  background-color: #f9f9f9 !important;
  opacity: 100% !important;
  letter-spacing: 1px;
  max-height: 100vh;
}

h1,
h2,
h3,
h4,
h5,
h6,
th {
  color: #777;
  font-weight: bold;
  font-family: "Juventus Fans bold";
}

table {
  font-size: 1.2rem;
}


/***********************************************
*
* 1 navabar
*
***********************************************/


.navbar {
  background-color: #fff !important;
}

.navbar-brand {
  color: #000;
  font-weight: bold;
}

.navbar-nav .nav-link {
  color: #000;
  padding: 0.5rem 1rem;
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.3s ease;
}


/**********************************************
*
* 2 progress bar
*
**********************************************/

/* Estilo para la barra de carga */
.progress-bar {
  background-color: black; /* Color de fondo de la barra de carga */
  color: white; /* Color del texto en la barra de carga */
}


/*********************************************
*
* 3 offcanvas
*
**********************************************/
.offcanvas {
  width: 100% !important;
  height: 100% !important;
}

.modal-backdrop {
  --bs-backdrop-zindex: none !important;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

/********************************************
*
* 4 preloader
*
********************************************/

#preloader {
  background-color: #f8f9fa;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.preloader-content {
  text-align: center;
}

.preloader-progress {
  width: 200px;
  height: 10px;
  background-color: #ddd;
  margin-bottom: 10px;
}

.preloader-percent {
  font-size: 18px;
}

#content {
  display: none;
}


/***********************************************
*
* 5 api google
*
************************************************/

.pac-container {
  z-index: 1051; /* Asegúrate de que esté por encima del z-index del modal */
}

/***********************************************
*
* 6 dropzone
*
************************************************/

.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone {
  min-height: 100px;
  border: 1px solid #dee2e6;
  background: #fff;
  padding: 15px 15px;
}

.dropzone, .dropzone * {
  box-sizing: border-box;
}