/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
/* Aseguramos que el body y el html tengan altura completa */




html, body {
  height: 100%;
  margin: 0;
}

/* Configuramos el contenedor principal para usar Flexbox */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}




.object-fit-cover {
  object-fit: cover;
}


section, main, footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


.search-sec {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Hacemos que el contenido principal crezca y ocupe el espacio disponible */
main {
  flex-grow: 1;


  background-color: #ededed;
  font-family: Proxima Nova, -apple-system, Helvetica Neue, helvetica, roboto, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/*login en el centro */
.login-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

@media (max-width: 768px) {
  .login-container {
    padding-top: 8rem;
    padding-bottom: 4rem;
    min-height: 100vh;
  }


}


.navbar-toggler {
  border: none !important;
  outline: none !important;
  background: transparent !important; /* Opcional */
}

.navbar-toggler:focus,
.navbar-toggler:active {
  outline: none !important;
  box-shadow: none !important;
}

.nav-icon.dropdown-toggle::after {
  display: none !important; /* Ocultar el triángulo */
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.dropdown .dropdown-menu{
  animation-duration: .25s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-name: dropdownAnimation;
  animation-timing-function: ease;
}

.dropdown-menu.show {
  transform: translateY(0);
  opacity: 1; /* Menú visible al abrir */
}

.dropdown-menu-end[data-bs-popper] {
    left: auto;
    right: 0;
}


/* ****************fComienzo modificar nav-bar ********************* */
.navbar-nav .dropdown-menu {
  position: absolute; /* Asegura que esté fuera del flujo del DOM */
  top: calc(100% + 0.5rem); /* Espaciado justo debajo del botón */
  left: 0; /* Alineado al extremo izquierdo del contenedor */
  z-index: 1050; /* Garantiza que se muestre por encima de otros elementos */
  min-width: 12rem; /* Ancho mínimo para un mejor diseño */
  border-radius: 0.25rem; /* Bordes redondeados */
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Sombra para destacar */
 
}

.navbar-brand, .navbar-nav > li > a {
  font-weight: 500;
  color: #5A738E !important;
  margin-left: 0 !important;
  line-height: 32px;
  font-size: 1rem;
  line-height: 1.4;
}
/* Asegurar que el contenido no cause desplazamiento */
.navbar-collapse {
  flex-grow: 0; /* Evita que crezca más de lo necesario */
}


/* Limpieza de padding y márgenes */
.navbar .dropdown-item {
  padding: 0.5rem 1rem;
}

.navbar {
  position: fixed; /* Fijar el navbar en la parte superior */
  top: 0;
  left: 0;
  width: 100%; /* Asegura que ocupe todo el ancho */
  z-index: 1030; /* Asegura que esté sobre el contenido */
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Sombra sutil */
}


/* ****************fin modificar nav-bar ********************* */





.nav-flag, .nav-icon{
  color: #6c757d;
  display: block;
  font-size: 1.5rem;
  line-height: 1.4;
  padding: .1rem .8rem;
  transition: background .1s ease-in-out, color .1s ease-in-out;
}

#alertsDropdown::after {
    display: none; /* Oculta la flecha solo en este elemento */
}




/* Estilo del footer */
footer {
  background-color: #000; /* Fondo negro */
  color: #fff; /* Texto blanco */
  padding: 1rem 0;
  text-align: center;
}



@media (max-width: 768px) {
  .search-bar {
      display: none;
  }

  /* Ajustar la posición del menú desplegable en dispositivos móviles */
  .dropdown-menu-end-avatar[data-bs-popper] {
      right: 0 !important; /* Alinear a la derecha */
      left: auto !important;
      margin-top: 0.5rem; /* Separación del botón */
  }


  .dropdown-menu-end[data-bs-popper] {
    left: 0 !important; /* Posicionar el dropdown al centro */
    right: 0 !important; /* Eliminar posible desbordamiento */
    margin-top: 0.5rem;
  }

  /* Ajustar el contenedor del dropdown */
  .dropdown {
      position: relative;
  }

 /* Solución específica para dropdown */
.dropdown-menu {
  margin-top: 0.5rem; /* Espaciado entre el botón y el menú */
  transform: translateY(10px); /* Evita que se "mueva bruscamente" */
  opacity: 0;
  transition: all 0.2s ease-in-out; /* Transición suave */
}

  /* Corregir espaciado alrededor de la imagen del usuario */
  .nav-icon img {
      width: 40px; /* Tamaño más pequeño para pantallas pequeñas */
      height: 40px;
  }

  

  .pe-md-0 {
      padding-right: 0 !important;
  }

  /* Ajustar los íconos del menú superior */
  .nav-icon {
      padding: 0.5rem;
  }

  /* Asegurar un comportamiento responsivo para otros elementos */
  .navbar-brand {
      font-size: 1rem; /* Reducir el tamaño de la marca en móviles */
  }

  /* Espaciado en el dropdown para opciones */
  .dropdown-item {
      padding: 0.5rem 1rem;
      font-size: 0.9rem; /* Ajustar tamaño del texto */
  }








  .section-header h2 {
    display: inline !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    margin: auto auto 0 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-font-smoothing: antialiased !important;
}

.section-header h2 {
    color: rgba(0, 0, 0, .8) !important;
}












  footer {
    font-size: 0.9rem; /* Reducir tamaño de fuente */
    padding: 0.8rem;
  }

}








/* General Styles */
.chat-dropdown {
  max-width: 320px; /* Máximo ancho en pantallas grandes */
  width: 100%; /* Ajuste automático en pantallas pequeñas */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}



.main-title {
  color: rgba(0, 0, 0, .8);
  font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
  font-size: 28px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  letter-spacing: normal;
  line-height: 1.29;
  margin: 0 0 0 8px;
  width: 100%;
}





.home .row {
  display: flex
;
  flex-basis: 100%;
  flex-wrap: wrap;
}
.home .row {
  position: relative;
}
section>.container {
  margin: 0 auto;
  max-width: 1200px;
  padding: 30px 0;
}






.section-header {
  margin-bottom: 22px;
}

.section-header {
  align-items: center;
  display: block;
  line-height: 1.2;
}



.section-header h2 {
  display: inline;
  font-size: 24px;
  font-weight: 300;
  margin: 0 0 0 8px;
}

.section-header h2 {
  color: rgba(0, 0, 0, .8);
}










:-webkit-any(article, aside, nav, section) h1 {
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
}




/* barra lateral */
.ui-search-filter-groups {
  clear: both;
  margin-top: 36px;
}


.ui-search-filter-dl {
  margin-bottom: 30px;
  padding-right: 16px;
  width: 100%;
}

ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
  unicode-bidi: isolate;
}

ul, ol {
  list-style: none;
  margin: 0; /* Opcional: para eliminar márgenes */
  padding: 0; /* Opcional: para eliminar relleno */
  padding-left: 2rem;
}


form {
  /*display: block !important;*/
  margin-top: 0em;
  unicode-bidi: isolate;
}

.ui-search-filter-dl:first-child .ui-search-filter-highlighted {
  margin-top: -3px;
}



.ui-search-filter-highlighted__container {
  align-items: center;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  display: flex
;
  flex-direction: row;
  gap: 8px;
  justify-content: space-around;
  margin: 4px 0;
  padding: 15px 12px 15px 16px;
  position: relative;
  width: 100%;
}


.ui-search-filter-highlighted__content-button {
  background: none;
  border: none;
  cursor: pointer;
  flex-grow: 5;
  min-height: 21.594px;
  padding: 0;
  text-align: left;
  width: -webkit-fill-available;
  z-index: 10;
}

.ui-search-filter-highlighted__switch-container, .ui-search-filter-highlighted__switch-container .andes-switch__input {
  align-items: center;
  display: flex;
}

.ui-search-filter-dl {
  margin-bottom: 30px;
  padding-right: 16px;
  width: 100%;
}

.ui-search-filter-dt-title {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 10px;
}

.ui-search-filter-container {
  font-size: 14px;
  font-weight: 300;
  margin: 0 0 6px;
}


.ui-search-filter-container .ui-search-link {
  display: flex
;
  flex-wrap: wrap;
  width: -moz-fit-content;
  width: fit-content;
}


.ui-search-filter-name {
  color: #666;
  float: left;
  font-size: 14px;
  font-weight: 400;
  margin-left: 0;
}

.ui-search-filter-results-qty {
  color: #999;
  float: left;
  font-size: 14px;
  font-weight: 300;
  margin-left: 6px;
}

.ui-search-filter-container {
  font-size: 14px;
  font-weight: 300;
  margin: 0 0 6px;
}

main[role=main] {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  flex-grow: 1;
}




.ui-search-money-picker__btn:disabled {
  background-color: #e0e0e0; /* Fondo gris para botones deshabilitados */
  color: #999; /* Texto gris claro */
  cursor: not-allowed;
}

.ui-search-money-picker-dt-title {
  color: #333;
  display: inline-flex;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 10px;
}

/* Asegurar estilos para el resto de elementos */
.ui-search-money-picker {
  display: inline-flex;
      line-height: 1.25;
      margin-bottom: 10px;
      margin-left: 12px;
}


.ui-search-money-picker__form {
  /*display: inline-flex;*/
  /*width: 105px;*/
  display: flex; /* Alinea botones en fila */
  gap: 8px; /* Espaciado uniforme entre botones */
}






.ui-search-price-filter .ui-search-price-filter-container:first-child::after {
  color: rgb(153, 153, 153);
  content: "—";
  float: left;
  font-size: 12px;
  line-height: 2px;
  margin: 0px 5px;
  padding: 7px 0px;
}





.ui-search-money-picker__btn {
  padding: 8px 12px; /* Espaciado interno */
  font-size: 14px; /* Tamaño de fuente */
  border: 1px solid #ccc; /* Bordes claros */
  border-radius: 4px; /* Bordes redondeados */
  background-color: #f5f5f5; /* Fondo claro */
  cursor: pointer;
  transition: background-color 0.3s ease; /* Suaviza el cambio de color */
}


.ui-search-money-picker__li .ui-search-link {
  color: #666;
  display: flex
;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 400;
  margin-left: 0;
}


.ui-search-money-picker__li {
  margin-bottom: 6px;
}

.ui-search-filter-groups input.andes-form-control__field.andes-form-control__field {
  background-color: #fafafa;
  border-color: #777;
  border-radius: .375em;
  font-size: 13px;
  height: 25px;
  width: 84px;
}


.andes-form-control {
  display: block;
  font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  -webkit-font-smoothing: antialiased;
  text-align: left;
}



.ui-search-price-filter-container {
  display: flex; /* Asegura la alineación de elementos en fila */
  align-items: center; /* Centra verticalmente los elementos */
  justify-content: flex-start; /* Alinea horizontalmente desde la izquierda */
  /*gap: 8px;*/ /* Espaciado uniforme entre los elementos */
  margin: 0; /* Elimina márgenes */
  padding: 0; /* Elimina rellenos */
  box-sizing: border-box; /* Incluye padding en el tamaño total */
  width: 100%; /* Asegura que ocupe todo el ancho disponible */
}

/* Inputs del formulario */
.ui-search-price-filter-container .andes-form-control {
  /*flex-grow: 1; /* Permite que los inputs ocupen espacio proporcional */
  margin-right: 8px; /* Espaciado entre inputs y botones */
}

.ui-search-price-filter-container .andes-form-control__field {
  width: 100%; /* Ajusta el input al ancho del contenedor */
  padding: 8px 12px; /* Añade espaciado interno */
  height: 40px; /* Altura consistente para los campos */
  font-size: 14px; /* Tamaño de fuente uniforme */
  border: 1px solid #ddd; /* Bordes suaves */
  border-radius: 4px; /* Bordes redondeados */
  box-sizing: border-box; /* Incluye padding en el cálculo del ancho */
}



/* Botón de aplicar */
.ui-search-price-filter-container .ui-search-price-filter-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px; /* Altura igual a los inputs */
  width: 40px; /* Tamaño cuadrado */
  margin: 0; /* Elimina márgenes */
  background-color: #007bff; /* Color de fondo azul */
  color: #fff; /* Texto blanco */
  border: none; /* Sin bordes */
  border-radius: 4px; /* Bordes redondeados */
  cursor: pointer;
  transition: background-color 0.3s ease; /* Suaviza cambios de color */
}



