/* Menu de www.templaris.com (22-oct-2026, pedido de Luis: "se ve todo pegado y no se diferencia una cosa de la otra").
   Enlaces con aire y estado activo; a la derecha, separados, "Canal de Denuncias" (discreto) y "Consulta tu deuda" (boton). */
@media (min-width: 992px) {
  header#top .navbar { padding-top: 12px; padding-bottom: 12px; }
  header#top .navbar-brand { margin-right: 36px !important; }
  header#top .navbar-brand img { height: 40px; width: auto; }
  header#top #top_menu { flex: 1 1 auto; align-items: center; gap: 4px; }
  header#top #top_menu > li > .nav-link {
    position: relative; padding: 10px 14px !important; border-radius: 10px;
    font-size: 15px; font-weight: 600; color: #2b3a48; letter-spacing: .01em;
    transition: color .2s, background-color .2s;
  }
  header#top #top_menu > li > .nav-link:hover { color: #0081C1; background-color: #eef6fc; }
  header#top #top_menu > li > .nav-link.active { color: #0081C1; }
  header#top #top_menu > li > .nav-link.active::after {
    content: ""; position: absolute; left: 14px; right: 14px; bottom: 3px; height: 2px; border-radius: 2px;
    background: linear-gradient(90deg, #FF7100, #FFD02A 18%, #0081C1 52%, #00FF85);
  }
  /* bloque de la derecha */
  header#top #top_menu > li:has(> a[href="/canal-de-denuncias"]) {
    margin-left: auto; padding-left: 16px; border-left: 1px solid #dde6ef;
  }
  header#top #top_menu > li > a[href="/canal-de-denuncias"] { font-size: 14px; font-weight: 500; color: #58595B; }
  header#top #top_menu > li:has(> a[href="/consulta-tu-deuda"]) { margin-left: 8px; }
  header#top #top_menu > li > a[href="/consulta-tu-deuda"] {
    background: linear-gradient(135deg, #FF7100, #FFD02A); color: #2a1300 !important;
    font-weight: 700; border-radius: 999px; padding: 11px 22px !important;
    box-shadow: 0 10px 22px -12px rgba(255, 113, 0, .85);
  }
  header#top #top_menu > li > a[href="/consulta-tu-deuda"]:hover { background: linear-gradient(135deg, #f06a00, #ffc61a); color: #2a1300 !important; }
  header#top #top_menu > li > a[href="/consulta-tu-deuda"]::after { display: none; }
}
/* celular: el menu desplegable con renglones separados y la consulta como boton */
@media (max-width: 991.98px) {
  header#top .o_navbar_mobile .nav-link, header#top .offcanvas .nav-link { padding: 12px 4px !important; font-weight: 600; border-bottom: 1px solid #eef2f6; }
  header#top .offcanvas a.nav-link[href="/consulta-tu-deuda"] {
    margin-top: 10px; border: 0; border-radius: 999px; text-align: center;
    background: linear-gradient(135deg, #FF7100, #FFD02A); color: #2a1300 !important; font-weight: 700;
  }
}