@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&family=Rubik&display=swap');

/*
font-family: 'Montserrat', sans-serif;
font-family: 'Rubik', sans-serif;
*/

:root {
  --c-dorado: #e7bb6a;
  --c-dorado-claro : #f2dc82;
  --c-dorado-oscuro: #ccb25e;
  --c-brown: #2E1500;
  --font-sm: 0.875rem;
  --font-base: 1rem;
  --font-lg: 1.125rem;
  --font-xl: 1.5rem;
  --font-xxl: 2rem;
}

html { background-color: black; }

body {
  overflow-x: hidden;
  font-family: Sans-Serif;
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1.4px !important;
}

.font-base {font-size: var(--font-sm);}

.titulo { 
  font-family: 'Rubik', sans-serif; 
  font-size: 1.5rem;
  letter-spacing: 1.7px !important;
}

 #datos-contacto { line-height: 1.7; }

 #selectLang {
  z-index: 9999;
 }

 .error {
  text-align: left !important;
  color: red;
  font-size: 12px;
  position: relative;
 }

 /* box show */

.box-titulo, .box-fecha {
  background: rgb(232,190,108);
  background: linear-gradient(90deg, rgba(232,190,108,1) 51%, rgba(245,226,134,1) 100%); 
 }

.box-titulo {
  min-height: 87px;
  border-bottom: 1px solid #ccb25e;
  padding: 15px 10px;
}

.box-fecha {
  padding-bottom: 10px;
}

.box-detalle {
  padding: 10px;
  font-size: var(--font-sm);
}

.box-ver-detalle {
  color: var(--c-dorado);
  font-size: 1rem;
  font-weight: 700;
  padding-top: 15px;
}

.box-ver-detalle:hover {
  opacity: 5;
}

.box-precio {
  text-align: right;
}

.box-precio-moneda {
  font-size: var(--font-sm);
}

.box-precio-valor {
  font-size: var(--font-xxl);
  font-weight:900;
  line-height: 1;
}

.line-height-0 {line-height: 0 !important;}


.modal-scrollable {
  max-height: calc(100vh - 200px); /* Ajusta este valor según tus necesidades */
  overflow-y: auto;
}


.datepicker td, .datepicker th {padding: 10px !important;}

.datepicker table {margin: 11px 25px !important; font-size: 14px;}

.datepicker-days tr {height: auto !important;}

.datepicker-dropdown {
  background-color: var(--c-3);
  border: 0 !important;
}

.datepicker td, .datepicker th {color: var(--c-7);}
.datepicker table tr td.disabled {color: var(--c-5);}
.old .day {display: none;} 
.active.day {
  background-color: black !important;
  background-image:var(--c-dorado-oscuro) !important;
  border-radius: 100% !important;
  color: white !important;
}

.active.month, .active.year {
  background-color: black !important;
  background-image:var(--c-dorado-oscuro) !important;
  border-radius: 100% !important;
  color: white !important;
  min-width: 55px !important;
}

.datepicker table tr td span {
  width: 30% !important;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  color: #DADADA !important;
}

.today.day {
  background-color: var(--c-dorado) !important;
  background-image:var(--c-dorado-oscuro) !important;
  border-radius: 100% !important;
}

.day:hover {
  background-color: black !important;
  border-radius: 100% !important;
  color: white !important;
}

.datepicker-switch:hover {background-color: black !important; color: white !important;}

.disabled.day:hover {
  background-color: transparent !important;  
}

.back-gold {
  background: rgb(232,190,108);
  background: linear-gradient(90deg, rgba(232,190,108,1) 51%, rgba(245,226,134,1) 100%); 
}

.bg-dorado {
  background-color: var(--c-dorado) !important;
}

.bg-dorado:hover {
  background-color: var(--c-dorado-claro) !important;
}

.bg-black-custom {
  background-color: var(--c-brown) !important;
  color: white !important;
}

.bg-black-custom:hover {
  opacity: 0.8;
}

.back-gold-2 {
  background: rgb(232,190,108);
  background: linear-gradient(90deg, rgba(245,226,134,1) 51%, rgba(232,190,108,1) 100%);
}

.bd { background-color: transparent !important; }

.bg-brown { background-color: var(--c-brown); }