/*MENU nivel 1*/
.navLvl1 .navbar {
  font-family: 'Jost', 'Oswald', sans-serif !important;
  font-size: 12px !important;
  margin-bottom:0; padding-bottom:0;
  border-radius:0;
  margin-top: 0;
  border:0;
  width: 100% !important;
  background-color: #59b7c3 !important; /*#eb7e24*/
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  min-height: auto !important;
}

.navLvl1 .navbar-nav > li > .dropdown-menu {
}

.navLvl1 .navbar a{
  margin-right: 15px !important;
  display: inline-block !important;
}

.navLvl1 .dropdown-menu {
  background-color: #003F5E  !important; 
  font-size:12px !important; 
  font-weight:normal !important;
}

.navLvl1 .dropdown-submenu {
  position: relative;
}

.navLvl1 .dropdown-submenu>.dropdown-menu {
  background-color: #003F5E  !important; /*ca6b1d*/
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: 9px; 
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
  padding-left: 15px;
}

.navLvl1 .dropdown-submenu:hover>.dropdown-menu { 
}

.navLvl1 .dropdown-submenu>a:after {
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.navLvl1 .dropdown-menu.show{
  border-radius: 15px !important;
  color: white !important;
  padding-left: 5px; 
  padding-right: 5px;
  width: auto;
  left: 5px !important;
  top: 20px;
}

.navLvl1 .dropdown-menu.show a{
  color: white !important;
  font-size: 12px !important;
}

.navLvl1 .dropdown-menu.show a:hover{
  border-radius: 15px !important;
}

.navLvl1 .menu_backoffice{
  font-size: 14px !important;
}

.navLvl1 ul.menu_backoffice li a{
  color: #ffffff !important; 
  font-size: 11px !important;
  width:auto !important;
  padding: 5px 8px 5px 8px !important;
}

.navLvl1 ul.menu_backoffice li ul li a {
  padding: 2px 8px 2px 8px !important;
}

.navLvl1 ul.menu_backoffice li a:hover{
  background-color: #002432 !important; /*#7f059c*/
  text-decoration: none !important;
  border-radius: 5px;
}

.navLvl1 ul.menu_backoffice li li {
  background-color: unset !important;
  text-decoration: none !important;
}

.navLvl1 ul.menu_backoffice li li a:hover{
  background-color: #003F5E !important; /*eb7e24*/
  text-decoration: none !important;
}

.navLvl1 ul.menu_backoffice li li ul li {
  background-color: unset !important;
  text-decoration: none !important;
}

.navLvl1 ul.menu_backoffice li li ul li a:hover{
  background-color: #eb7e24 !important; /*eb7e24*/
  text-decoration: none !important;
}

.navLvl1 .navbar-nav > li > .dropdown-menu,.navbar > li > .dropdown-menu{
  background-color: #00A1B1  !important; /*ca6b1d*/
  border-radius: 0px 0px 10px 10px;
  margin-top:4px !important; 
  margin-left: -1px !important;
  width: max-content !important;
  padding: 5px !important;
}

.navLvl1 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
  background-color: #003F5E  !important; /*ca6b1d*/
}

.navLvl1 .navbar-default .navbar > .open > a, .navbar-default .navbar > .open > a:hover, .navbar-default .navbar > .open > a:focus{
  background-color: #003F5E !important; /*ca6b1d*/
}

.navLvl1 .dropdown-menu > li > a {
  padding-top:3px; 
  padding-bottom:3px; 
  line-height:18px !important; 
  white-space: nowrap !important;
}

.navLvl1 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
  background-color: #002432 !important; 
  padding-top:3px; 
  padding-bottom:3px; 
  line-height:18px !important; 
  white-space: nowrap !important;
}

.navLvl1 a.dropdown-toggle {
  text-decoration: none !important;  
}

.navLvl1 ul > li > a {
  text-decoration: none !important;  
}

.navLvl1 a.seg-inactivo,
.navLvl1 ul.menu_backoffice li a.seg-inactivo {
  color: #cccccc !important;
}

.navLvl1 a.seg-inactivo:hover {
  color: #cccccc !important;
  background-color: transparent !important;
}

/*FIN MENU*/

/* Submenú en Bootstrap 5 */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  display: none;
  position: absolute;
}

/* Eliminar hover */
.dropdown-submenu:hover > .dropdown-menu {
  /*display: none;*/
}

/* Mostrar solo si tiene clase .show */
.dropdown-submenu > .dropdown-menu.show {
  display: block;
}

.dropdown-submenu > .dropdown-toggle.active,
.dropdown-submenu > .dropdown-toggle.show {
  background-color: transparent !important;
  color: white !important;
}

