/* KlipTok v58 · Mega menú (kt-v58-menu.css). Todo bajo #k19-topnav.k58 / .k58-* → quitar KT_SITE.menu='mega' para volver a la barra plana. */
:root{--k58-acc:#7c3aed;--k58-acc2:#ec4899;--k58-bg:#fff;--k58-fg:#1e293b;--k58-mut:#64748b;--k58-line:rgba(148,163,184,.32);--k58-hover:rgba(124,58,237,.1)}
.dark{--k58-bg:#0f172a;--k58-fg:#e2e8f0;--k58-mut:#94a3b8;--k58-line:rgba(51,65,85,.8);--k58-hover:rgba(167,139,250,.16)}
html.k58-lock{overflow:hidden}

/* ---------- barra (una sola fila) ---------- */
#kt-top.k58-top{height:auto;grid-template-rows:3.5rem auto;row-gap:0}
#k19-topnav.k58{display:flex!important;grid-column:1/-1;flex-wrap:nowrap;align-items:center;gap:.15rem;margin:0;padding:.15rem .25rem .4rem;border-top:1px solid var(--k58-line);max-width:100%;overflow:visible;position:static}
#k19-topnav.k58 .k58-dir,#k19-topnav.k58 .k58-trg,#k19-topnav.k58 .k58-burger,#k19-topnav.k58 .k58-find{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .8rem;border:0;border-radius:999px;background:transparent;color:inherit;font:600 .86rem/1 inherit;font-family:inherit;white-space:nowrap;cursor:pointer;text-decoration:none;opacity:.92;transition:background .15s,opacity .15s,color .15s}
#k19-topnav.k58 .k58-dir i,#k19-topnav.k58 .k58-trg i,#k19-topnav.k58 .k58-burger i,#k19-topnav.k58 .k58-find i{font-style:normal;font-size:1rem}
#k19-topnav.k58 .k58-dir:hover,#k19-topnav.k58 .k58-trg:hover,#k19-topnav.k58 .k58-grp.open .k58-trg,#k19-topnav.k58 .k58-burger:hover,#k19-topnav.k58 .k58-find:hover{background:var(--k58-hover);opacity:1}
#k19-topnav.k58 .k58-dir:focus-visible,#k19-topnav.k58 .k58-trg:focus-visible,#k19-topnav.k58 .k58-burger:focus-visible,#k19-topnav.k58 .k58-find:focus-visible{outline:2px solid var(--k58-acc);outline-offset:2px}
#k19-topnav.k58 .k58-trg.k58-on,#k19-topnav.k58 .k58-dir[data-k58-on]{opacity:1;box-shadow:inset 0 -2px 0 var(--k58-acc)}
#k19-topnav.k58 .k58-ch{transition:transform .2s;opacity:.7}
#k19-topnav.k58 .k58-trg[aria-expanded=true] .k58-ch{transform:rotate(180deg)}
#k19-topnav.k58 .k58-find{margin-inline-start:auto;border:1px solid var(--k58-line);color:var(--k58-mut);font-weight:500}
#k19-topnav.k58 .k58-find kbd{font:600 .66rem inherit;font-family:inherit;padding:.12rem .38rem;border-radius:.35rem;border:1px solid var(--k58-line);background:var(--k58-hover);color:var(--k58-mut)}
#k19-topnav.k58 .k58-burger{display:none;background:linear-gradient(90deg,var(--k58-acc),var(--k58-acc2));color:#fff;opacity:1}
#k19-topnav.k58 .k58-burger:hover{background:linear-gradient(90deg,var(--k58-acc),var(--k58-acc2));filter:brightness(1.08)}
#k19-topnav.k58 .k58-grp{display:inline-flex;position:static}

/* ---------- panel grande ---------- */
.k58-panel{position:absolute;left:0;right:0;top:100%;z-index:60;background:var(--k58-bg);color:var(--k58-fg);border-bottom:1px solid var(--k58-line);box-shadow:0 22px 44px rgba(15,23,42,.16);max-height:calc(100vh - 7rem);overflow:auto;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s}
.k58-panel.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.k58-in{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 17rem;grid-template-areas:"hd hd" "links promo";gap:.4rem 1.6rem;padding:1.1rem 1.5rem 1.5rem}
.k58-hd{grid-area:hd;display:flex;align-items:center;gap:.55rem;padding-bottom:.55rem;border-bottom:1px solid var(--k58-line)}
.k58-hd span{font-size:1.25rem}.k58-hd h4{margin:0;font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--k58-mut);font-weight:800}
.k58-links{grid-area:links;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem .8rem;align-content:start;padding-top:.45rem}
.k58-l,.k58-dl a,#k58-fl a{display:flex;align-items:center;gap:.75rem;padding:.55rem .6rem;border-radius:.85rem;color:inherit;text-decoration:none;transition:background .15s,transform .15s}
.k58-l:hover,.k58-l:focus-visible,.k58-dl a:hover,.k58-dl a:focus-visible{background:var(--k58-hover);outline:0}
.k58-l:hover{transform:translateX(3px)}
.k58-l[data-k58-on],.k58-dl a[data-k58-on]{background:var(--k58-hover);box-shadow:inset 3px 0 0 var(--k58-acc)}
.k58-ic{flex:none;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.7rem;background:linear-gradient(135deg,rgba(124,58,237,.14),rgba(236,72,153,.14));font-size:1.2rem}
.k58-tx{display:flex;flex-direction:column;min-width:0}.k58-tx b{font-size:.9rem;font-weight:700;line-height:1.2}.k58-tx small{font-size:.76rem;color:var(--k58-mut);line-height:1.3;margin-top:.1rem}
.k58-promo{grid-area:promo;align-self:start;margin-top:.55rem;background:linear-gradient(135deg,var(--k58-acc),var(--k58-acc2));color:#fff;border-radius:1.1rem;padding:1.15rem}
.k58-promo h5{margin:0 0 .35rem;font-size:1rem;font-weight:800}.k58-promo p{margin:0 0 .9rem;font-size:.82rem;line-height:1.4;opacity:.94}
.k58-promo a{display:inline-block;background:#fff;color:var(--k58-acc);padding:.45rem .85rem;border-radius:.6rem;font-size:.82rem;font-weight:800;text-decoration:none}
.k58-promo a:hover{filter:brightness(.95)}.k58-promo a:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* ---------- buscador «Ir a…» ---------- */
.k58-fnd{position:fixed;inset:0;z-index:220;background:rgba(15,23,42,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding:min(14vh,7rem) 1rem 1rem}
.k58-fnd[hidden]{display:none}
.k58-fb{width:min(40rem,100%);background:var(--k58-bg);color:var(--k58-fg);border-radius:1.2rem;box-shadow:0 30px 70px rgba(0,0,0,.4);overflow:hidden;animation:k58in .16s ease-out}
.k58-fi{display:flex;align-items:center;gap:.7rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--k58-line)}
.k58-fi input{flex:1;border:0;outline:0;background:transparent;color:inherit;font:500 1rem inherit;font-family:inherit;min-width:0}
.k58-fi kbd{font:600 .68rem inherit;font-family:inherit;padding:.15rem .4rem;border-radius:.35rem;border:1px solid var(--k58-line);color:var(--k58-mut)}
#k58-fl{list-style:none;margin:0;padding:.4rem;max-height:min(24rem,55vh);overflow:auto}
#k58-fl li[aria-selected=true] a{background:var(--k58-hover);box-shadow:inset 3px 0 0 var(--k58-acc)}
#k58-fl a{padding:.5rem .6rem}#k58-fl em{margin-inline-start:auto;font-style:normal;font-size:.7rem;color:var(--k58-mut);white-space:nowrap}
.k58-fe{margin:0;padding:1.4rem;text-align:center;color:var(--k58-mut);font-size:.9rem}
@keyframes k58in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}

/* ---------- cajón del móvil ---------- */
.k58-ov{position:fixed;inset:0;z-index:200;background:rgba(15,23,42,.55);opacity:0;transition:opacity .22s}.k58-ov.open{opacity:1}.k58-ov[hidden]{display:none}
.k58-drawer{position:fixed;top:0;bottom:0;left:0;z-index:210;width:min(92vw,24rem);background:var(--k58-bg);color:var(--k58-fg);box-shadow:12px 0 40px rgba(0,0,0,.3);transform:translateX(-102%);transition:transform .22s ease;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:0 0 1.5rem}
.k58-drawer.open{transform:none}.k58-drawer[hidden]{display:none}
.k58-dh{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;background:var(--k58-bg);border-bottom:1px solid var(--k58-line)}
.k58-dh b{font-size:1.05rem;font-weight:800;background:linear-gradient(90deg,var(--k58-acc),var(--k58-acc2));-webkit-background-clip:text;background-clip:text;color:transparent}
.k58-x{width:2.4rem;height:2.4rem;border:0;border-radius:.7rem;background:var(--k58-hover);color:inherit;font-size:1rem;cursor:pointer}
.k58-dfind{margin:.8rem 1rem .4rem;padding:.8rem 1rem;border:1px solid var(--k58-line);border-radius:.9rem;background:transparent;color:var(--k58-mut);font:500 .92rem inherit;font-family:inherit;text-align:left;cursor:pointer}
.k58-dtop{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.3rem 1rem .6rem}
.k58-dtop a{display:flex;align-items:center;gap:.5rem;padding:.75rem .9rem;border-radius:.9rem;background:var(--k58-hover);color:inherit;text-decoration:none;font-weight:700;font-size:.92rem}
.k58-dtop a[data-k58-on]{box-shadow:inset 0 0 0 2px var(--k58-acc)}
.k58-acc{border-top:1px solid var(--k58-line);margin:0 .5rem}.k58-acc summary{display:flex;align-items:center;gap:.7rem;padding:.95rem .6rem;font-weight:800;font-size:.95rem;cursor:pointer;list-style:none}
.k58-acc summary::-webkit-details-marker{display:none}.k58-acc summary i{font-style:normal;font-size:1.15rem}.k58-acc summary span{flex:1}.k58-acc summary .k58-ch{transition:transform .2s}.k58-acc[open] summary .k58-ch{transform:rotate(180deg)}
.k58-acc summary:focus-visible{outline:2px solid var(--k58-acc);outline-offset:-2px;border-radius:.6rem}
.k58-dl{display:grid;gap:.1rem;padding:0 0 .7rem}.k58-dl a{padding:.6rem .5rem}

/* ---------- adaptación ---------- */
@media (max-width:1023px){
  #k19-topnav.k58{gap:.35rem;padding:.3rem .6rem .45rem;overflow-x:auto;scrollbar-width:none}#k19-topnav.k58::-webkit-scrollbar{display:none}
  #k19-topnav.k58 .k58-burger{display:inline-flex}#k19-topnav.k58 .k58-grp,#k19-topnav.k58 .k58-find{display:none}
  #k19-topnav.k58 .k58-dir{border:1px solid var(--k58-line)}
}
@media (min-width:1024px){.k58-drawer,.k58-ov{display:none!important}}
@media (max-width:1180px) and (min-width:1024px){#k19-topnav.k58 .k58-find kbd,#k19-topnav.k58 .k58-find span{display:none}.k58-in{grid-template-columns:minmax(0,1fr) 14rem}}
@media (prefers-reduced-motion:reduce){.k58-panel,.k58-drawer,.k58-ov,.k58-l,.k58-fb,#k19-topnav.k58 .k58-ch{transition:none!important;animation:none!important}}

/* ---------- las reglas antiguas de «#k19-topnav a» no deben afectar a los paneles ---------- */
#k19-topnav.k58 .k58-panel a{opacity:1;white-space:normal;font-size:inherit;font-weight:inherit;color:inherit;padding:.55rem .6rem;border-radius:.85rem}
#k19-topnav.k58 .k58-panel a.k58-l:hover,#k19-topnav.k58 .k58-panel a.k58-l:focus-visible{background:var(--k58-hover)}
#k19-topnav.k58 .k58-panel a.k58-l[data-k58-on]{background:var(--k58-hover)}
#k19-topnav.k58 .k58-promo a{display:inline-block;background:#fff;color:#7c3aed;padding:.45rem .85rem;border-radius:.6rem;font-size:.82rem;font-weight:800;opacity:1}
#k19-topnav.k58 .k58-promo a:hover,#k19-topnav.k58 .k58-promo a:focus-visible{background:#fff;color:#6d28d9;filter:brightness(.96)}
#k19-topnav.k58 .k58-dir{padding:.42rem .8rem;font-size:.86rem}

/* ---------- bloque dentro del ☰ lateral del móvil ---------- */
.k58-aside{display:none}
@media (max-width:767px){.k58-aside{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.7rem .8rem}
  .k58-ab{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1rem;border:0;border-radius:.9rem;background:linear-gradient(90deg,#7c3aed,#ec4899);color:#fff;font:800 .9rem inherit;font-family:inherit;cursor:pointer}
  .k58-ab i{font-style:normal}.k58-ab2{background:rgba(124,58,237,.12);color:inherit;font-weight:700}}

/* kt-v23 marca con «k23-act» todos los enlaces de la sección abierta: aquí solo se resalta el enlace exacto */
#k19-topnav.k58 .k58-l.k23-act,#k58-drawer a.k23-act,#k19-topnav.k58 a.k58-dir.k23-act{background:transparent;font-weight:inherit;box-shadow:none}
#k19-topnav.k58 .k58-panel a.k58-l[data-k58-on],#k58-drawer .k58-dl a[data-k58-on]{background:var(--k58-hover);box-shadow:inset 3px 0 0 var(--k58-acc)}
#k19-topnav.k58 .k58-dir[data-k58-on]{box-shadow:inset 0 -2px 0 var(--k58-acc)}
.k58-fi input,.k58-fi input:focus{border:0!important;box-shadow:none!important;outline:0!important;background:transparent!important;padding:.2rem 0!important;border-radius:0!important}