.ui-search-price-filter-container .ui-search-price-filter-action-btn:disabled {
  background-color: #e0e0e0; /* Fondo gris para estado deshabilitado */
  cursor: not-allowed; /* Cursor deshabilitado */
}
























.ui-search-price-filter {
  display: flex;
  flex-direction: row;
}


.ui-search-price-filter-action-btn:disabled {
  background-color: #e0e0e0;
  pointer-events: none;
}


.ui-search-price-filter .andes-form-control--textfield .andes-form-control__control {
  min-height: 24px;
}



.andes-form-control--textfield .andes-form-control__control {
  align-items: center;
  background-color: #fff;
  border-radius: .375em;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .25);
  display: flex
;
  font-size: 16px;
  min-height: 48px;
}




.ui-search-price-filter-action-btn svg {
  filter: invert(100%) sepia(0) saturate(0) hue-rotate(39deg) brightness(106%) contrast(101%);
  margin-left: 2px;
}


path[Attributes Style] {
  d: path("M 8.27686 4.34644 L 7.42834 5.19496 L 12.224 9.99059 L 7.42334 14.7912 L 8.27187 15.6397 L 13.921 9.99059 L 8.27686 4.34644 Z");
  fill: rgba(0, 0, 0, 0.9);
}


.ui-search-price-filter-container .andes-form-control .andes-form-control__field, .ui-search-price-filter-container .andes-form-control .andes-form-control__field:hover {
  border-width: 1px;
}