.dropdown-submenu > .dropdown-toggle.clicked {
  background-color: transparent !important;
  color: white !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.dropdown-submenu > .dropdown-toggle:focus,
.dropdown-submenu > .dropdown-toggle:active {
  background-color: transparent !important;
  color: white !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

/* FIN Submenú en Bootstrap 5 */


/*MENU nivel 2*/
.navLvl2 .navbar {
  font-family: 'Jost', 'Oswald', sans-serif !important;
  font-size: 12px !important;
  margin-bottom:0; padding-bottom:0;
  border-radius:0;
  margin-top: 0;
  border:0;
  width: 100% !important;
  background-color: #2780bc !important; /*#eb7e24*/
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  min-height: auto !important;
}

.navLvl2 .navbar-nav > li > .dropdown-menu {
}

.navLvl2 .navbar a{
  margin-right: 15px !important;
  display: inline-block !important;
}

.navLvl2 .dropdown-menu {
  background-color: #eb7e24  !important; 
  font-size:12px !important; 
  font-weight:normal !important;
}

.navLvl2 .dropdown-submenu {
  position: relative;
}

.navLvl2 .dropdown-submenu>.dropdown-menu {
  background-color: #eb7e24  !important; /*ca6b1d*/
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: 9px; 
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
  padding-left: 15px;
}

.navLvl2 .dropdown-submenu:hover>.dropdown-menu { 
}

.navLvl2 .dropdown-submenu>a:after {
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.navLvl2 .dropdown-menu.show{
  border-radius: 15px !important;
  color: white !important;
  padding-left: 5px; 
  padding-right: 5px;
  width: auto;
  left: 5px !important;
  top: 20px;
}

.navLvl2 .dropdown-menu.show a{
  color: white !important;
  font-size: 12px !important;
}

.navLvl2 .dropdown-menu.show a:hover{
  border-radius: 15px !important;
}

.navLvl2 .menu_backoffice{
  font-size: 14px !important;
}

.navLvl2 ul.menu_backoffice li a{
  color: #ffffff !important; 
  font-size: 11px !important;
  width:auto !important;
  padding: 5px 8px 5px 8px !important;
}

.navLvl2 ul.menu_backoffice li ul li a {
  padding: 2px 8px 2px 8px !important;
}

.navLvl2 ul.menu_backoffice li a:hover{
  background-color: #002432 !important; /*#7f059c*/
  text-decoration: none !important;
  border-radius: 5px;
}

.navLvl2 ul.menu_backoffice li li {
  background-color: unset !important;
  text-decoration: none !important;
}

.navLvl2 ul.menu_backoffice li li a:hover{
  background-color: #003F5E !important; /*eb7e24*/
  text-decoration: none !important;
}

.navLvl2 ul.menu_backoffice li li ul li {
  background-color: unset !important;
  text-decoration: none !important;
}

.navLvl2 ul.menu_backoffice li li ul li a:hover{
  background-color: #003F5E !important; /*eb7e24*/
  text-decoration: none !important;
}

.navLvl2 .navbar-nav > li > .dropdown-menu,.navbar > li > .dropdown-menu{
  background-color: #00A1B1  !important; /*ca6b1d*/
  border-radius: 0px 0px 10px 10px;
  margin-top:4px !important; 
  margin-left: -1px !important;
  width: max-content !important;
  padding: 5px !important;
}

.navLvl2 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
  background-color: #eb7e24  !important; /*ca6b1d*/
}

.navLvl2 .navbar-default .navbar > .open > a, .navbar-default .navbar > .open > a:hover, .navbar-default .navbar > .open > a:focus{
  background-color: #003F5E !important; /*ca6b1d*/
}

.navLvl2 .dropdown-menu > li > a {
  padding-top:3px; 
  padding-bottom:3px; 
  line-height:18px !important; 
  white-space: nowrap !important;
}

.navLvl2 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
  background-color: #002432 !important; 
  padding-top:3px; 
  padding-bottom:3px; 
  line-height:18px !important; 
  white-space: nowrap !important;
}

.navLvl2 a.dropdown-toggle {
  text-decoration: none !important;  
}

.navLvl2 ul > li > a {
  text-decoration: none !important;  
}

.navLvl2 a.seg-inactivo,
.navLvl2 ul.menu_backoffice li a.seg-inactivo {
  color: #cccccc !important;
}

.navLvl2 a.seg-inactivo:hover {
  color: #cccccc !important;
  background-color: transparent !important;
}
/*FIN MENU lvl2*/







.menu_backoffice .dropdown-divider {
  margin-top: 1px;
  margin-bottom: 1px;
}

/*HINT MENÚ*/
.hint-box {
  position: absolute;
  top: 100%;
  left: 12px; /* desplazamiento hacia la derecha */
  width: 280px;
  background: #2780BC;
  color: #fff;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  font-size: 0.85rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  z-index: 1000;
  display: none;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow: hidden;
}

.hint-box {
  transform: translateX(12px);
}

.hint-link {
  position: relative;
}

.hint-link:hover .hint-box,
.hint-link:focus .hint-box {
  display: block;
}
/*FIN HINT MENÚ*/

/*HINT HEADER*/
a[name="lnkOptHeader"] {
  position: relative;
}

.hint-box-header {
  position: absolute;
  top: 100%;
  left: 12px;
  width: 280px;
  background: #2780BC;
  color: #fff;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  font-size: 0.85rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  z-index: 1000;
  display: none;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow: hidden;
  transform: translateX(12px);
  text-align: left;
}

a[name="lnkOptHeader"]:hover .hint-box-header {
  display: block;
}

.hint-box-header a {
  color: white;            /* letras blancas */
  text-decoration: none;   /* sin subrayado */
}

.hint-box-header a:hover {
  text-decoration: underline; /* opcional: subrayado al pasar el mouse */
}
/*FIN HINT HEADER*/



.dropdown-menu.dropdown-left {
  left: auto !important;
  right: 0 !important;
  transform: none !important;
}

.dropdown-menu {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: none;
  min-width: 200px;
}

.dropdown-toggle::after {
  display: none !important;
}

.navbar-nav {
  flex-wrap: wrap;
}

.collapse.navbar-collapse {
  flex-wrap: wrap;
}