/* Menú principal nuevo (propuesta). Todo va dentro de .mn-header para no chocar con el resto de estilos. */
.mn-header{--mn-tinta:#49334F;--mn-texto:#39333D;--mn-suave:#6f6275;--mn-linea:#E3D6E6;--mn-lila:#F1EAF3;--mn-violeta:#6B3F8F;--mn-oro:#C99A5A;
  position:relative;z-index:200;background:#fff;border-bottom:1px solid var(--mn-linea);box-shadow:0 2px 10px rgba(73,51,79,.06);font-family:inherit;color:var(--mn-texto)}
.mn-header *,.mn-header *::before,.mn-header *::after{box-sizing:border-box}
.mn-bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1280px;margin:0 auto;padding:0 20px;min-height:64px}
.mn-logo{display:block;flex:0 1 auto;line-height:0}
.mn-logo img{display:block;height:21px;width:auto;max-width:100%}
.mn-header ul{list-style:none;margin:0;padding:0}
.mn-header li{margin:0}
.mn-header a{text-decoration:none}

/* ----- botón hamburguesa (móvil) ----- */
.mn-burger{display:none;position:relative;width:46px;height:46px;border:0;border-radius:12px;background:var(--mn-lila);cursor:pointer;padding:0}
.mn-burger span{position:absolute;left:12px;right:12px;height:3px;border-radius:3px;background:var(--mn-violeta);transition:transform .25s,opacity .2s,top .25s}
.mn-burger span:nth-child(1){top:15px}.mn-burger span:nth-child(2){top:22px}.mn-burger span:nth-child(3){top:29px}
.mn-burger[aria-expanded="true"] span:nth-child(1){top:22px;transform:rotate(45deg)}
.mn-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.mn-burger[aria-expanded="true"] span:nth-child(3){top:22px;transform:rotate(-45deg)}

/* ----- enlaces de primer nivel ----- */
.mn-lista{display:flex;align-items:center;gap:4px}
.mn-link{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:0;border-radius:10px;background:none;font:inherit;font-size:16px;font-weight:600;color:var(--mn-tinta);cursor:pointer;line-height:1.2;white-space:nowrap}
.mn-link:hover,.mn-item.is-open>.mn-link{background:var(--mn-lila);color:var(--mn-violeta)}
.mn-flecha{width:12px;height:12px;flex:none;transition:transform .2s}
.mn-item.is-open>.mn-link .mn-flecha{transform:rotate(180deg)}
.mn-header :focus-visible{outline:3px solid var(--mn-violeta);outline-offset:2px;border-radius:8px}

/* ----- paneles desplegables ----- */
.mn-panel{background:#fff;border:1px solid var(--mn-linea);box-shadow:0 18px 40px rgba(73,51,79,.16)}
.mn-panel[hidden]{display:none}
.mn-cols{display:grid;gap:8px 28px}
.mn-col__t{margin:0 0 6px;padding:0 10px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mn-oro)}
.mn-sub a{display:block;padding:9px 10px;border-radius:10px;color:var(--mn-texto)}
.mn-sub a:hover,.mn-sub a:focus-visible{background:var(--mn-lila)}
.mn-t{display:block;font-weight:700;font-size:15.5px;color:var(--mn-tinta);line-height:1.3}
.mn-d{display:block;margin-top:1px;font-size:13.5px;line-height:1.35;color:var(--mn-suave)}
.mn-sub a:hover .mn-t{color:var(--mn-violeta)}
.mn-todas{display:inline-block;margin:8px 0 0 10px;font-size:14px;font-weight:700;color:var(--mn-violeta)}
.mn-todas:hover{text-decoration:underline}

