@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

.menu-lateral-dane,
.menu-lateral-dane * {
box-sizing: border-box;
}

.menu-lateral-dane {
border-radius: 4px;
width: 100%;
background: var(--color-blanco);
 font-family: "Nunito Sans", sans-serif;
overflow: hidden;
}

/* BOTÓN RESPONSIVE */
.menu-lateral-dane__mobile-toggle {
display: flex !important;
width: 100%;
min-height: 58px;
padding: 1rem 1rem;
border: 1px solid var(--color-secundario-300);
background: var(--color-secundario-200);
color: var(--color-secundario-700);
font-size: 1rem;
font-weight: var(--fw-bold);
text-align: left;
}

.menu-lateral-dane__mobile-toggle [aria-expanded="true"] {
display: flex !important;
width: 100%;
min-height: 58px;
padding: 1rem 1rem;
border: 1px solid var(--color-secundario-300);
background: var(--color-secundario-500);
color: var(--color-blanco);
font-size: 1rem;
font-weight: var(--fw-bold);
text-align: left;
}

.menu-lateral-dane__mobile-toggle [aria-expanded="true"] .menu-lateral-dane__mobile-icon {
color: var(--color-blanco) !important;
}

.menu-lateral-dane__mobile-toggle [aria-expanded="false"] .menu-lateral-dane__mobile-icon {
color: var(--color-secundario-500);
}

.menu-lateral-dane__mobile-toggle::after {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
font-size: 1.5rem;
line-height: 1;
font-weight: 400;
}

.menu-lateral-dane.is-open .menu-lateral-dane__mobile-toggle {
background: var(--color-secundario-500);
border: none;
color: var(--color-blanco);
}

.menu-lateral-dane.is-open .menu-lateral-dane__mobile-toggle::after {
color: var(--color-blanco);
}

/* CONTENEDOR */
.menu-lateral-dane__container {
display: block;
background: var(--color-blanco);
}

/* LISTAS */
.menu-lateral-dane__level {
list-style: none;
margin: 0;
padding: 0;
}

.menu-lateral-dane__item {
margin: 0;
padding: 0;
}

/* WRAPPER GENERAL */
.menu-lateral-dane__link-wrapper {
display: flex;
align-items: stretch;
width: 100%;
margin-bottom: .5rem;
}

/* ENLACE BASE */
.menu-lateral-dane__item a {
flex: 1;
display: flex;
align-items: center;
width: 100%;
min-height: 56px;
padding: 1.125rem 1rem;
text-decoration: none;
color: var(--color-secundario-900);
font-size: 16px;
line-height: 1.35;
transition: background 0.2s ease, color 0.2s ease;
}

.menu-lateral-dane__item img {
min-width: 19.75px;
max-width: 19.75px;
margin-right: 12px;
}

/* Cambio el color de los íconos a blanco con un filtro */
#t4-main-body #menu-lateral-dane .menu-lateral-dane__level--1 li.is-active a img,
#t4-main-body #menu-lateral-dane .menu-lateral-dane__level--1 li.is-active button img,
#t4-main-body #menu-lateral-dane .menu-lateral-dane__level--1 a.is-expanded img,
#t4-main-body #menu-lateral-dane .menu-lateral-dane__level--1 button.is-expanded img {
  filter: brightness(0) saturate(100%) invert(100%) !important;
}

.menu-lateral-dane__link:hover,
.menu-lateral-dane__link:focus {
text-decoration: none;
color: #2f3a56;
}

/*Se intenta eliminar el !important del estado visited heredado del id t4-main-body*/
#t4-main-body #menu-lateral-dane a:visited {
  color: inherit !important;
}

/* BOTÓN TOGGLE */
.menu-lateral-dane__toggle {
width: 48px;
min-width: 48px;
border: 0;
background: #f7f7fb;
color: #3b425c;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
}

.menu-lateral-dane__toggle-icon::before {
content: "⌄";
font-size: 16px;
font-weight: var(--fw-bold);
line-height: 1;
position: relative;
top: -6px;
}

.menu-lateral-dane__toggle[aria-expanded="true"] .menu-lateral-dane__toggle-icon::before {
content: "⌃";
position: relative;
top: 0.2rem;
}

