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

/* Mont Bold */
@font-face {
  font-family: "Mont WMAB";
  src: url("/site/assets/fonts/MONT-BOLD.OTF") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* FUENTES PRINCIPALES */

/* Mont Black */
@font-face {
  font-family: "Mont WMA";
  src: url("/site/assets/fonts/MONT-BLACK.OTF") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Utilidades simples para usarlas donde quieras -------------*/
.font-mont-bold {
  font-family: "Mont WMAB", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 700 !important;
}

.font-mont-black {
  font-family: "Mont WMA", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 900 !important;
}


/* FIN FUENTES PRINCIPALES  -------------------*/

.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;
}


@media (max-width: 576px) {
  .td-generar-text {
    width: 330px !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: #f02535 !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: #fff;
}

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

.btn_comparar {

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

}

.banner1 {
  font-size: 45px;

  color: white;
  /* font-family: Brush Script Opti, cursive; */
  line-height: 90%;
  padding-top: 80px;
  padding-left: 20px;
}

.mensajeHola {
  font-size: 70px !important;
  font-weight: 300;
}

@media (max-width: 576px) {
  .banner1 {
    font-size: 24px !important;
    padding-top: 110px !important;
  }

  .mensajeHola {
    font-size: 30px !important;
  }
}

.app-sidebar .menu .menu-item .menu-link .menu-icon i {
  color: #EE2737 !important;
}

.app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
  color: #85838a !important;
}

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

/* 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: #f30000 !important;
}

/* color de letras superior */

.app-header-menu .menu .menu-item .menu-link .menu-title {
  /* color: #2798ee  !important; */
  font-weight: 550 !important;
  font-size: 14px !important;
}

@media (max-width: 576px) {
  .row>.col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: block;
  }
}

.menu-title16 {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: white !important;
  text-decoration: none !important;

  a {
    color: white !important;
    text-decoration: none !important;
  }
}

@media (max-width: 992px) {
  .menu-title16 {
    color: #4b4747 !important;
    font-weight: 700 !important;
  }
}

/* En desktop: “desaparece” el wrapper (no rompe la estructura del menu) */
.only-desktop {
  margin-top: 14px;
}

/* En tablet/móvil: se oculta completo */
@media (max-width: 991.98px) {
  .only-desktop {
    display: none !important;
  }
}

.aura-float {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 99999;

  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 10px 14px;
  border-radius: 999px;

  background: #f02535;
  /* WhatsApp vibe */
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 800;

  box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.aura-float:hover,
.aura-float:active {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 16px 36px rgba(0, 0, 0, .36);
  filter: brightness(1.03);
}

.aura-float__img {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, .7);
  background: #fff;
}

.aura-float__label {
  font-size: 13px;
  letter-spacing: .3px;
}

/* En móvil/tablet el menú se manejará como drawer */
@media (max-width: 991.98px) {
  .app-header-menu {
    padding-left: 0 !important;
  }
}

/* En desktop: muestra separadores */
@media (min-width: 992px) {
  #kt_app_header_menu .menu-item .menu-title16::after {
    content: "|";
    margin: 0 18px;
    opacity: .55;
  }

  /* El último sin separador */
  #kt_app_header_menu .menu-item:last-child .menu-title16::after {
    content: "";
    margin: 0;
  }
}

/* En móvil/tablet: menú vertical más cómodo */
@media (max-width: 991.98px) {
  #kt_app_header_menu {
    padding: 12px 10px !important;
  }

  #kt_app_header_menu .menu-item {
    width: 100%;
    margin: 0 !important;
  }

  #kt_app_header_menu .menu-link {
    width: 100%;
    padding: 10px 12px !important;
    border-radius: 10px;
  }

  /* Por si quedó algún | en HTML, lo escondemos */
  #kt_app_header_menu .menu-title16::after {
    content: "" !important;
  }
}


/* HEADER MENU: mantener texto blanco */

#kt_app_header_menu .menu-link .menu-title16 {
  color: #ffffff !important;
}

/* Móvil/Tablet: texto oscuro porque el drawer es blanco */
@media (max-width: 991.98px) {

  #kt_app_header_menu .menu-link .menu-title16,
  #kt_app_header_menu .menu-link .menu-title {
    color: #111 !important;
  }

  /* Hover/active en móvil: fondo gris suave y texto oscuro */
  #kt_app_header_menu .menu-link:hover,
  #kt_app_header_menu .menu-link:focus,
  #kt_app_header_menu .menu-item.here>.menu-link,
  #kt_app_header_menu .menu-item.show>.menu-link,
  #kt_app_header_menu .menu-link.active {
    background-color: #f2f2f2 !important;
  }
}

/* Hover / focus: fondo blanco y texto rojo (o el que prefieras) */
#kt_app_header_menu .menu-link:hover,
#kt_app_header_menu .menu-link:focus {
  background-color: #fff !important;
}

#kt_app_header_menu .menu-link:hover .menu-title,
#kt_app_header_menu .menu-link:hover .menu-title16,
#kt_app_header_menu .menu-link:focus .menu-title,
#kt_app_header_menu .menu-link:focus .menu-title16 {
  color: #EF4948 !important;
  /* rojo WMA */
}

/* Active (cuando está seleccionado/clic) */
#kt_app_header_menu .menu-item.here>.menu-link,
#kt_app_header_menu .menu-item.show>.menu-link,
#kt_app_header_menu .menu-link.active {
  background-color: #fff !important;
}

#kt_app_header_menu .menu-item.here>.menu-link .menu-title,
#kt_app_header_menu .menu-item.here>.menu-link .menu-title16,
#kt_app_header_menu .menu-item.show>.menu-link .menu-title,
#kt_app_header_menu .menu-item.show>.menu-link .menu-title16,
#kt_app_header_menu .menu-link.active .menu-title,
#kt_app_header_menu .menu-link.active .menu-title16 {
  color: #EF4948 !important;
}

/* Opcional: evita que subraye los <a> */
#kt_app_header_menu a.menu-link {
  text-decoration: none !important;
}