.andes-form-control--textfield .andes-form-control__field {
  flex-grow: 1;
  width: auto;
}

.andes-form-control--textfield:last-child {
  margin-right: 0;
}


















 /*css footer */
 wrapper>* {
  flex: 0 0 auto;
}

a {
  text-decoration: none;
  background-color: transparent;
}

.py-8 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.footer-link-01 li+li {
  padding-top: 0.8rem;
}

.footer-title-01 {
  font-size: 16px;
  margin: 0 0 20px;
  font-weight: 600;
}

.footer-title-01 {
  font-size: 16px;
  margin: 0 0 20px;
  font-weight: 600
}

.footer-link-01 li+li {
  padding-top: .8rem
}

@media (max-width: 991.98px) {
  .footer-link-01 li+li {
      padding-top: .6rem
  }
}

.footer-link-01 a {
  position: relative;
  display: inline-block;
  vertical-align: top
}

.footer-link-01 a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  transition: ease all .35s;
  background: currentColor
}

.footer-link-01 a:hover:after {
  left: 0;
  right: auto;
  width: 100%
}



/* cotainer card */
.container-card{
  margin-top: 2rem; /* Espaciado superior */
}

.d-flex {
  gap: 1.5rem; /* Espaciado uniforme entre tarjetas */
}