.menu-lateral-dane__item--level-1 button,
.menu-lateral-dane__item--level-1 button[aria-expanded="true"],
.menu-lateral-dane__item--level-1 button,
.menu-lateral-dane__item--level-1 button[aria-expanded="true"] {
display: flex;
justify-content: space-between;    
}

/* SUBMENÚ */
.menu-lateral-dane__submenu {
margin: 0;
padding: 0;
}

/* =========================
NIVEL 1
========================= */
.menu-lateral-dane__item--level-1 {
margin-bottom: 0;
}

.menu-lateral-dane__item--level-1 > .menu-lateral-dane__link-wrapper > .menu-lateral-dane__link::before {
display: none;
}

/* Nivel 1 — predeterminado */
.menu-lateral-dane__item--level-1 a,
.menu-lateral-dane__item--level-1 button,
.menu-lateral-dane__item--level-1 button[aria-expanded="false"] {
padding: 1rem;
background-color:var(--color-secundario-100);
color:var(--color-secundario-900);
text-align:left;
font-weight: var(--fw-regular);
font-family: "Nunito Sans", sans-serif !important;
font-size: 1rem;
line-height:1.5rem;
border: none !important;
margin-bottom:.5rem !important;
width:100%;
border-radius: 4px 4px;
}

/*.menu-lateral-dane__item--level-1 button[aria-expanded="true"] {
background-color:var(--color-principal-500);
color:var(--color-blanco);
}*/

.menu-lateral-dane__item--level-1 button.is-expanded.menu-lateral-dane__control--toggle.is-expanded .menu-lateral-dane__icon {
    transform: rotate(180deg);
}

.menu-latera-dane__level--1 .menu-lateral-dane__item--level-1:first-child {
    border-radius: .25rem .25rem 0 0;
}

.menu-latera-dane__level--1 .menu-lateral-dane__item--level-1:last-child {
    border-radius: .25rem .25rem 0 0;
}

/* Nivel 1 — hover */
.menu-lateral-dane__item--level-1 a:hover,
.menu-lateral-dane__item--level-1 button:hover {
background-color:var(--color-secundario-200);
color:var(--color-secundario-900);
font-weight: var(--fw-regular);
font-size: 1rem;
line-height:1.5rem;
}

/* Nivel 1 — presionado */
.menu-lateral-dane__item--level-1 a:active,
.menu-lateral-dane__item--level-1 button:active {
background-color:var(--color-secundario-300);
color:var(--color-secundario-900);
font-weight: var(--fw-bold);
font-size: 1rem;
line-height:1.5rem;
border:none !important;
}

/* Nivel 1 — active */
#t4-main-body #menu-lateral-dane .menu-lateral-dane__level--1 a.is-expanded:visited,
#t4-main-body #menu-lateral-dane .menu-lateral-dane__level--1 button.is-expanded:visited,
#t4-main-body #menu-lateral-dane .menu-lateral-dane__level--1 li.is-active a:visited,
#t4-main-body #menu-lateral-dane .menu-lateral-dane__level--1 li.is-active button:visited,
#t4-main-body #menu-lateral-dane .menu-lateral-dane__level--1 li.is-active-parent button[aria-expanded="true"] {
background-color:var(--color-principal-500) !important;
color:var(--color-blanco) !important;
font-weight: var(--fw-bold);
font-size: 1rem;
line-height:1.5rem;
border:none !important;
padding-left: 1rem;
}

/* Nivel 1 — deshabilitado */
.menu-lateral-dane__item--level-1 a:disabled,
.menu-lateral-dane__item--level-1 button:disabled {
background-color:var(--color-secundario-200);
color:var(--color-secundario-500);
font-weighth: var(--fw-regular);
font-size: 1rem;
line-height:1.5rem;
}

.menu-lateral-dane__item--level-1 a > .menu-lateral-dane__link-wrapper > .menu-lateral-dane__toggle {
background-color: var(--color-secundario-300);
color: var(--color-secundario-900);
font-weight: var(--fw-bold);
font-size: 1rem;
line-height: 1.35rem;
border: none;
}


