/* MLS Web Personal — cabecera reutilizable con perfiles profesionales.
 * Los perfiles activos aparecen en toda la web, no en el hero.
 * Sin dependencia externa de iconos. Las marcas son texto/SVG-free y accesibles.
 */
.artist-header .wide-nav{gap:20px}
.mls-header-right{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}
.mls-header-right>.artist-nav{gap:16px}
.mls-header-social-icons{display:flex;align-items:center;gap:5px;flex-shrink:0}
.mls-header-social-icon{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:36px;min-width:36px;height:36px;padding:0;border:1px solid color-mix(in srgb,var(--theme-on-header,#fff) 22%,transparent);border-radius:8px;background:color-mix(in srgb,var(--theme-on-header,#fff) 5%,transparent);color:var(--theme-on-header,#fff);text-decoration:none;font-family:'DM Sans',sans-serif;font-weight:800;font-size:11px;letter-spacing:-.025em;line-height:1;white-space:nowrap;transition:background .18s,border-color .18s}
.mls-header-social-icon:hover{background:color-mix(in srgb,var(--theme-primary,#d6a567) 25%,transparent);border-color:var(--theme-primary,#d6a567)}
.mls-header-social-icon:focus-visible,.mls-nav-social-menu a:focus-visible{outline:3px solid var(--theme-primary,#d6a567);outline-offset:2px}
.mls-header-social-icon span{pointer-events:none}
.mls-header-social-icon:has(span:first-child){font-variant-ligatures:none}
.mls-nav-social-menu{display:none}
/* En ventanas estrechas el menú pasa a desplegable para evitar solapamientos. */
@media(max-width:1120px){
  .mls-header-right>.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;cursor:pointer;color:var(--theme-on-header,#fff)}
  .mls-header-right>.artist-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:22px max(18px,calc((100vw - 1280px)/2));background:var(--theme-header,#171719);color:var(--theme-on-header,#fff);border-top:1px solid color-mix(in srgb,var(--theme-on-header,#fff) 16%,transparent);flex-direction:column;align-items:stretch;gap:16px;max-height:calc(100dvh - 75px);overflow-y:auto;box-shadow:0 16px 25px #0002}
  .mls-header-right>.artist-nav.open{display:flex}
  .mls-header-right>.artist-nav a{width:fit-content}
  .mls-nav-social-menu{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-top:1px solid color-mix(in srgb,var(--theme-on-header,#fff) 15%,transparent);padding-top:16px}
  .mls-nav-social-heading{flex-basis:100%;font-size:11px;letter-spacing:.07em;text-transform:uppercase;opacity:.75}
  .artist-nav .mls-nav-social-menu a{font-size:13px;font-weight:700;padding:8px 11px;border:1px solid color-mix(in srgb,var(--theme-on-header,#fff) 18%,transparent);border-radius:8px;color:var(--theme-on-header,#fff)}
}
@media(max-width:780px){
  .artist-header .wide-nav{min-height:75px}
  .mls-header-right{gap:8px}
  .mls-header-social-icon{width:32px;min-width:32px;height:32px;border-radius:7px}
  .mls-header-right>.artist-nav{top:100%;padding:18px 16px}
}
/* Conservamos tres accesos directos en la barra pequeña; el menú contiene todos. */
@media(max-width:520px){
  .artist-header .wide-nav{gap:8px}
  .artist-header .wordmark{font-size:20px}
  .artist-header .wordmark small{font-size:8px;letter-spacing:.18em}
  .mls-header-right{gap:6px}
  .mls-header-social-icon{width:30px;min-width:30px;height:30px;border-radius:7px;font-size:10px}
  .mls-header-social-icon:nth-child(n+4){display:none}
  .mls-header-right>.menu-toggle{height:34px;width:34px;font-size:23px}
}
@media(max-width:385px){.mls-header-social-icon{width:28px;min-width:28px;height:28px;border-radius:6px}.mls-header-social-icon:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:reduce){.mls-header-social-icon{transition:none}}

/* Si se activan muchas redes, desplegar el menú antes para conservar los iconos. */
@media(min-width:1121px) and (max-width:1380px){
  .mls-header-right:has(.mls-header-social-icon:nth-child(5))>.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;cursor:pointer;color:var(--theme-on-header,#fff)}
  .mls-header-right:has(.mls-header-social-icon:nth-child(5))>.artist-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:22px max(18px,calc((100vw - 1280px)/2));background:var(--theme-header,#171719);color:var(--theme-on-header,#fff);border-top:1px solid color-mix(in srgb,var(--theme-on-header,#fff) 16%,transparent);flex-direction:column;align-items:stretch;gap:16px;max-height:calc(100dvh - 75px);overflow-y:auto;box-shadow:0 16px 25px #0002}
  .mls-header-right:has(.mls-header-social-icon:nth-child(5))>.artist-nav.open{display:flex}
  .mls-header-right:has(.mls-header-social-icon:nth-child(5))>.artist-nav a{width:fit-content}
  .mls-header-right:has(.mls-header-social-icon:nth-child(5)) .mls-nav-social-menu{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-top:1px solid color-mix(in srgb,var(--theme-on-header,#fff) 15%,transparent);padding-top:16px}
  .mls-header-right:has(.mls-header-social-icon:nth-child(5)) .mls-nav-social-heading{flex-basis:100%;font-size:11px;letter-spacing:.07em;text-transform:uppercase;opacity:.75}
  .mls-header-right:has(.mls-header-social-icon:nth-child(5)) .mls-nav-social-menu a{font-size:13px;font-weight:700;padding:8px 11px;border:1px solid color-mix(in srgb,var(--theme-on-header,#fff) 18%,transparent);border-radius:8px;color:var(--theme-on-header,#fff)}
}