#udg_menu_principal { position: relative; z-index: 1100; width: 100%; min-height: 25px; background: #000; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.25; }
#udg_menu_principal * { box-sizing: border-box; }
#udg_menu_principal_contenedor { position: relative; max-width: 1170px; min-height: 25px; margin: 0 auto; padding: 0 15px; }
#udg_menu_principal .udg-menu__root { display: flex; align-items: stretch; justify-content: flex-end; min-height: 25px; margin: 0; padding: 0; list-style: none; background: #000; }
#udg_menu_principal .udg-menu__item { position: relative; margin: 0; padding: 0; border-right: 1px solid #fff; list-style: none; }
#udg_menu_principal .udg-menu__trigger { display: block; min-height: 25px; margin: 0; padding: 3px 10px; border: 0; border-radius: 0; background: #000; color: #fff; font: inherit; line-height: 19px; text-align: left; white-space: nowrap; cursor: pointer; }
#udg_menu_principal .udg-menu__trigger:hover,
#udg_menu_principal .udg-menu__trigger:focus,
#udg_menu_principal .udg-menu__trigger[aria-expanded="true"] { background: #222; color: #fff; outline: 2px solid #fff; outline-offset: -2px; }
#udg_menu_principal .udg-menu__panel { position: absolute; top: 100%; left: 0; z-index: 1110; width: max-content; min-width: 330px; max-width: min(520px, 94vw); max-height: calc(100vh - 45px); margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; list-style: none; background: #000; border: 1px solid #777; box-shadow: 0 5px 12px rgba(0, 0, 0, .45); }
#udg_menu_principal .udg-menu__panel[hidden] { display: none; }
#udg_menu_principal .udg-menu__panel > li { display: block; min-height: 25px; margin: 0; padding: 0; border-bottom: 1px solid #777; background: #000; color: #fff; list-style: none; }
#udg_menu_principal .udg-menu__panel > li:last-child { border-bottom: 0; }
#udg_menu_principal .udg-menu__panel a { display: block; padding: 3px 6px; color: #fff; font: inherit; line-height: 18px; text-align: left; text-decoration: none; white-space: normal; }
#udg_menu_principal .udg-menu__panel a:hover,
#udg_menu_principal .udg-menu__panel a:focus { background: #333; color: #fff; outline: 2px solid #fff; outline-offset: -2px; text-decoration: none; }
#udg_menu_principal .udg-menu__heading { padding: 4px 6px !important; background: #666 !important; color: #fff; font-weight: 400; text-align: left; }
#udg_menu_principal .udg-menu__brand { display: flex; align-items: center; margin: 0; padding: 0 10px; list-style: none; }
#udg_menu_principal .udg-menu__brand a { color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 19px; line-height: 25px; text-decoration: none; }
#udg_menu_principal .udg-menu__brand a:hover,
#udg_menu_principal .udg-menu__brand a:focus { color: #fff; outline: 2px solid #fff; outline-offset: 1px; text-decoration: none; }
@media (max-width: 767px) {
#udg_menu_principal_contenedor { padding: 0; }
#udg_menu_principal .udg-menu__root { align-items: stretch; justify-content: flex-start; overflow-x: auto; }
#udg_menu_principal .udg-menu__trigger { padding-right: 8px; padding-left: 8px; font-size: 12px; }
#udg_menu_principal .udg-menu__brand { padding-right: 8px; padding-left: 8px; }
#udg_menu_principal .udg-menu__panel { position: fixed; top: 25px; right: 0; left: 0; width: 100%; min-width: 0; max-width: none; max-height: calc(100vh - 25px); }
}