/* Nivel 1 — presionado (:active) */
/*.menu-lateral-dane__item--level-1 > .menu-lateral-dane__link-wrapper > .menu-lateral-dane__link:active,
.menu-lateral-dane__item--level-1 > .menu-lateral-dane__link-wrapper > .menu-lateral-dane__toggle:active {
background-color: var(--color-secundario-300);
color: var(--color-secundario-900);
font-weight: var(--fw-bold);
font-size: 1rem;
line-height: 1.35rem;
border: none;
}*/

/* Deshabilitado nivel 1 */
.menu-lateral-dane__item--level-1.is-disabled > .menu-lateral-dane__link-wrapper > .menu-lateral-dane__link,
.menu-lateral-dane__item--level-1.is-disabled > .menu-lateral-dane__link-wrapper > .menu-lateral-dane__toggle,
.menu-lateral-dane__item--level-1 > .menu-lateral-dane__link-wrapper > .menu-lateral-dane__link[aria-disabled="true"],
.menu-lateral-dane__item--level-1 > .menu-lateral-dane__link-wrapper > .menu-lateral-dane__toggle[disabled] {
background-color: var(--color-secundario-200);
color: var(--color-secundario-500) !important;
font-weight: var(--fw-regular);
font-size: 1rem;
line-height: 1.5rem;
cursor: not-allowed;
}

/* =========================
NIVEL 2
========================= */
.menu-lateral-dane__item--level-2 a,
.menu-lateral-dane__item--level-2 button,
.menu-lateral-dane__item--level-2 button[aria-expanded="false"]{
min-height: 52px;
background: var(--color-blanco);
color: var(--color-secundario-900);
padding-left: 36px;
font-weight: var(--fw-regular);
display:flex;
font-family: "Nunito Sans", sans-serif !important;
font-size: 1rem;
line-height: 1.5rem;
border:none;
border-bottom: 1px solid var(--color-secundario-200) !important;
border-radius: 0;
}

.menu-lateral-dane__item--level-2 a:first-child,
.menu-lateral-dane__item--level-2 button:first-child {
  margin-top:-8px;
}

.menu-lateral-dane__item--level-2 button[aria-expanded="true"] {
background-color: var(--color-blanco);
border:none;
border-bottom: 1px solid var(--color-secundario-200) !important;
color:var(--color-secundario-900);
}

.menu-lateral-dane__item--level-2 button.is-expanded.menu-lateral-dane__control--toggle.is-expanded .menu-lateral-dane__icon {
    transform: rotate(180deg);
}

.menu-lateral-dane__item--level-2 a:hover,
.menu-lateral-dane__item--level-2 button:hover {
background-color: var(--color-secundario-100);
font-size: 1rem;
font-family: "Nunito Sans", sans-serif !important;
border:none;
}

/* Nivel 2 — presionado */
.menu-lateral-dane__item--level-2 a:active,
.menu-lateral-dane__item--level-2 button:active {
background-color: var(--color-principal-100) !important;
color: var(--color-secundario-900) !important;
border:none;
border-bottom: 1px solid var(--color-secundario-200) !important;
}

/* Nivel 2 — active */
#t4-main-body #menu-lateral-dane .menu-lateral-dane__level--2 li.is-active a.menu-lateral-dane__control--link,
#t4-main-body #menu-lateral-dane .menu-lateral-dane__level--2 .is-expanded button:visited,
#t4-main-body #menu-lateral-dane .menu-lateral-dane__level--2 a.is-expanded:visited,
#t4-main-body #menu-lateral-dane .menu-lateral-dane__level--2 button.is-expanded:visited,
#t4-main-body #menu-lateral-dane .menu-lateral-dane__level--2 li.is-active a:visited,
#t4-main-body #menu-lateral-dane .menu-lateral-dane__level--2 li.is-active button:visited,
#t4-main-body #menu-lateral-dane .menu-lateral-dane__level--2 li.is-active-parent button[aria-expanded="true"] {
background-color:var(--color-secundario-200) !important;
color:var(--color-secundario-900) !important;
font-weight: var(--fw-regular);
font-size: 1rem;
line-height:1.5rem;
border:none !important;
padding-left: 36px;
}

.menu-lateral-dane__item--level-2 a:disabled,
.menu-lateral-dane__item--level-2 button:disabled {
background-color: var(--color-secundario-200);
color: var(--color-secundario-500);
}

