@font-face {
  font-family: Poppins;
  src: url(../fonts/Poppins-Regular.ttf);
}
@font-face {
  font-family: PoppinsL;
  src: url(../fonts/Poppins-Light.ttf);
}

/*
* Estilo para Movil
*/
@media only screen and (max-width: 600px){
    .showCabPC{
        display:none;
    }
    .showCabMov{
        display:inline;
    }
}

/*
* Estilo para PC
*/
@media only screen and (min-width: 601px){
    .showCabPC{
        display:inline;
    }
    .showCabMov{
        display:none;
    }
}

/*
* Estilo General
*/

body, html, div{
    font-family:Poppins;
}

.logoFondo{
  background: rgba(255, 255, 255, 1);
  border-radius: 12px;
}

.hide{
  display: none !important;
}

a.linkBlanco:link {
  color: #FFFFFF;
}
a.linkBlanco:visited {
  color: #FFFFFF;
}
a.linkBlanco:hover {
  color: #FFFFFF;
}
a.linkBlanco:active {
  color: #FFFFFF;
}

a.btnIcon:link {
  color:rgba(66,94,154,1);
}
a.btnIcon:visited {
  color:rgba(66,94,154,1);
}
a.btnIcon:hover {
  color:rgba(66,94,154,1);
}
a.btnIcon:active {
  color:rgba(66,94,154,1);
}

.btnInicio{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 12px;
    text-decoration: none;
    width:240px;
    height:50px;
    font-family:Poppins;
    color: #FFF;
    background-image: radial-gradient(rgba(116,165,206,1) , rgba(66,94,154,1));
    border-color: #ccc;
}
/* .botonAzul {
    margin-top: 1vh;
    background-image: radial-gradient(rgba(116,165,206,1) , rgba(66,94,154,1));
    color: #FFF;
    text-align: center;
    border: none;
    padding: 6px 12px;
    border-radius: 10px;
    font-family:Poppins;
    font-size: 12px;
} */

.btn-simetrico {
  width: 120px;
  height: 32px;
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle;
}

.centrar {
    text-align:center;
}
.redondeado {
    border-radius: 5px !important;
}
.formulario {
    margin-top: 1vh;
    width: 80%;
    font-family:Poppins;
}
.formularioNumero {
    margin-top: 1vh;
    width: 35%;
    font-family:Poppins;
    text-align:right;
}

/*
* Style para busqueda
*/

.autocomplete {
  position: relative;
  display: block;
  width: 100%;
}

.nav-tabs .nav-link.active {
  background: radial-gradient(rgba(116,165,206,1) , rgba(66,94,154,1));
  color: #ffffff !important;
  border-color: #425e9a #425e9a #4f73b6;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  display: inline-block;
  /*position the autocomplete items to be the same width as the container:*/
  top: 400;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
/*
* Fin Style para busqueda
*/

/*
* INICIO Breadcrumb style Modernizado
*/

/* Contenedor principal para el fondo y padding */
.breadcrumb-container {
    background-color: rgba(44, 48, 94, 0.7); /* Un poco más oscuro para mejor contraste */
    padding: 0.75rem 1.25rem; /* Más espacio */
    /* Opcional: añade un efecto de desenfoque moderno si el navegador lo soporta */
    backdrop-filter: blur(5px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Borde sutil inferior */
}

/* Estilo de la lista */
ul.breadcrumb {
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: transparent; /* Quitamos el fondo del UL */
    font-family: 'Poppins', sans-serif;
    display: flex;
    flex-wrap: wrap; /* Permite que baje de línea en pantallas pequeñas */
    align-items: center;
}

/* Estilo de cada ítem de la lista */
.breadcrumb-item {
    font-size: 14px; /* Tamaño legible */
    color: rgba(255, 255, 255, 0.7); /* Color gris claro para ítems inactivos */
    display: flex;
    align-items: center;
}

/* MAGIA DEL CSS: Añadir el separador automáticamente */
/* Selecciona cada item que tenga otro item antes */
.breadcrumb-item + .breadcrumb-item::before {
    content: "\f054"; /* Código Unicode para el chevron-right de FontAwesome */
    font-family: "Font Awesome 6 Free"; /* Asegúrate que coincida con tu versión de FA (puede ser "Font Awesome 6 Free") */
    font-weight: 900; /* Necesario para iconos sólidos */
    color: rgba(255, 255, 255, 0.4); /* Color sutil para el separador */
    padding: 0 0.65rem; /* Espaciado alrededor del separador */
    font-size: 11px;
}

/* Estilo de los enlaces */
.breadcrumb-item a {
    color: inherit; /* Hereda el color gris claro del padre */
    text-decoration: none;
    transition: color 0.2s ease-in-out, opacity 0.2s ease;
}

/* Efecto Hover en los enlaces */
.breadcrumb-item a:hover {
    color: #ffffff; /* Blanco puro al pasar el mouse */
    opacity: 1;
    text-decoration: none; /* Opcional: puedes poner underline si prefieres */
}

/* Estilo para el ítem activo (la página actual) */
.breadcrumb-item.active {
    color: #ffffff; /* Blanco puro */
    font-weight: 600; /* Un poco más grueso para destacar */
    cursor: default; /* Indica que no es clicable */
}

/* Ajuste específico para el icono de casa */
.breadcrumb-item:first-child a i {
    font-size: 15px;
    position: relative;
    top: -1px; /* Pequeño ajuste de alineación vertical */
}

/*
* FIN Breadcrumb style
*/