/*
 * Header shells and masthead variants.
 */
.pd-header-musica-tecnologia {
  --pd-auto-contrast-text: var(--pd-color-text-on-dark);
  --pd-header-padding-inline: var(--wp--custom--layout--content-padding, clamp(0.95rem, 4vw, 2.5rem));
  --pd-header-padding-block: clamp(0.68rem, 1.8vw, 0.98rem);
  padding: var(--pd-header-padding-block) var(--pd-header-padding-inline);
  background: linear-gradient(180deg, var(--wp--preset--color--oscuro) 41%, rgba(255, 255, 255, 0.17) 67%, rgba(40, 118, 252, 0) 87%);
  box-shadow: var(--pd-shadow-header);
}

.pd-header-musica-tecnologia__topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.72rem;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
}

.pd-header-musica-tecnologia__topbar > * {
  min-width: 0;
}

.pd-header-musica-tecnologia__inner {
  display: flex;
  flex-direction: column;
  gap: 0.52rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.pd-header-musica-tecnologia__branding {
  display: grid;
  gap: 0.1rem;
  justify-items: center;
  text-align: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.pd-header-musica-tecnologia__branding > * {
  margin-block-start: 0;
  margin-block-end: 0;
}

.pd-header-musica-tecnologia .wp-block-site-title {
  font-size: clamp(2.35rem, 6vw, 4.6rem);
  line-height: 0.98;
  text-wrap: balance;
  width: 100%;
  max-width: 100%;
}

.pd-header-musica-tecnologia .wp-block-site-title a {
  display: inline-block;
  max-inline-size: min(100%, 18ch);
  overflow-wrap: anywhere;
}

.pd-header-musica-tecnologia .wp-block-site-tagline {
  max-inline-size: min(100%, 36rem);
  text-wrap: balance;
  opacity: 0.94;
  width: 100%;
}

.pd-header-musica-tecnologia__section-label {
  width: 100%;
  margin-block: 0;
  color: var(--pd-color-muted);
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: lowercase;
}

.pd-header-musica-tecnologia__section-label a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.65rem;
  padding-inline: 0.12rem;
  --pd-header-section-label-text: var(--pd-color-muted);
  --pd-header-section-shine-color: var(--pd-color-primary-hover);
  --pd-header-section-shine-cycle: 9.6s;
  color: var(--pd-header-section-label-text);
  text-decoration: none;
  text-shadow: 0 0 0 transparent;
  transition: color 0.2s ease, text-shadow 0.2s ease;
}

.pd-header-musica-hijas .pd-header-musica-tecnologia__section-label a,
.pd-header-musica-tecnologia__section-label a[href="/musica/"] {
  --pd-header-section-shine-color: var(--pd-color-primary-hover);
}

.pd-header-tecnologias-hijas .pd-header-musica-tecnologia__section-label a,
.pd-header-musica-tecnologia__section-label a[href="/tecnologias-web/"] {
  --pd-header-section-shine-color: var(--pd-editorial-accent-technology);
}

.pd-header-musica-tecnologia__section-label a:hover,
.pd-header-musica-tecnologia__section-label a:focus-visible {
  --pd-header-section-label-text: var(--pd-color-white);
  color: var(--pd-color-white);
  text-shadow: 0 0 0.65rem color-mix(in srgb, var(--pd-header-section-shine-color) 28%, transparent);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .pd-header-musica-tecnologia__section-label a {
    background-image: linear-gradient(
      100deg,
      var(--pd-header-section-label-text) 0%,
      var(--pd-header-section-label-text) 35%,
      color-mix(in srgb, var(--pd-header-section-shine-color) 38%, var(--pd-header-section-label-text)) 44%,
      color-mix(in srgb, var(--pd-color-white) 92%, var(--pd-header-section-shine-color)) 50%,
      color-mix(in srgb, var(--pd-header-section-shine-color) 58%, var(--pd-header-section-label-text)) 57%,
      var(--pd-header-section-label-text) 68%,
      var(--pd-header-section-label-text) 100%
    );
    background-position: 160% 50%;
    background-size: 320% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: pd-header-section-label-shine var(--pd-header-section-shine-cycle) cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  }

  .pd-header-musica-tecnologia__section-label a:hover,
  .pd-header-musica-tecnologia__section-label a:focus-visible {
    -webkit-text-fill-color: transparent;
  }

  @keyframes pd-header-section-label-shine {
    0%,
    100% {
      background-position: 160% 50%;
      text-shadow: 0 0 0 transparent;
    }

    3% {
      text-shadow: 0 0 0.36rem color-mix(in srgb, var(--pd-header-section-shine-color) 22%, transparent);
    }

    49% {
      background-position: -160% 50%;
      text-shadow: 0 0 0.75rem color-mix(in srgb, var(--pd-header-section-shine-color) 40%, transparent);
    }

    50% {
      background-position: -160% 50%;
      text-shadow: 0 0 0 transparent;
    }
  }
}

.pd-header-musica-tecnologia .wp-block-site-title,
.pd-header-musica-tecnologia .wp-block-site-tagline,
.pd-header-musica-tecnologia__section-label,
.pd-header-musica-tecnologia .wp-block-buttons {
  margin-block-start: 0;
  margin-block-end: 0;
}

.pd-header-musica-tecnologia__topbar .wp-block-shortcode {
  margin: 0;
}

.pd-header-musica-tecnologia__actions {
  display: flex;
  justify-content: center;
  gap: 0.52rem;
  width: 100%;
}

.pd-header-musica-tecnologia:not(.pd-header-seccion-hijas) .pd-header-musica-tecnologia__actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 13rem));
  align-items: stretch;
}

