@font-face {
  font-family: 'Brush Script Opti';
  src: url('../font/BrushScriptOpti-Regular.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.carrito-compras {
   

  transition: transform 0.3s ease-in-out;
  transform: translateX(100%); /* Inicialmente escondido hacia la derecha */
  bottom: 0;
  position: fixed; /* Fijado en la parte derecha */
  right: 0; /* Alineado a la derecha */
  top: 0; /* Ajusta esta propiedad según necesites */
  /* height: 100%; Altura completa de la pantalla */
  min-height: 300px;
  width: 320px; /* Ajusta el ancho según tus necesidades */
  background-color: #fff; /* Color de fondo */
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2); /* Sombra para efecto elevado */
  /* Otros estilos como padding, bordes, etc. */
  padding: 10px;

  z-index: 1000;
}

.carrito-compras.visible {
  transform: translateY(0); /* Despliega el carrito */
}

.div_scroll {
  max-height: 370px; /* Ajusta esto según tus necesidades */
  overflow-y: auto; /* Muestra la barra de desplazamiento solo si es necesario */
  /* Añade estilos adicionales según tus necesidades (ancho, padding, etc.) */
}


.text-11{
  font-size: 11px !important;
}
.text-11-center{
  font-size: 11px !important;
  text-align: center !important;
}
.text-11-center-header{
  font-size: 11px !important;
  text-align: center !important;
  background-color: aliceblue;
  border-bottom: 1px solid !important;
}

.tr-aliceblue{
  background-color: aliceblue !important;
}

.td-resumen-cot{

  font-weight: bold;
}

/* Clase para disminuir el alto de las filas de la tabla */
/* .table-row-shortened {
  padding-top: 4px; 
  padding-bottom: 4px;
} */


.table-row-shortened td {
  padding-top: 10px !important; /* Disminuye el espaciado superior dentro de la celda */
  padding-bottom: 3px !important; /* Disminuye el espaciado inferior dentro de la celda */
}

.class-group-factor{
  border: 1px solid #dbe9f6;
  padding: 5px;
  margin: 5px;
}


.td-generar-text{
  width: 140px !important;
  
}
.td-generar-fnac{
  width: 140px !important;

}
.td-generar-edad{
  width: 70px !important;

}

.bg-light-blue {
background-color: #f0f8ff !important;
}

.scrollable-content {
max-height: 300px;
overflow-y: auto; /* Habilita el desplazamiento vertical */
}

/* .text-pasajero{

  width: 120px !important;

} */



/* [data-kt-app-layout="dark-sidebar"] .app-sidebar {
background-color: #36369f;
border-right: 0 !important;

} */


/* 

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-heading {
color: #2ec293 !important;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-title {
color: #a1532d;
} */


.text-report-11{
font-size: 11px !important;
font-weight: bold;
color:black !important;
}

.EstilosSidebar{
color: rgb(255, 255, 255) !important;
background-color: #c02525 !important;
}

/* .logo3{
background-color: #ffffff !important;
} */

/* .titulos3{
color: #ffffff !important;
} */

.titulos4{
color: #f2dede !important;
}

.colorBoton{
background-color: #c02525 !important;
}

.textoRojo{
  color: #c02525 !important;
}

tbody tr:nth-child(odd) {
  background-color: #b5b5b50e !important; /* Color para filas impares */
  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif !important;
  color: #555454 !important;
}
tbody tr:nth-child(even) {
  background-color: #ffffff !important; /* Color para filas pares */
  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif !important;
  color: #555454 !important;
}

.custom-ul {
  list-style-type: none !important; /* Quitar estilo de lista */
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.custom-li {
  margin: 5px 0; /* Margen de 5px entre elementos */
}

.centered-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.heigh-52{
  height: 46px !important;
}

.send-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

.send-container input {
  flex-grow: 1;
}

.vertical-TopCot {

  vertical-align: top;

}

.table-bordered>:not(caption)>*>* {
  border-width:0 1px;
  text-align: center !important;
}

.heightLiCot {

  height: 100px;

}

.trTablePlanes {
  background-color: white !important;
  /* border-block-end: 1px solid aliceblue; */
  border-bottom: 1px solid aliceblue !important;
}

#header_nombagencia {
  display: flex; align-items: center;
  color: #ffffff;
}

#header_nombagencia h5 {
  margin-top:5px;
  color: #ffffff;
}

.btn_comparar{

    font-size: 11px !important;
    padding: 5px !important;

}

.banner1{
  font-size: 70px;
  color: white;
  font-family: Brush Script Opti, cursive;
  line-height: 90%;
}

/* color de los iconos */
.app-sidebar .menu .menu-item .menu-link .menu-icon i{color:#ffffff !important;}

/* hover del color de los iconos */
.app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i{color:#5FB1E3!important;}

/* color de la parte superior */
.app-header {background-color: #082740;}

/* color de letras haver superior */
.app-header-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title{color:#5FB1E3 !important;}

/* color de letras superior */

.app-header-menu .menu .menu-item .menu-link .menu-title{color: #fff !important;}

/* color del margin de las letras superior */
.opciones{
  background-color: #082740!important;
}

/* colores de los botones. */

/* .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon){background-color: black;} */

/* ===== Ajustes responsive movil (Safari iOS / Android) ===== */

/* Evita que Safari en iPhone haga zoom automatico al tocar un campo: eso pasa solo
   cuando el font-size del elemento enfocado es menor a 16px. El theme fuerza
   html,body{font-size:12px!important} por debajo de 991.98px, y con eso los
   .form-control/.form-select (font-size:1.1rem) quedan en ~13px, bajo el umbral de iOS.
   Incluye tambien los inputs de SweetAlert2 (los popups tipo "Coloque su correo"). */
@media (max-width: 991.98px) {
  input,
  select,
  textarea,
  .form-control,
  .form-select,
  .swal2-input,
  .swal2-textarea,
  .swal2-select {
    font-size: 16px !important;
  }
}

/* Unifica el color de los popups (SweetAlert2) con el azul del tema en vez del morado
   por defecto de la libreria (#7066e0). Sin !important a proposito: si algun popup ya
   define su propio confirmButtonColor (ej. confirmaciones de borrado en rojo), ese valor
   inline sigue ganando; esto solo cambia el color por defecto de los que no definen ninguno. */
.swal2-styled.swal2-confirm {
  background-color: #009ef7;
}
.swal2-styled.swal2-confirm:hover {
  background-color: #0095e8;
}
.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(0, 158, 247, .5);
}