/* ===== ESCRITORIO ===== */
@media(min-width:992px){
  .mn-nav{display:block}
  .mn-item--panel{position:static}
  .mn-panel{position:absolute;top:calc(100% + 1px);right:20px;z-index:300;border-radius:18px;padding:20px 18px 14px;animation:mn-entra .16s ease-out}
  .mn-panel--ancho{width:min(800px,calc(100vw - 40px))}
  .mn-panel--ancho .mn-cols{grid-template-columns:1.15fr 1fr}
  .mn-panel--estrecho{width:min(380px,calc(100vw - 40px))}
  .mn-col+.mn-col{border-left:1px solid var(--mn-linea);padding-left:22px}
  @keyframes mn-entra{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){.mn-panel{animation:none!important}.mn-burger span,.mn-flecha{transition:none}}

/* ===== MÓVIL Y TABLET ===== */
@media(max-width:991.98px){
  .mn-burger{display:block}
  .mn-nav{position:fixed;left:0;right:0;top:64px;bottom:0;z-index:250;background:#fff;overflow-y:auto;overscroll-behavior:contain;
    padding:8px 16px 40px;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility 0s .2s}
  .mn-nav.is-open{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .2s}
  .mn-lista{display:block}
  .mn-item{border-bottom:1px solid var(--mn-linea)}
  .mn-link{display:flex;width:100%;justify-content:space-between;padding:16px 8px;font-size:18px;border-radius:0;background:none!important}
  .mn-link.is-actual{box-shadow:none}
  .mn-flecha{width:16px;height:16px}
  .mn-panel{position:static;border:0;box-shadow:none;padding:0 0 14px;background:none}
  .mn-cols{grid-template-columns:1fr;gap:14px}
  .mn-col__t{padding:0 8px}
  .mn-sub a{padding:11px 8px}
  .mn-d{font-size:14px}
  .mn-todas{margin-left:8px}
  body.mn-bloqueado{overflow:hidden}
}
@media(max-width:420px){.mn-logo img{height:18px}}

/* ===== Populares (acceso rápido a las herramientas más usadas) ===== */
.mn-pop{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 16px;padding:0 0 16px;border-bottom:1px solid var(--mn-linea)}
.mn-pop__t{grid-column:1/-1;margin:0;padding:0 2px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mn-oro)}
.mn-pop a{display:flex;flex-direction:column;align-items:flex-start;gap:6px;height:100%;padding:12px;border:1px solid var(--mn-linea);border-radius:14px;background:linear-gradient(160deg,#FBF8F2,#F4EFE6);color:var(--mn-texto)}
.mn-pop a:hover,.mn-pop a:focus-visible{border-color:var(--mn-oro);box-shadow:0 4px 14px rgba(120,80,60,.14);transform:translateY(-1px)}
.mn-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--mn-tinta);color:#E8B04A;flex:none}
.mn-ico svg{width:20px;height:20px}
.mn-pop .mn-t{font-size:15px}
.mn-pop .mn-d{font-size:12.5px;margin:0}
.mn-pop--movil{display:none}

/* botón destacado de la barra */
.mn-cta{display:inline-flex;align-items:center;gap:8px;margin-left:6px;padding:10px 18px;border-radius:999px;background:var(--mn-tinta);color:#fff!important;font-size:15.5px;font-weight:700;line-height:1.2;white-space:nowrap}
.mn-cta svg{width:16px;height:16px;color:#E8B04A;flex:none}
.mn-cta:hover{background:var(--mn-violeta)}

/* sección actual */
.mn-link.is-actual{background:var(--mn-lila);color:var(--mn-violeta)}
.mn-sub a[aria-current="page"]{background:var(--mn-lila)}
.mn-sub a[aria-current="page"] .mn-t{color:var(--mn-violeta)}
.mn-sub a[aria-current="page"] .mn-t::after{content:" · estás aquí";font-weight:600;font-size:12px;color:var(--mn-oro)}

@media(min-width:992px) and (max-width:1199.98px){
  .mn-link{padding:10px 9px;font-size:15px}
  .mn-cta{padding:9px 13px;font-size:14.5px;margin-left:2px}
  .mn-logo img{height:18px}
}
@media(min-width:992px){ .mn-link.is-actual{position:relative}
  .mn-link.is-actual::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:2px;background:var(--mn-oro)} }

@media(max-width:991.98px){
  .mn-pop--panel{display:none}
  .mn-pop--movil{display:grid;grid-template-columns:1fr 1fr;margin:10px 0 6px;padding-bottom:16px}
  .mn-item--cta{display:none}
  .mn-link.is-actual{background:none;color:var(--mn-violeta);box-shadow:none}
}
@media(max-width:380px){.mn-pop--movil{gap:8px}.mn-pop a{padding:10px}.mn-pop .mn-d{display:none}}

/* Colores de enlaces con más fuerza para que el tema no los pinte de morado */
header.mn-header a.mn-link:link,header.mn-header a.mn-link:visited{color:var(--mn-tinta)}
header.mn-header a.mn-link:hover,header.mn-header a.mn-link:focus-visible,header.mn-header a.mn-link.is-actual{color:var(--mn-violeta)}
header.mn-header .mn-sub a:link,header.mn-header .mn-sub a:visited,header.mn-header .mn-pop a:link,header.mn-header .mn-pop a:visited{color:var(--mn-texto);text-decoration:none}
header.mn-header .mn-todas:link,header.mn-header .mn-todas:visited{color:var(--mn-violeta)}
header.mn-header a.mn-cta:link,header.mn-header a.mn-cta:visited,header.mn-header a.mn-cta:hover{color:#fff;text-decoration:none}
header.mn-header .mn-link--btn{color:var(--mn-tinta)}
header.mn-header .mn-link--btn:hover,header.mn-header .mn-item.is-open>.mn-link--btn{color:var(--mn-violeta)}
