/* ===== Estilos menú Transparencia dentro de artículo ===== */
#submenu-transparencia { 
  /* Contenedor del módulo */
  max-width: 1200px; margin: 0 auto 16px;
  background: rgba(13,48,20,.92); /* verde oscuro translúcido */
  border-radius: 10px; box-shadow: 0 12px 30px rgba(0,0,0,.22);
  padding: 8px 0;
}

/* Nivel 1 (los 1..13) */
#submenu-transparencia ul, 
#submenu-transparencia li { list-style: none; margin: 0; padding: 0; }
#submenu-transparencia > div > ul.mod-menu > li { border-top: 1px solid rgba(255,255,255,.08); }
#submenu-transparencia > div > ul.mod-menu > li:first-child { border-top: 0; }

#submenu-transparencia a {
  position: relative;
  display: block; padding: 12px 44px 12px 16px;
  color: #fff; text-decoration: none; font-weight: 800;
  line-height: 1.2;
}
#submenu-transparencia a:hover { color: #ffd84d; } /* amarillo del hover */

/* Indicador + / – para items con hijos */
#submenu-transparencia li.has-children > a::after{
  content: "+"; position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
  font-weight: 900; color: #fff; font-size: 1.1rem;
}
#submenu-transparencia li.open > a::after{ content: "–"; }

/* Subniveles */
#submenu-transparencia .collapse-wrap { 
  height: 0; overflow: hidden; transition: height .25s ease; background: #ffffff;
}

#submenu-transparencia .collapse-wrap > ul { margin: 0; padding: 0; }
#submenu-transparencia .collapse-wrap > ul > li > a{
  display: block; padding: 10px 40px 10px 20px;
  color: #1f2d3a; background: #f3f5f6; border-top: 1px solid #e5e9ee; 
  font-weight: 600;
}
#submenu-transparencia .collapse-wrap > ul > li:first-child > a{ border-top: 0; }
#submenu-transparencia .collapse-wrap > ul > li > a:hover{ background: #f9fbf3; }