.pd-header-musica-tecnologia__button {
  min-width: 0;
  position: relative;
  isolation: isolate;
}

.pd-header-musica-tecnologia__button .wp-block-button__link {
  min-width: min(100%, 13rem);
  text-align: center;
}

.pd-header-musica-tecnologia:not(.pd-header-seccion-hijas) .pd-header-musica-tecnologia__button,
.pd-header-musica-tecnologia:not(.pd-header-seccion-hijas) .pd-header-musica-tecnologia__button .wp-block-button__link {
  width: 100%;
}

.pd-header-musica-tecnologia__button--secondary .wp-block-button__link {
  border-color: currentColor;
}

.pd-header-musica-tecnologia:not(.pd-header-seccion-hijas) .pd-header-musica-tecnologia__actions > .pd-header-musica-tecnologia__button {
  --pd-header-cta-shine-color: var(--pd-color-primary-hover);
  --pd-header-cta-shine-delay: 0ms;
  --pd-header-cta-shine-cycle: 4.8s;
  transform-origin: center;
  transition: transform 0.22s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform;
}

.pd-header-musica-tecnologia:not(.pd-header-seccion-hijas) .pd-header-musica-tecnologia__actions > .pd-header-musica-tecnologia__button:hover,
.pd-header-musica-tecnologia:not(.pd-header-seccion-hijas) .pd-header-musica-tecnologia__actions > .pd-header-musica-tecnologia__button:focus-within {
  z-index: 2;
  transform: translateY(-1px) scale(1.025);
}

.pd-header-musica-tecnologia:not(.pd-header-seccion-hijas) .pd-header-musica-tecnologia__actions > .pd-header-musica-tecnologia__button:nth-child(2) {
  --pd-header-cta-shine-color: var(--pd-editorial-accent-technology);
  --pd-header-cta-shine-delay: 260ms;
}

.pd-header-musica-tecnologia:not(.pd-header-seccion-hijas) .pd-header-musica-tecnologia__actions > .pd-header-musica-tecnologia__button:nth-child(3) {
  --pd-header-cta-shine-color: var(--wp--custom--header--tickets-shine, #f2c14e);
  --pd-header-cta-shine-delay: 520ms;
}

.pd-header-musica-tecnologia:not(.pd-header-seccion-hijas) .pd-header-musica-tecnologia__actions .wp-block-button__link[href="/musica/"] {
  --pd-header-cta-shine-color: var(--pd-color-primary-hover);
  --pd-header-cta-shine-delay: 0ms;
}

.pd-header-musica-tecnologia:not(.pd-header-seccion-hijas) .pd-header-musica-tecnologia__actions .wp-block-button__link[href="/tecnologias-web/"] {
  --pd-header-cta-shine-color: var(--pd-editorial-accent-technology);
  --pd-header-cta-shine-delay: 260ms;
}

.pd-header-musica-tecnologia:not(.pd-header-seccion-hijas) .pd-header-musica-tecnologia__actions .wp-block-button__link[href="/tecnologias-web/tickets/"] {
  --pd-header-cta-shine-color: var(--wp--custom--header--tickets-shine, #f2c14e);
  --pd-header-cta-shine-delay: 520ms;
}

.pd-header-musica-tecnologia:not(.pd-header-seccion-hijas) .pd-header-musica-tecnologia__actions > .pd-header-musica-tecnologia__button .wp-block-button__link {
  position: relative;
  z-index: 1;
  isolation: isolate;
  overflow: hidden;
}

.pd-header-musica-tecnologia:not(.pd-header-seccion-hijas) .pd-header-musica-tecnologia__actions > .pd-header-musica-tecnologia__button .wp-block-button__link::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -42%;
  bottom: -42%;
  left: -62%;
  width: 58%;
  background: linear-gradient(
    100deg,
    transparent 0%,
    color-mix(in srgb, var(--pd-header-cta-shine-color) 0%, transparent) 28%,
    color-mix(in srgb, var(--pd-header-cta-shine-color) 24%, transparent) 39%,
    color-mix(in srgb, var(--pd-color-white) 88%, var(--pd-header-cta-shine-color)) 49%,
    color-mix(in srgb, var(--pd-header-cta-shine-color) 50%, transparent) 55%,
    color-mix(in srgb, var(--pd-color-white) 38%, transparent) 61%,
    transparent 76%,
    transparent 100%
  );
  filter: blur(0.2px);
  mix-blend-mode: screen;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-160%) skewX(-18deg);
  animation: pd-header-main-cta-shine var(--pd-header-cta-shine-cycle) cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
  animation-delay: var(--pd-header-cta-shine-delay);
}

