/* Menú principal con desplegables (portada y páginas de especialidad) — v1 09-11-2026 */
.nav .dd{position:relative;display:flex;align-items:center}
.nav .dd>.dd-top{padding-right:15px}
.nav .dd>.dd-top::before{content:"";position:absolute;right:0;top:50%;margin-top:-2px;border:4.5px solid transparent;border-top-color:currentColor;opacity:.7}
.nav .dd-menu a{white-space:nowrap}
.nav .dd-menu a::after{display:none}
@media(min-width:981px){
  .nav .dd-menu{position:absolute;top:calc(100% + 10px);left:-20px;min-width:300px;background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(20,22,59,.16);border:1px solid var(--line);padding:10px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;z-index:300}
  .nav .dd-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
  .nav .dd:hover .dd-menu,.nav .dd:focus-within .dd-menu{opacity:1;visibility:visible;transform:none}
  .nav .dd-menu a{display:block;padding:9px 22px;font-size:14.5px;font-weight:500;color:var(--ink)}
  .nav .dd-menu a:hover{background:#f2f4fa;color:var(--navy)}
  .nav .dd-menu .dd-sep{height:1px;background:var(--line);margin:6px 0}
}
@media(max-width:980px){
  .nav{max-height:calc(100vh - 130px);overflow-y:auto}
  .nav .dd{display:block}
  .nav .dd>.dd-top{padding-right:10px}
  .nav .dd>.dd-top::before{display:none}
  .nav .dd-menu{display:block;background:#f6f7fb;border-radius:10px;margin:4px 0 8px}
  .nav .dd-menu a{font-size:14.5px;padding:10px;color:var(--gray);border-bottom:1px solid var(--line)}
  .nav .dd-menu a:last-child{border-bottom:none}
  .nav .dd-menu .dd-sep{display:none}
}
/* Submenú de sección (páginas del área concursal) */
.sub-nav{background:#f4f6fb;border-bottom:1px solid var(--line)}
.sub-nav .container{display:flex;gap:6px 22px;flex-wrap:wrap;align-items:center;padding-top:11px;padding-bottom:11px;font-size:14px}
.sub-nav b{color:var(--navy);font-weight:600;margin-right:4px;white-space:nowrap}
.sub-nav a{color:var(--ink);white-space:nowrap}
.sub-nav a:hover,.sub-nav a.on{color:var(--cyan)}
.sub-nav a.on{font-weight:600}
@media(max-width:700px){.sub-nav .container{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.sub-nav .container::-webkit-scrollbar{display:none}}
