/* ==========================================================================
   Estilos del navbar (menú superior de íconos, desplegables e IA)
   Incluido globalmente desde head.php. Markup en navbar.php.
   ========================================================================== */

/* --- Ítems con desplegable en hover (menú superior y menú de usuario) --- */
.tm-item{ position:relative; }
.tm-item:hover > .tm-sub{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

/* Desplegable alineado a la derecha (menú de usuario e indicadores) */
.tm-sub-right{ left:auto; right:0; }

/* Encabezado del desplegable (nombre del menú) */
.tm-sub .tm-head{
  padding:6px 18px;
  color:#888;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.04em;
  border-bottom:1px solid #2b2b2b;
  margin-bottom:4px;
}

/* Filas de solo lectura (indicadores) */
.tm-sub .tm-val{
  display:block;
  padding:11px 20px;
  color:#ddd;
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
}

/* --- Menú superior: solo íconos (ancho fijo, no empuja la búsqueda) --- */
.topmenu .tm-item > a .glyphicon{ font-size:19px; vertical-align:middle; }

.tm-sub{
  position:absolute;
  top:100%; left:0;
  min-width:230px;
  background:#1c1c1c;
  list-style:none;
  margin:0; padding:6px 0;
  box-shadow:0 6px 14px rgba(0,0,0,0.3);
  z-index:1050;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .55s ease, transform .6s cubic-bezier(.25,.8,.25,1), visibility .6s ease;
}
.topmenu .tm-item:hover > .tm-sub{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.tm-sub li a{
  display:block;
  padding:11px 20px;
  color:#ccc;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
}
.tm-sub li a:hover{ background:#2b2b2b; color:#fff; }

/* --- Búsqueda rápida: igualar alto/alineación de input y botón --- */
.nav-buscar .input-group .form-control,
.nav-buscar .input-group-btn > .btn{
  height:34px;
  line-height:1.42857143;
  box-sizing:border-box;
  vertical-align:middle;
}
.nav-buscar .input-group-btn > .btn{
  padding-top:0;
  padding-bottom:0;
}

/* --- IA --- */
#iaModal{
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.5);
  z-index:9999;
}
.ia-box{
  position:absolute;
  top:60px;
  right:20px;
  width:420px;
  background:#fff;
  border-radius:6px;
  overflow:hidden;
}
.ia-header{
  background:#222;
  color:#fff;
  padding:10px;
  display:flex;
  justify-content:space-between;
}
.ia-body{
  padding:10px;
}
#iaTexto, #iaResultado{
  margin-top:10px;
}