@keyframes pd-header-main-cta-shine {
  0%,
  100% {
    opacity: 0;
    transform: translateX(-160%) skewX(-18deg);
  }

  1.5% {
    opacity: 0.96;
  }

  49.2% {
    opacity: 0.9;
    transform: translateX(360%) skewX(-18deg);
  }

  50% {
    opacity: 0;
    transform: translateX(360%) skewX(-18deg);
  }
}

.pd-header-seccion-hijas,
.pd-header-musica-hijas {
  --pd-header-padding-inline: clamp(0.75rem, 2.4vw, 1rem);
  --pd-header-padding-block: clamp(0.58rem, 1.7vw, 0.82rem);
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

.pd-header-seccion-hijas .pd-header-musica-tecnologia__topbar,
.pd-header-musica-hijas .pd-header-musica-tecnologia__topbar {
  justify-content: space-between;
  gap: 0.6rem;
}

.pd-header-seccion-hijas .pd-header-musica-tecnologia__inner,
.pd-header-musica-hijas .pd-header-musica-tecnologia__inner {
  gap: 0.4rem;
  width: 100%;
  max-width: 100%;
}

.pd-header-seccion-hijas .pd-header-musica-tecnologia__inner.alignwide,
.pd-header-musica-hijas .pd-header-musica-tecnologia__inner.alignwide {
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
}

.pd-header-seccion-hijas .pd-music-subnav,
.pd-header-musica-hijas .pd-music-subnav {
  margin-top: 0;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.pd-header-tecnologias-hijas .pd-music-subnav--technology {
  --pd-subnav-item-hover-background: color-mix(in srgb, var(--pd-editorial-accent-technology) 12%, transparent);
  --pd-subnav-item-hover-border: color-mix(in srgb, var(--pd-editorial-accent-technology) 32%, transparent);
  --pd-subnav-item-current-background: color-mix(in srgb, var(--pd-editorial-accent-technology) 18%, transparent);
  --pd-subnav-item-current-border: color-mix(in srgb, var(--pd-editorial-accent-technology) 54%, transparent);
  overflow-x: clip;
}

.pd-header-seccion-hijas .pd-music-subnav__list,
.pd-header-musica-hijas .pd-music-subnav__list {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 960px) {
  .pd-header-musica-tecnologia {
    --pd-header-padding-inline: clamp(0.85rem, 3vw, 1.1rem);
    --pd-header-padding-block: clamp(1rem, 3vw, 1.25rem);
  }

  .pd-header-musica-tecnologia__topbar {
    align-items: center;
  }

  .pd-header-musica-tecnologia__inner {
    gap: 0.75rem;
  }

  .pd-header-musica-tecnologia .wp-block-site-title a {
    max-inline-size: 14ch;
  }

  .pd-header-musica-tecnologia__actions {
    gap: 0.6rem;
  }
}

@media (max-width: 781px) {
  .pd-header-musica-tecnologia {
    --pd-header-padding-inline: 0.75rem;
    --pd-header-padding-block: 0.9rem;
  }

  .pd-header-musica-tecnologia__inner {
    gap: 0.7rem;
  }

  .pd-header-musica-tecnologia__topbar {
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.65rem;
  }

  .pd-header-musica-tecnologia__branding {
    gap: 0.35rem;
  }

  .pd-header-musica-tecnologia .wp-block-site-title {
    font-size: clamp(2rem, 10vw, 3rem);
  }

  .pd-header-musica-tecnologia .wp-block-site-tagline {
    font-size: 0.92rem !important;
  }

  .pd-header-musica-tecnologia__section-label {
    font-size: 0.86rem;
  }

  .pd-header-musica-tecnologia__actions {
    gap: 0.55rem;
  }

  .pd-header-musica-tecnologia__button {
    flex: 1 1 12rem;
  }

  .pd-header-musica-tecnologia__button .wp-block-button__link {
    width: 100%;
    min-width: 0;
  }

  .pd-header-seccion-hijas .pd-music-subnav,
  .pd-header-musica-hijas .pd-music-subnav {
    margin-inline: calc(var(--pd-header-padding-inline) * -1);
    padding-inline: var(--pd-header-padding-inline);
  }

  .pd-header-tecnologias-hijas .pd-music-subnav--technology {
    overflow-x: auto;
  }

  .pd-header-seccion-hijas .pd-header-musica-tecnologia__topbar,
  .pd-header-musica-hijas .pd-header-musica-tecnologia__topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    justify-content: initial;
    gap: 0.45rem;
  }

  .pd-header-seccion-hijas .pd-site-navigation-block,
  .pd-header-seccion-hijas .pd-site-navigation,
  .pd-header-seccion-hijas .pd-account-access-block,
  .pd-header-seccion-hijas .pd-account-menu,
  .pd-header-seccion-hijas .pd-account-access,
  .pd-header-musica-hijas .pd-site-navigation-block,
  .pd-header-musica-hijas .pd-site-navigation,
  .pd-header-musica-hijas .pd-account-access-block,
  .pd-header-musica-hijas .pd-account-menu,
  .pd-header-musica-hijas .pd-account-access {
    min-width: 0;
    max-width: 100%;
  }

  .pd-header-seccion-hijas .pd-site-navigation,
  .pd-header-musica-hijas .pd-site-navigation {
    justify-self: start;
  }

  .pd-header-seccion-hijas .pd-account-access-block,
  .pd-header-musica-hijas .pd-account-access-block {
    justify-self: end;
  }

  .pd-header-seccion-hijas .pd-site-navigation__toggle,
  .pd-header-seccion-hijas .pd-account-access__login,
  .pd-header-seccion-hijas .pd-account-menu__trigger,
  .pd-header-musica-hijas .pd-site-navigation__toggle,
  .pd-header-musica-hijas .pd-account-access__login,
  .pd-header-musica-hijas .pd-account-menu__trigger {
    min-height: 2.35rem;
    padding: 0.42rem 0.6rem;
  }

  .pd-header-seccion-hijas .pd-site-navigation__toggle-label,
  .pd-header-musica-hijas .pd-site-navigation__toggle-label {
    display: none;
  }

  .pd-header-seccion-hijas .pd-site-navigation__toggle-icon,
  .pd-header-musica-hijas .pd-site-navigation__toggle-icon {
    gap: 0.18rem;
  }

  .pd-header-seccion-hijas .pd-site-navigation__panel,
  .pd-header-musica-hijas .pd-site-navigation__panel {
    width: min(20rem, calc(100vw - 1rem));
  }
}

@media (prefers-reduced-motion: reduce) {
  .pd-header-musica-tecnologia__section-label a,
  .pd-header-musica-tecnologia:not(.pd-header-seccion-hijas) .pd-header-musica-tecnologia__actions > .pd-header-musica-tecnologia__button,
  .pd-header-musica-tecnologia:not(.pd-header-seccion-hijas) .pd-header-musica-tecnologia__actions > .pd-header-musica-tecnologia__button .wp-block-button__link::after {
    animation: none;
    transition: none;
  }

  .pd-header-musica-tecnologia__section-label a {
    background-image: none;
    text-shadow: none;
    -webkit-text-fill-color: currentColor;
  }

  .pd-header-musica-tecnologia:not(.pd-header-seccion-hijas) .pd-header-musica-tecnologia__actions > .pd-header-musica-tecnologia__button:hover,
  .pd-header-musica-tecnologia:not(.pd-header-seccion-hijas) .pd-header-musica-tecnologia__actions > .pd-header-musica-tecnologia__button:focus-within {
    transform: none;
  }
}

@media (max-width: 560px) {
  .pd-header-musica-tecnologia__topbar {
    gap: 0.5rem;
  }

  .pd-header-musica-tecnologia__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .pd-header-musica-tecnologia:not(.pd-header-seccion-hijas) .pd-header-musica-tecnologia__actions {
    grid-template-columns: 1fr;
  }

  .pd-header-seccion-hijas .pd-header-musica-tecnologia__topbar,
  .pd-header-musica-hijas .pd-header-musica-tecnologia__topbar {
    gap: 0.4rem;
  }

  .pd-header-seccion-hijas .pd-site-navigation__toggle,
  .pd-header-seccion-hijas .pd-account-access__login,
  .pd-header-seccion-hijas .pd-account-menu__trigger,
  .pd-header-musica-hijas .pd-site-navigation__toggle,
  .pd-header-musica-hijas .pd-account-access__login,
  .pd-header-musica-hijas .pd-account-menu__trigger {
    padding-inline: 0.55rem;
  }
}