/* OSABUENA WEB-E39 / MaM Live 0.16.0.76
   CTA y navegación pública; aplica solo con data-osa-visual.
   No modifica panel /admin ni el catálogo editorial. */
body[data-osa-visual] header:has(.osa74-main-nav) .osa-header-in{
  display:flex;align-items:center;gap:clamp(9px,1.0vw,18px);min-width:0;
}
body[data-osa-visual] header:has(.osa74-main-nav) .osa-brand-link{flex:0 1 auto;min-width:0}
body[data-osa-visual] header:has(.osa74-main-nav) .osa74-main-nav:not(.osa74-mobile-nav){flex:1 1 auto;min-width:0;gap:clamp(2px,.45vw,9px)}
body[data-osa-visual] header:has(.osa74-main-nav) .osa74-nav-agenda{
  margin-left:clamp(4px,.65vw,12px);border:1px solid rgba(196,165,255,.53);
  border-radius:999px;background:rgba(139,92,246,.10);color:#f7f2ea!important;
  padding-inline:clamp(11px,.9vw,16px);font-weight:750;
}
body[data-osa-visual] header:has(.osa74-main-nav) .osa74-nav-agenda:hover,
body[data-osa-visual] header:has(.osa74-main-nav) .osa74-nav-agenda:focus-visible{
  border-color:#c4a5ff;background:rgba(139,92,246,.23);color:#fff!important;
}
body[data-osa-visual] header:has(.osa74-main-nav) a.osa-header-cta.osa76-cta{
  flex:0 0 auto;display:inline-flex!important;justify-content:center;align-items:center;
  min-height:43px;padding:10px 17px;border-radius:999px;
  background:linear-gradient(115deg,#af7d2d,#f1cf7b);border:1px solid #eed18c;
  color:#15100c!important;text-decoration:none!important;font-family:Inter,Manrope,system-ui,sans-serif;
  font-weight:800;line-height:1.15;font-size:clamp(12px,.87vw,14px);
  white-space:nowrap;box-shadow:0 3px 18px rgba(169,112,32,.22);
}
body[data-osa-visual] header:has(.osa74-main-nav) a.osa-header-cta.osa76-cta:hover{
  background:linear-gradient(115deg,#cf9e48,#ffde8a);box-shadow:0 6px 20px rgba(188,132,41,.30);
}
body[data-osa-visual] header:has(.osa74-main-nav) a.osa-header-cta.osa76-cta:focus-visible{
  outline:3px solid #c4a5ff;outline-offset:3px;
}
/* Desktop compacto: se sustituye el menú horizontal por desplegable con CTA visible. */
@media(max-width:1320px){
  body[data-osa-visual] header:has(.osa74-main-nav) .osa74-main-nav:not(.osa74-mobile-nav){display:none!important}
  body[data-osa-visual] header:has(.osa74-main-nav) details.osa74-mobile-shell{
    display:block!important;position:relative!important;margin-left:auto;
  }
  body[data-osa-visual] header:has(.osa74-main-nav) details.osa74-mobile-shell>summary{
    cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 13px;
    color:#f7f2ea;border:1px solid rgba(196,165,255,.5);background:#1b1324;
    font-size:14px;font-weight:800;border-radius:12px;list-style:none;
  }
  body[data-osa-visual] header:has(.osa74-main-nav) details.osa74-mobile-shell>summary::-webkit-details-marker{display:none}
  body[data-osa-visual] header:has(.osa74-main-nav) details.osa74-mobile-shell>nav.osa74-mobile-nav{
    display:flex!important;flex-direction:column;align-items:stretch;gap:5px;
    position:absolute!important;right:0;top:calc(100% + 7px);
    width:min(380px,calc(100vw - 24px));max-height:min(75vh,650px);
    overflow-y:auto;padding:12px;z-index:450;background:#130b20;
    border:1px solid rgba(196,165,255,.55);border-radius:16px;
    box-shadow:0 25px 70px rgba(0,0,0,.84);
  }
  body[data-osa-visual] header:has(.osa74-main-nav) .osa74-mobile-nav>a,
  body[data-osa-visual] header:has(.osa74-main-nav) .osa74-mobile-nav summary{
    display:flex;justify-content:space-between;width:100%;min-height:46px;
    padding:12px 14px;border-radius:9px;font-size:15px!important;
  }
  body[data-osa-visual] header:has(.osa74-main-nav) .osa74-mobile-nav details{width:100%}
  body[data-osa-visual] header:has(.osa74-main-nav) .osa74-mobile-nav .osa74-nav-panel{
    position:static!important;display:flex;width:100%;background:#21122f;
    padding:6px 4px;border:0;box-shadow:none;border-radius:10px;
  }
  body[data-osa-visual] header:has(.osa74-main-nav) .osa74-mobile-nav .osa74-nav-agenda{
    margin-left:0;border:1px solid rgba(196,165,255,.55);justify-content:center!important;
  }
  body[data-osa-visual] header:has(.osa74-main-nav) .osa74-mobile-nav a.osa74-mobile-cta{
    display:flex!important;align-items:center;justify-content:center!important;
    background:linear-gradient(115deg,#af7d2d,#f1cf7b)!important;
    border:1px solid #eed18c!important;color:#15100c!important;
    font-weight:800;border-radius:12px;
  }
}
@media(min-width:841px) and (max-width:1320px){
  body[data-osa-visual] header:has(.osa74-main-nav) .osa-header-in{gap:18px}
  body[data-osa-visual] header:has(.osa74-main-nav) a.osa-header-cta.osa76-cta{order:1;margin-left:0}
  body[data-osa-visual] header:has(.osa74-main-nav) details.osa74-mobile-shell{order:2;margin-left:0}
}
@media(max-width:840px){
  body[data-osa-visual] header:has(.osa74-main-nav) a.osa-header-cta.osa76-cta{display:none!important}
  body[data-osa-visual] header:has(.osa74-main-nav) .osa-header-in{justify-content:space-between}
  body[data-osa-visual] header:has(.osa74-main-nav) details.osa74-mobile-shell{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){
  body[data-osa-visual] header:has(.osa74-main-nav) *{transition:none!important}
}