/************* BUSQUEDA ********************/
/*search box css start here*/
.search-sec{
  background: #1A4668;padding: 2rem;
}
.search-slt{
  display: block;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  height: calc(3rem + 2px) !important;
  border-radius:0;
}
.wrn-btn{
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
   height: calc(3rem + 2px) !important;
   border-radius:0;
}

/* Estilos para inputs de archivo traducidos */
.file-input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.file-input-wrapper input[type="file"] {
  position: absolute;
  left: -9999px;
  opacity: 0;
  width: 0;
  height: 0;
}

.file-input-wrapper .form-control {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  transition: all 0.3s ease;
  text-align: left;
  color: #6c757d;
}

.file-input-wrapper .form-control:hover {
  border-color: #3498db;
  background-color: #f8f9fa;
}

.file-input-wrapper .form-control:focus {
  border-color: #3498db;
  box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
  outline: none;
}

/* Estilo para cuando se ha seleccionado un archivo */
.file-input-wrapper.has-file .form-control {
  color: #495057;
  border-color: #28a745;
}

/* Estilo para el texto "Elegir Archivo" */
.file-input-wrapper .form-control::before {
  content: "📁 ";
  margin-right: 8px;
}

/* Estilo para el texto "Ningún archivo seleccionado" */
.file-input-wrapper .form-control:empty::after {
  content: "Ningún archivo seleccionado";
  color: #6c757d;
}

/* Responsive para móviles */
@media (max-width: 768px) {
  .file-input-wrapper .form-control {
    font-size: 14px;
    padding: 0.5rem 0.75rem;
  }
}