/* =========================
NIVEL 3
========================= */
.menu-lateral-dane__item--level-3 a {
min-height: 44px;
background: var(--color-secundario-100) !important;
color: var(--color-secundario-700);
padding: 12px 16px 12px 56px !important;
font-size: 0.9375rem;
line-height: 1.40625rem;
text-decoration: none;
font-family: "Nunito Sans", sans-serif !important;
font-weight: var(--fw-regular);
margin-bottom:4px !important;
border: none !important;
}

.menu-lateral-dane__item--level-3 a:first-child,
.menu-lateral-dane__item--level-3 button:first-child {
margin-bottom: 12px !important;
}

/*.menu-lateral-dane__item--level-3 button[aria-expanded="true"] {
background-color: var(--color-secundario-100);
color:var(--color-principal-500);
font-weight:var(--fw-regular);
}*/

.menu-lateral-dane__item--level-3 li a:hover {
background-color: var(--color-secundario-200) !important;
font-size: 0.9375rem;
line-height: 1.40625rem;
}

/* Nivel 3 — presionado */
.menu-lateral-dane__item--level-3 li.active a:active {
background-color: var(--color-secundario-100) !important;
color: var(--color-principal-700) !important;
font-weight: var(--fw-regular);
}

/* Nivel 3 — active */
#t4-main-body #menu-lateral-dane .menu-lateral-dane__level--2 .menu-lateral-dane__submenu li.is-active a.menu-lateral-dane__control--link,
#t4-main-body #menu-lateral-dane .menu-lateral-dane__level--2 .menu-lateral-dane__submenu li.is-active a.menu-lateral-dane__control--link:visited {
background-color: var(--color-secundario-100) !important;
color: var(--color-principal-700) !important;
font-weight: var(--fw-regular);
border: none !important;
}

.menu-lateral-dane__item--level-3 a:disabled,
.menu-lateral-dane__item--level-3 button:disabled {
background-color: var(--color-secundario-200);
color: var(--color-secundario-500);
}

/* Focus */
.menu-lateral-dane__item--level-1 a:focus,
.menu-lateral-dane__item--level-1 button:focus,
.menu-lateral-dane__item--level-2 a:focus,
.menu-lateral-dane__item--level-2 button:focus,
.menu-lateral-dane__item--level-3 a:focus,
.menu-lateral-dane__item--level-3 button:focus {
outline: none !important;
border:none;
}

/* Focus visible */
.menu-lateral-dane__item--level-1 a:focus-visible,
.menu-lateral-dane__item--level-1 button:focus-visible,
.menu-lateral-dane__item--level-2 a:focus-visible,
.menu-lateral-dane__item--level-2 button:focus-visible,
.menu-lateral-dane__item--level-3 a:focus-visible,
.menu-lateral-dane__item--level-3 button:focus-visible {
outline: var(--color-govco-700) 2px solid !important;
border: solid 4px var(--color-blanco) !important;
position: relative;
border-radius: 4px;
width: 100%;
z-index: 2;
outline-offset: -2px !important;
}

.menu-lateral-dane__item--level-1 li a:focus-within,
.menu-lateral-dane__item--level-2 li a:focus-within,
.menu-lateral-dane__item--level-3 li a:focus-within {
  border: none !important;
}

/* Accesibilidad */
.visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}

/* Responsive */
@media (max-width: 991px) {
  .menu-lateral-dane__mobile-accordion {
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
  }

  .menu-lateral-dane__mobile-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: 0;
    border-radius: 4px;
  }

  .menu-lateral-dane.is-open .menu-lateral-dane__mobile-toggle {
    border-radius: 4px 4px 0 0;
  }

  .menu-lateral-dane__mobile-toggle::before,
  .menu-lateral-dane__mobile-toggle::after {
    content: none;
  }

  .menu-lateral-dane__mobile-icon {
    flex: 0 0 auto;
    font-size: 1.5rem;
    line-height: 1;
  }

  .menu-lateral-dane__container {
    display: none;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
  }

  .menu-lateral-dane.is-open .menu-lateral-dane__container {
    display: block;
  }
}


@media (min-width: 992px) {
  #t4-main-body #menu-lateral-dane .menu-lateral-dane__container {
    display: block !important;
    visibility: visible !important;
  }
  .menu-lateral-dane__mobile-toggle {
    display: none !important;
  }
}