/* Base estructural canónica. Sólo conserva reglas históricas que el diseño público actual todavía necesita. */
:root {
  --footer-bg: #050403;
  --footer-gold-base: rgba(101, 73, 24, 0.22);
  --footer-gold-deep: rgba(20, 14, 8, 0.14);
  --footer-gold-glow: rgba(244, 207, 120, 0.08);
  --scrollbar-track: rgba(11, 9, 7, 0.98);
  --scrollbar-track-edge: rgba(244, 207, 120, 0.1);
  --scrollbar-thumb: linear-gradient(180deg, rgba(244, 207, 120, 0.96), rgba(186, 130, 40, 0.92));
  --scrollbar-thumb-hover: linear-gradient(180deg, rgba(255, 226, 160, 0.98), rgba(214, 156, 51, 0.96));
  --radius: 30px;
  --max-width: 1560px;
  --header-width: 1860px;
}* {
  box-sizing: border-box;
}html {
  scroll-behavior: smooth;
  scrollbar-width: thin;
}body {
  margin: 0;
  min-height: 100vh;
  font-family: "Manrope", sans-serif;
}.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 15px;
}html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)),
    var(--scrollbar-track);
  border-left: 1px solid var(--scrollbar-track-edge);
}html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border: 3px solid rgba(16, 12, 9, 0.94);
  border-radius: 999px;
  box-shadow:
    inset 0 0 0 1px rgba(255, 240, 199, 0.16),
    0 0 18px rgba(186, 130, 40, 0.2);
}html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
}html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner {
  background: var(--scrollbar-track);
}html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button {
  height: 16px;
  background-color: rgba(30, 23, 16, 0.96);
  border-left: 1px solid var(--scrollbar-track-edge);
}body.is-booking-modal-open,
body.is-player-modal-open,
body.is-event-modal-open,
body.is-contest-promo-modal-open,
body.is-jobs-apply-modal-open {
  overflow: hidden;
}body.is-booking-modal-open .global-player {
  opacity: 0.16;
  pointer-events: none;
}body.is-event-modal-open .global-player {
  opacity: 0.16;
  pointer-events: none;
}body.is-contest-promo-modal-open .global-player {
  opacity: 0.16;
  pointer-events: none;
}body.is-jobs-apply-modal-open .global-player {
  opacity: 0.16;
  pointer-events: none;
}body.is-player-modal-open .global-player {
  opacity: 0;
  transform: translateY(18px);
  pointer-events: none;
}body.is-preloading {
  overflow: hidden;
}@media (max-width: 760px) {
  body.is-preloading {
    overflow: hidden;
  }
}.site-preloader {
  --preloader-mark-size: clamp(17rem, 40vw, 26rem);
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 1.5rem;
  background:
    radial-gradient(circle at 50% 30%, rgba(244, 207, 120, 0.16), transparent 24rem),
    radial-gradient(circle at 70% 72%, rgba(54, 134, 255, 0.1), transparent 22rem),
    linear-gradient(135deg, #080604 0%, #020202 58%, #0b0704 100%);
  opacity: 1;
  visibility: visible;
  transition:
    opacity 520ms ease,
    visibility 520ms ease;
}.site-preloader::before,
.site-preloader::after {
  content: "";
  position: absolute;
  pointer-events: none;
}.site-preloader::before {
  inset: 0;
  opacity: 0.24;
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.026) 0 1px, transparent 1px 5px),
    radial-gradient(circle at center, rgba(244, 207, 120, 0.08), transparent 34%);
}.site-preloader::after {
  width: min(78vw, 42rem);
  height: min(78vw, 42rem);
  border-radius: 999px;
  border: 1px solid rgba(244, 207, 120, 0.12);
  background:
    radial-gradient(circle, rgba(244, 207, 120, 0.12), transparent 58%),
    repeating-radial-gradient(circle, rgba(255, 240, 199, 0.08) 0 1px, transparent 1px 12px);
  animation: preloaderRings 8s linear infinite;
}.site-preloader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}.site-preloader-shell {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  justify-items: center;
  width: min(100%, 40rem);
  min-height: min(86vh, 44rem);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  transform: none;
}.site-preloader-halo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(26rem, 64vw, 44rem);
  aspect-ratio: 1;
  border-radius: 999px;
  pointer-events: none;
  background:
    radial-gradient(circle, rgba(244, 207, 120, 0.24), rgba(244, 207, 120, 0.08) 36%, transparent 66%);
  transform: translate(-50%, -50%);
  animation: preloaderSweep 2.6s ease-in-out infinite;
  filter: blur(10px);
  opacity: 0.75;
}.site-preloader-gif {
  position: relative;
  z-index: 1;
  width: var(--preloader-mark-size);
  height: var(--preloader-mark-size);
  object-fit: contain;
  mix-blend-mode: screen;
  transform: scale(1.02);
  transform-origin: center;
  animation: preloaderLogoPulse 2.6s ease-in-out infinite;
  filter:
    drop-shadow(0 22px 40px rgba(0, 0, 0, 0.55))
    drop-shadow(0 0 30px rgba(244, 207, 120, 0.34));
}.site-preloader-copy {
  position: absolute;
  top: calc(50% + (var(--preloader-mark-size) * 0.38));
  left: 50%;
  z-index: 1;
  display: grid;
  gap: 0.3rem;
  width: min(100%, 40rem);
  text-align: center;
  text-transform: uppercase;
  transform: translateX(-50%);
}.site-preloader-copy p {
  margin: 0;
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: clamp(2.5rem, 8vw, 4.8rem);
  line-height: 0.9;
  letter-spacing: 0.04em;
  color: var(--gold-pale);
  text-shadow:
    0 3px 0 rgba(0, 0, 0, 0.55),
    0 0 24px rgba(244, 207, 120, 0.28);
}.site-preloader-copy span {
  color: var(--gold-bright);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.22em;
}body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: 0.18;
  background-size: 84px 84px;
  -webkit-mask-image: radial-gradient(circle at center, black 34%, transparent 82%);
  mask-image: radial-gradient(circle at center, black 34%, transparent 82%);
}a {
  color: inherit;
  text-decoration: none;
}img {
  display: block;
  max-width: 100%;
}button,
input,
textarea {
  font: inherit;
}.recaptcha-shell {
  display: grid;
  gap: 0.6rem;
  align-items: start;
  padding: 0.85rem 0.95rem;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.03), transparent),
    rgba(255, 255, 255, 0.02);
}.recaptcha-widget {
  display: none;
  min-height: 0;
}.recaptcha-note {
  margin: 0;
  color: var(--text-soft);
  font-size: 0.82rem;
  line-height: 1.55;
}.recaptcha-note a {
  color: var(--gold-pale);
  text-decoration: underline;
  text-decoration-color: rgba(244, 207, 120, 0.38);
}.recaptcha-note[data-state="error"] {
  color: #ffb4a6;
}.recaptcha-note[data-state="success"] {
  color: var(--gold-pale);
}.recaptcha-note[data-state="pending"] {
  color: var(--gold-bright);
}/* The visible branding notice above satisfies the reCAPTCHA v3 disclosure requirement. */.grecaptcha-badge {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}.shared-audio-element {
  display: none;
}.sr-only,
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  min-height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}.site-shell {
  overflow-x: clip;
}body.has-global-player .site-shell {
  padding-bottom: 6rem;
}body.has-cookie-banner .site-shell {
  padding-bottom: 9.5rem;
}.global-player {
  position: fixed;
  z-index: 70;
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease;
}body[data-music-player-position="bottom_left"] .global-player {
  left: 1rem;
  right: auto;
}body[data-music-player-position="bottom_center"] .global-player {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}body[data-music-player-position="bottom_left"] .global-player-drawer {
  left: calc(100% + 0.8rem);
  right: auto;
  transform: translateX(-18px) scale(0.96);
  transform-origin: left bottom;
}body[data-music-player-position="bottom_left"] .global-player.is-open .global-player-drawer {
  transform: translateX(0) scale(1);
}.global-player-shell {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  pointer-events: auto;
}.cookie-banner[hidden] {
  display: none;
}.cookie-banner {
  position: fixed;
  left: 1rem;
  bottom: 1rem;
  z-index: 68;
  width: min(460px, calc(100vw - 6.5rem));
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.9rem;
  align-items: end;
  padding: 0.9rem 0.95rem;
  border: 1px solid rgba(244, 207, 120, 0.18);
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.14), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(10, 8, 6, 0.94);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(14px);
}.cookie-banner-copy {
  display: grid;
  gap: 0.35rem;
}.cookie-banner-kicker {
  margin: 0;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold-bright);
}.cookie-banner-copy strong {
  font-size: 0.92rem;
  line-height: 1.38;
  color: var(--text);
}.cookie-banner-copy p {
  margin: 0;
  font-size: 0.82rem;
  color: var(--text-soft);
  line-height: 1.52;
}.cookie-banner-copy a {
  color: var(--gold-pale);
  text-decoration: underline;
  text-decoration-color: rgba(244, 207, 120, 0.36);
}body.site-story-open {
  overflow: hidden;
}.site-story-viewer[hidden] {
  display: none !important;
}.site-story-viewer {
  position: fixed;
  inset: 0;
  z-index: 140;
  display: grid;
  place-items: center;
  padding: clamp(0.8rem, 2vw, 1.4rem);
  background:
    radial-gradient(circle at 50% 0%, rgba(244, 207, 120, 0.14), transparent 28rem),
    rgba(0, 0, 0, 0.78);
  backdrop-filter: blur(18px);
}.site-story-viewer-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}.site-story-card {
  position: relative;
  container-type: inline-size;
  display: grid;
  align-items: end;
  width: min(430px, calc(100vw - 1.4rem));
  height: min(790px, calc(100vh - 1.4rem));
  height: min(790px, calc(100dvh - 1.4rem));
  overflow: hidden;
  border: 1px solid rgba(244, 207, 120, 0.22);
  border-radius: 34px;
  background:
    radial-gradient(circle at 50% 0%, rgba(244, 207, 120, 0.14), transparent 38%),
    #070605;
  box-shadow:
    0 38px 100px rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  isolation: isolate;
}.site-story-progress {
  position: absolute;
  top: 0.9rem;
  left: 1rem;
  right: 1rem;
  z-index: 5;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 0.35rem;
}.site-story-progress span {
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.28);
}.site-story-progress i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #fff2b4, #f0b23b);
}.site-story-progress span.is-complete i {
  width: 100%;
}.site-story-progress span.is-active i {
  animation: siteStoryProgress 7.2s linear forwards;
}@keyframes siteStoryProgress {
  to {
    width: 100%;
  }
}.site-story-close,
.site-story-nav {
  position: absolute;
  z-index: 6;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(244, 207, 120, 0.18);
  border-radius: 999px;
  background: rgba(8, 6, 5, 0.58);
  color: var(--text);
  backdrop-filter: blur(10px);
}.site-story-close {
  top: 1.35rem;
  right: 1rem;
  width: 2.55rem;
  height: 2.55rem;
}.site-story-nav {
  top: 50%;
  width: 2.7rem;
  height: 2.7rem;
  transform: translateY(-50%);
}.site-story-nav.is-prev {
  left: 0.85rem;
}.site-story-nav.is-next {
  right: 0.85rem;
}.site-story-nav[hidden] {
  display: none !important;
}.site-story-media {
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: 0;
}.site-story-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.2) 35%, rgba(0, 0, 0, 0.78) 100%),
    radial-gradient(circle at 50% 88%, rgba(244, 207, 120, 0.22), transparent 34%);
}.site-story-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--story-focus-x, 50%) var(--story-focus-y, 50%);
  transform: scale(var(--story-zoom, 1));
  transform-origin: var(--story-focus-x, 50%) var(--story-focus-y, 50%);
}.site-story-copy {
  display: grid;
  gap: 0.72rem;
  padding: 5rem 1.35rem 1.35rem;
}.site-story-copy span {
  width: fit-content;
  padding: 0.45rem 0.72rem;
  border: 1px solid rgba(244, 207, 120, 0.2);
  border-radius: 999px;
  background: rgba(8, 6, 5, 0.46);
  color: var(--gold-bright);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
}.site-story-copy h2 {
  margin: 0;
  color: var(--text);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(2.55rem, 9vw, 4.25rem);
  font-size: clamp(2.55rem, 11cqi, 4.25rem);
  letter-spacing: 0.04em;
  line-height: 0.9;
  text-transform: uppercase;
  text-wrap: balance;
  overflow-wrap: break-word;
}.site-story-copy p {
  margin: 0;
  color: rgba(247, 240, 230, 0.86);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.55;
}.site-story-cta[hidden] {
  display: none !important;
}.site-story-cta {
  width: fit-content;
  margin-top: 0.35rem;
}.blog-story-viewer .site-story-card {
  align-items: end;
}.blog-story-viewer .site-story-nav {
  top: 42%;
}.blog-story-viewer .site-story-media::after {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.05) 36%, rgba(0, 0, 0, 0.88) 100%),
    radial-gradient(circle at 50% 86%, rgba(244, 207, 120, 0.2), transparent 34%);
}.blog-story-viewer .site-story-copy {
  align-self: end;
  max-height: min(72vh, 36rem);
  max-height: min(72dvh, 36rem);
  gap: 0.55rem;
  padding: clamp(3.25rem, 9vh, 5.25rem) 1.05rem 1.05rem;
  overflow: hidden;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.56) 36%, rgba(0, 0, 0, 0.74));
}.blog-story-viewer .site-story-copy span {
  max-width: min(100%, 18rem);
  padding: 0.4rem 0.62rem;
  font-size: 0.66rem;
}.blog-story-viewer .site-story-copy h2 {
  display: -webkit-box;
  max-height: 6em;
  overflow: hidden;
  line-height: 0.94;
  letter-spacing: 0.025em;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}.blog-story-viewer .site-story-copy p {
  display: -webkit-box;
  overflow: hidden;
  font-size: 0.92rem;
  line-height: 1.42;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}.blog-story-viewer .site-story-cta {
  min-height: 42px;
  padding: 0.82rem 1rem;
  font-size: 0.72rem;
}@media (min-width: 900px) {
  .site-story-card {
    width: min(440px, 36vw);
  }
}.cookie-banner-actions {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  align-items: stretch;
  min-width: 132px;
}.cookie-banner-actions .button {
  min-height: 40px;
  padding: 0.72rem 0.9rem;
  font-size: 0.74rem;
  justify-content: center;
}.global-player-row {
  position: relative;
  display: flex;
  justify-content: flex-end;
}.global-events-button,
.global-booking-button,
.global-player-trigger,
.global-player-mini-button,
.global-player-mini-collapse,
.global-player-mini-expand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 999px;
  backdrop-filter: blur(18px) saturate(115%);
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.36);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease,
    opacity 180ms ease;
  appearance: none;
}.global-events-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent),
    linear-gradient(135deg, rgba(186, 130, 40, 0.14), transparent 46%, rgba(186, 130, 40, 0.05)),
    rgba(8, 7, 5, 0.94);
  color: var(--text);
  text-decoration: none;
}.global-events-button i {
  color: var(--gold-bright);
  font-size: 0.95rem;
}.global-booking-button {
  position: relative;
  padding: 0;
  font-size: 0.72rem;
  box-shadow:
    0 20px 46px rgba(0, 0, 0, 0.34),
    0 14px 28px rgba(186, 130, 40, 0.24);
}.global-booking-button::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(20, 13, 6, 0.14);
  pointer-events: none;
}.global-booking-button i {
  font-size: 1rem;
}.global-booking-button .sr-only {
  position: absolute;
}.global-player-trigger {
  position: relative;
  z-index: 2;
  padding: 0;
  color: var(--text);
  cursor: pointer;
}.global-player-trigger-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  color: var(--music-player-primary, var(--gold-bright));
}.global-player-trigger-status {
  position: absolute;
  display: inline-flex;
  align-items: flex-end;
}.global-player-trigger-status span {
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--music-player-primary, var(--gold-bright)), var(--gold));
  opacity: 0.58;
  transform-origin: bottom;
}.global-player-trigger.is-playing .global-player-trigger-status span {
  opacity: 1;
  animation: equalize 1.6s ease-in-out infinite;
}.global-player-trigger.is-playing .global-player-trigger-status span:nth-child(2) {
  animation-delay: 0.14s;
}.global-player-trigger.is-playing .global-player-trigger-status span:nth-child(3) {
  animation-delay: 0.28s;
}.global-player-drawer {
  position: absolute;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  transform-origin: right bottom;
  transition: opacity 220ms ease, transform 220ms ease;
}.global-player.is-open .global-player-drawer {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0) scale(1);
}.global-player-drawer-panel {
  border: 1px solid rgba(244, 207, 120, 0.18);
}.global-player-drawer-art {
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.08), rgba(7, 6, 5, 0.72)),
    url("images/portadas-musicales/web/bendiciones.webp") center/cover no-repeat;
}.global-player-drawer-content {
  display: grid;
}.global-player-drawer-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}.global-player-drawer-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}.global-player-drawer-copy {
  display: grid;
  min-width: 0;
}.global-player-drawer-kicker {
  text-transform: uppercase;
}.global-player-drawer-copy strong {
  display: block;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.global-player-drawer-copy > span:last-child {
  min-width: 0;
  line-height: 1.45;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.global-player-mini-collapse,
.global-player-mini-expand {
  padding: 0;
  color: var(--text);
  cursor: pointer;
}.global-player-mini-progress-shell {
  display: grid;
  align-items: center;
}.global-player-mini-time {
  font-weight: 800;
}.global-player-mini-progress {
  width: 100%;
  height: 5px;
  margin: 0;
  accent-color: var(--music-player-primary, var(--gold-bright));
  cursor: pointer;
}.global-player-mini-controls {
  display: flex;
  align-items: center;
}.global-player-mini-preview-feedback {
  margin-top: -0.15rem;
}.global-player-mini-button {
  padding: 0;
  color: var(--text);
  cursor: pointer;
}.global-player-mini-button i,
.global-player-mini-collapse i,
.global-player-mini-expand i {
  font-size: 0.92rem;
  transition: transform 180ms ease, color 180ms ease, opacity 180ms ease;
}.global-player-mini-button-primary i {
  font-size: 1rem;
}.global-player-mini-button-primary {
  color: #140d06;
  border-color: transparent;
}.global-player-trigger.is-playing {
  border-color: rgba(244, 207, 120, 0.32);
  box-shadow:
    0 22px 52px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(244, 207, 120, 0.08),
    0 0 28px rgba(244, 207, 120, 0.12);
}.global-booking-button:hover,
.global-booking-button:focus-visible,
.global-events-button:hover,
.global-events-button:focus-visible,
.global-player-trigger:hover,
.global-player-trigger:focus-visible,
.global-player-mini-button:hover,
.global-player-mini-button:focus-visible,
.global-player-mini-collapse:hover,
.global-player-mini-collapse:focus-visible,
.global-player-mini-expand:hover,
.global-player-mini-expand:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(244, 207, 120, 0.3);
  outline: none;
}.global-events-button:hover,
.global-events-button:focus-visible {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent),
    linear-gradient(135deg, rgba(186, 130, 40, 0.2), transparent 46%, rgba(186, 130, 40, 0.06)),
    rgba(8, 7, 5, 0.97);
  color: var(--gold-pale);
}.global-player-trigger:hover,
.global-player-trigger:focus-visible {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent),
    linear-gradient(135deg, rgba(186, 130, 40, 0.12), transparent 46%, rgba(186, 130, 40, 0.04)),
    rgba(8, 7, 5, 0.97);
}.global-player-mini-button:hover,
.global-player-mini-button:focus-visible,
.global-player-mini-collapse:hover,
.global-player-mini-collapse:focus-visible,
.global-player-mini-expand:hover,
.global-player-mini-expand:focus-visible {
  background: rgba(244, 207, 120, 0.08);
  box-shadow:
    0 12px 26px rgba(0, 0, 0, 0.26),
    0 0 0 1px rgba(244, 207, 120, 0.08),
    0 0 18px rgba(244, 207, 120, 0.1);
}.global-player-mini-button:hover i,
.global-player-mini-button:focus-visible i,
.global-player-mini-collapse:hover i,
.global-player-mini-collapse:focus-visible i,
.global-player-mini-expand:hover i,
.global-player-mini-expand:focus-visible i {
  transform: scale(1.06);
  color: var(--gold-pale);
}.player-modal-icon-button,
.player-modal-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.8rem 1rem;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--text);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}.player-modal-icon-button {
  cursor: pointer;
}.player-modal-icon-button i {
  transition: transform 180ms ease, color 180ms ease;
}.player-modal-icon-button:hover,
.player-modal-icon-button:focus-visible,
.player-modal-chip:hover,
.player-modal-chip:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(244, 207, 120, 0.38);
  background: rgba(244, 207, 120, 0.08);
  box-shadow:
    0 14px 28px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(244, 207, 120, 0.08),
    0 0 18px rgba(244, 207, 120, 0.1);
  outline: none;
}.player-modal-icon-button:hover i,
.player-modal-icon-button:focus-visible i {
  transform: scale(1.06);
  color: var(--gold-pale);
}.player-modal-icon-button-primary {
  color: #140d06;
  border-color: transparent;
  box-shadow: 0 18px 34px rgba(186, 130, 40, 0.24);
}.player-modal-icon-button-primary:hover,
.player-modal-icon-button-primary:focus-visible {
  border-color: transparent;
  background: linear-gradient(135deg, #f7d887, #c98f2b 62%, #f0bf5d);
  color: #140d06;
  box-shadow:
    0 20px 40px rgba(186, 130, 40, 0.3),
    0 0 0 1px rgba(244, 207, 120, 0.12),
    0 0 24px rgba(244, 207, 120, 0.14);
}.player-modal-icon-button-primary:hover i,
.player-modal-icon-button-primary:focus-visible i {
  color: #140d06;
}.button-primary,
.header-cta,
.player-modal-icon-button-primary {
  position: relative;
  overflow: hidden;
}.button-primary::after,
.header-cta::after,
.player-modal-icon-button-primary::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, 0.45), transparent 65%);
  opacity: 0.2;
  transform: translateX(-120%);
  animation: goldShimmer 7s linear infinite;
  pointer-events: none;
}.player-modal[hidden] {
  display: none;
}.player-modal {
  position: fixed;
  inset: 0;
  z-index: 92;
}.player-modal-backdrop {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 220ms ease;
}.player-modal-dialog {
  position: relative;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable both-edges;
  scrollbar-width: thin;
  scrollbar-color: rgba(244, 207, 120, 0.38) rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(244, 207, 120, 0.16);
  box-shadow: 0 40px 120px rgba(0, 0, 0, 0.55);
  opacity: 0;
  transform: translateY(24px) scale(0.985);
  transition: opacity 220ms ease, transform 220ms ease;
}.player-modal.is-open .player-modal-backdrop {
  opacity: 1;
}.player-modal.is-open .player-modal-dialog {
  opacity: 1;
  transform: translateY(0) scale(1);
}.player-modal-close {
  position: absolute;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--line-strong);
  color: var(--text);
  font-size: 1rem;
  cursor: pointer;
  backdrop-filter: blur(10px);
}.player-modal-close:hover,
.player-modal-close:focus-visible {
  border-color: rgba(244, 207, 120, 0.38);
  background: rgba(244, 207, 120, 0.08);
  outline: none;
}.player-modal-layout {
  display: grid;
}.player-modal-art {
  border-right: 1px solid rgba(244, 207, 120, 0.1);
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.08), rgba(7, 6, 5, 0.7)),
    url("images/portadas-musicales/web/bendiciones.webp") center/cover no-repeat;
}.player-modal-copy {
  display: grid;
  overflow: visible;
}.player-modal-track-title {
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
}.player-modal-caption {
  margin: 0;
  max-width: 34rem;
  line-height: 1.55;
}.player-modal-progress-shell {
  display: grid;
  align-items: center;
}.player-modal-time {
  font-weight: 800;
  letter-spacing: 0.12em;
}.player-modal-progress {
  width: 100%;
  height: 5px;
  margin: 0;
  accent-color: var(--gold-bright);
  cursor: pointer;
}.player-modal-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
}.player-modal-primary-controls,
.player-modal-secondary-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7rem;
}.player-modal-icon-button {
  padding: 0;
  font-size: 1.05rem;
}.player-modal-icon-button-primary {
  font-size: 1.15rem;
}.player-modal-chip {
  gap: 0.65rem;
  padding-inline: 1.05rem 1.15rem;
  white-space: nowrap;
}.player-modal-chip i,
.player-modal-icon-button i,
.player-modal-close i {
  line-height: 1;
}.player-modal-playlist {
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-gutter: stable both-edges;
  scrollbar-width: thin;
  scrollbar-color: rgba(244, 207, 120, 0.34) rgba(255, 255, 255, 0.03);
  box-shadow: none;
}.player-modal-playlist .audio-track-kicker {
  letter-spacing: 0.15em;
}.player-modal-playlist .audio-track-meta {
  font-size: 0.92rem;
  line-height: 1.35;
}.player-modal-dialog::-webkit-scrollbar,
.player-modal-playlist::-webkit-scrollbar {
  width: 10px;
}.player-modal-dialog::-webkit-scrollbar-track,
.player-modal-playlist::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 999px;
}.player-modal-dialog::-webkit-scrollbar-thumb,
.player-modal-playlist::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(244, 207, 120, 0.74), rgba(186, 130, 40, 0.92));
  border-radius: 999px;
  border: 2px solid rgba(10, 8, 6, 0.5);
}.player-modal-dialog::-webkit-scrollbar-thumb:hover,
.player-modal-playlist::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(255, 240, 199, 0.88), rgba(244, 207, 120, 0.98));
}.player-modal-playlist::before {
  display: none;
}.booking-modal[hidden] {
  display: none;
}.booking-modal {
  position: fixed;
  inset: 0;
  z-index: 95;
}.booking-modal-backdrop {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 180ms ease;
}.booking-modal-dialog {
  opacity: 0;
  transform: translateY(24px) scale(0.985);
  transition: opacity 180ms ease, transform 180ms ease;
}.booking-modal.is-open .booking-modal-backdrop {
  opacity: 1;
}.booking-modal.is-open .booking-modal-dialog {
  opacity: 1;
  transform: translateY(0) scale(1);
}.booking-modal-head p:last-child {
  max-width: 34rem;
  margin: 0;
  color: var(--text-soft);
  font-size: 0.96rem;
  line-height: 1.72;
}.booking-modal-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  backdrop-filter: blur(10px);
  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}.booking-modal-close > span[aria-hidden="true"] {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1;
  transform: translateY(-1px);
}.booking-modal-close:hover,
.booking-modal-close:focus-visible {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 12px 28px rgba(92, 0, 7, 0.32),
    0 0 0 4px rgba(255, 76, 76, 0.1);
  transform: scale(1.04);
  outline: none;
}.contest-promo-modal[hidden] {
  display: none;
}.contest-promo-modal {
  position: fixed;
  inset: 0;
  z-index: 98;
  display: grid;
  place-items: center;
  padding: clamp(0.8rem, 3vw, 1.5rem);
}.contest-promo-backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 18%, rgba(244, 207, 120, 0.18), transparent 28rem),
    rgba(4, 3, 2, 0.78);
  backdrop-filter: blur(12px);
  opacity: 0;
  transition: opacity 220ms ease;
}.contest-promo-dialog {
  position: relative;
  display: grid;
  grid-template-columns: minmax(240px, 0.9fr) minmax(280px, 1.1fr);
  width: min(940px, 100%);
  max-height: min(88vh, 760px);
  overflow: hidden;
  border: 1px solid rgba(244, 207, 120, 0.24);
  border-radius: 34px;
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.16), transparent 28%),
    linear-gradient(145deg, rgba(25, 18, 12, 0.98), rgba(4, 3, 2, 0.96));
  box-shadow: 0 42px 140px rgba(0, 0, 0, 0.62);
  opacity: 0;
  transform: translateY(28px) scale(0.985);
  transition: opacity 220ms ease, transform 220ms ease;
}.contest-promo-modal.is-open .contest-promo-backdrop {
  opacity: 1;
}.contest-promo-modal.is-open .contest-promo-dialog {
  opacity: 1;
  transform: translateY(0) scale(1);
}.contest-promo-close {
  position: absolute;
  top: 0.9rem;
  right: 0.9rem;
  z-index: 3;
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0.72rem 0.92rem;
  border: 1px solid rgba(244, 207, 120, 0.24);
  border-radius: 999px;
  background: rgba(8, 7, 5, 0.76);
  color: var(--text);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
  backdrop-filter: blur(10px);
}.contest-promo-close:hover,
.contest-promo-close:focus-visible {
  border-color: rgba(244, 207, 120, 0.42);
  background: rgba(244, 207, 120, 0.1);
  outline: none;
}.contest-promo-media {
  min-height: 100%;
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.06), rgba(7, 6, 5, 0.82)),
    url("images/share/pages/inicio-og.jpg");
  background-position: center;
  background-size: cover;
  text-decoration: none;
}.contest-promo-copy {
  display: grid;
  gap: 1rem;
  align-content: center;
  padding: clamp(1.35rem, 3.8vw, 2.5rem);
}.contest-promo-copy h2 {
  max-width: 12ch;
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(3rem, 7vw, 5.6rem);
  line-height: 0.88;
  letter-spacing: 0.04em;
}.contest-promo-copy p {
  margin: 0;
  color: rgba(248, 239, 221, 0.78);
  line-height: 1.72;
}.contest-promo-prize {
  display: grid;
  gap: 0.25rem;
  padding: 0.92rem 1rem;
  border: 1px solid rgba(244, 207, 120, 0.2);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.055);
}.contest-promo-prize span,
.contest-promo-deadline {
  color: var(--gold-bright);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}.contest-promo-prize strong {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(1.55rem, 3vw, 2.4rem);
  line-height: 1;
}.contest-promo-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}.contest-promo-actions .button {
  min-height: 52px;
}@media (max-width: 760px) {
  .contest-promo-modal {
    align-items: end;
    padding: 0.75rem;
  }

  .contest-promo-dialog {
    grid-template-columns: 1fr;
    width: 100%;
    max-height: 88vh;
    overflow: auto;
    border-radius: 28px;
  }

  .contest-promo-media {
    min-height: 220px;
  }

  .contest-promo-copy {
    padding: 1.2rem;
  }

  .contest-promo-copy h2 {
    max-width: 10ch;
    font-size: clamp(2.65rem, 14vw, 4.2rem);
  }

  .contest-promo-actions,
  .contest-promo-actions .button {
    width: 100%;
  }

  .contest-promo-actions .button {
    justify-content: center;
  }
}.jobs-apply-modal[hidden] {
  display: none;
}.jobs-apply-modal {
  position: fixed;
  inset: 0;
  z-index: 96;
  padding: 1rem;
}.jobs-apply-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 3, 2, 0.76);
  backdrop-filter: blur(12px);
  opacity: 0;
  transition: opacity 180ms ease;
}.jobs-apply-modal-dialog {
  position: relative;
  width: min(760px, 100%);
  max-height: calc(100vh - 2rem);
  margin: 0 auto;
  overflow: auto;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 34px;
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.16), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(8, 7, 5, 0.97);
  box-shadow: 0 40px 120px rgba(0, 0, 0, 0.55);
  opacity: 0;
  transform: translateY(24px) scale(0.985);
  transition: opacity 180ms ease, transform 180ms ease;
}.jobs-apply-modal.is-open .jobs-apply-modal-backdrop {
  opacity: 1;
}.jobs-apply-modal.is-open .jobs-apply-modal-dialog {
  opacity: 1;
  transform: translateY(0) scale(1);
}.jobs-apply-modal-close {
  position: sticky;
  top: 0.9rem;
  float: right;
  z-index: 2;
  margin: 0.9rem 0.9rem 0 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0.8rem 1rem;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background: rgba(10, 8, 6, 0.84);
  color: var(--text);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  backdrop-filter: blur(10px);
}.jobs-apply-modal-close:hover,
.jobs-apply-modal-close:focus-visible {
  border-color: rgba(244, 207, 120, 0.38);
  background: rgba(244, 207, 120, 0.08);
  outline: none;
}.jobs-apply-modal-head {
  display: grid;
  gap: 0.7rem;
  padding: 1.45rem 1.6rem 0.35rem;
}.jobs-apply-modal-head h2 {
  margin: 0;
  max-width: 15ch;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(2.1rem, 4vw, 3.2rem);
  line-height: 0.92;
  letter-spacing: 0.05em;
}.jobs-apply-modal-head p:last-child {
  max-width: 36rem;
  margin: 0;
  color: var(--text-soft);
  font-size: 0.96rem;
  line-height: 1.72;
}.jobs-apply-modal-form-wrap {
  padding: 0 1.6rem 1.6rem;
}.ambient {
  position: fixed;
  width: 36rem;
  height: 36rem;
  border-radius: 50%;
  z-index: -1;
  pointer-events: none;
}.ambient-left {
  top: 14%;
  left: -10rem;
}.ambient-right {
  right: -12rem;
  bottom: 8%;
}.section {
  padding: 0 2rem 5.5rem;
}.site-header {
  position: sticky;
  top: 0;
}.nav-shell {
  position: relative;
  width: min(var(--header-width), 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 0.55rem;
  align-items: center;
  padding: 0.7rem 1rem;
  border: 1px solid rgba(244, 207, 120, 0.12);
  border-radius: 28px;
  background:
    radial-gradient(circle at top center, rgba(244, 207, 120, 0.09), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.015), transparent),
    rgba(4, 4, 4, 0.84);
  backdrop-filter: blur(16px) saturate(98%);
  box-shadow:
    0 20px 52px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transition: background-color 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}.nav-shell::after {
  display: none;
}.brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}.brand img {
  display: block;
  max-width: 100%;
  filter: drop-shadow(0 16px 30px rgba(0, 0, 0, 0.35));
}.header-center-stack {
  display: grid;
  place-items: center;
  gap: 0;
}.brand-center {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  gap: 0;
  color: inherit;
  text-decoration: none;
}.brand-center-record {
  --header-record-rotation: 0deg;
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 1;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgba(244, 207, 120, 0.14);
  overflow: hidden;
  z-index: 2;
  transform: translateZ(0) rotate(var(--header-record-rotation));
  will-change: transform;
}.brand-center-record::before,
.brand-center-record::after {
  content: "";
  position: absolute;
  pointer-events: none;
}.brand-center-record::before {
  inset: 7px;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, rgba(5, 4, 3, 0.96) 0 9%, rgba(177, 125, 33, 0.24) 9.5%, rgba(5, 4, 3, 0.98) 13%, transparent 13.5%),
    repeating-radial-gradient(circle at center, rgba(255, 236, 188, 0.08) 0 1px, rgba(0, 0, 0, 0) 1px 8px),
    radial-gradient(circle at 50% 18%, rgba(244, 207, 120, 0.14), transparent 34%);
  border: 1px solid rgba(244, 207, 120, 0.1);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.02),
    inset 0 -18px 30px rgba(0, 0, 0, 0.22);
}.brand-center-record::after {
  inset: auto 15% -18% 15%;
  height: 30%;
  background: radial-gradient(circle, rgba(244, 207, 120, 0.26), transparent 72%);
  filter: blur(14px);
}.brand-center-record img {
  position: relative;
  z-index: 2;
}.brand-story-ring {
  position: absolute;
  inset: 2px;
  z-index: 4;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  border: 2px solid #ffd766;
  background: transparent;
  box-shadow:
    0 0 0 1px rgba(255, 135, 31, 0.92),
    0 0 14px rgba(255, 168, 45, 0.24);
  filter: saturate(1.3) brightness(1.12);
  transition: opacity 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}.brand-center.has-site-stories .brand-center-record,
.brand-center-record.has-site-stories {
  cursor: pointer;
}.brand-center.has-site-stories .brand-story-ring,
.brand-center-record.has-site-stories .brand-story-ring,
body.has-site-stories .brand-center .brand-story-ring {
  opacity: 0.72;
}.brand-center.has-unseen-site-stories .brand-story-ring,
.brand-center-record.has-unseen-site-stories .brand-story-ring,
body.has-unseen-site-stories .brand-center .brand-story-ring {
  opacity: 1;
  border-color: #ffe17a;
  box-shadow:
    0 0 0 1px rgba(255, 132, 24, 1),
    0 0 16px rgba(255, 174, 49, 0.34);
  animation: storyRingSpin 5s linear infinite;
}.brand-center.has-unseen-site-stories .brand-center-record {
  border-color: rgba(244, 207, 120, 0.46);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 24px rgba(0, 0, 0, 0.18),
    0 0 16px rgba(255, 157, 46, 0.18);
}@keyframes storyRingSpin {
  to {
    transform: rotate(360deg);
  }
}.brand-center-copy,
.brand-center-arrow {
  display: none;
}.brand-action-menu {
  display: none;
}.brand-action-menu[hidden] {
  display: none !important;
}.brand-action-option {
  appearance: none;
  border: 0;
  font: inherit;
}.brand-center:hover .brand-center-record,
.brand-center:focus-visible .brand-center-record {
  border-color: rgba(244, 207, 120, 0.22);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 18px 34px rgba(0, 0, 0, 0.34),
    0 0 24px rgba(244, 207, 120, 0.08);
}.brand-center.is-open .brand-center-record {
  border-color: rgba(244, 207, 120, 0.24);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 18px 34px rgba(0, 0, 0, 0.34),
    0 0 28px rgba(244, 207, 120, 0.14);
}.eyebrow,
.section-kicker,
.panel-kicker,
.preview-label,
.post-label,
.track-type {
  text-transform: uppercase;
  letter-spacing: 0.22em;
}.header-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.68rem;
  padding: 0.82rem 1rem 0.84rem;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 999px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.06), transparent),
    rgba(13, 10, 8, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 26px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  animation: badgeFloat 4.8s ease-in-out infinite;
}.header-badge::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 10%, rgba(255, 255, 255, 0.12) 50%, transparent 90%);
  transform: translateX(-130%);
  animation: badgeSheen 6s linear infinite;
}.header-badge-dot {
  width: 0.62rem;
  height: 0.62rem;
  border-radius: 50%;
  background: var(--gold-bright);
  box-shadow: 0 0 0 0 rgba(244, 207, 120, 0.55);
  animation: badgePulse 1.8s ease-out infinite;
  flex-shrink: 0;
}.header-badge-label,
.hero-live-pill {
  position: relative;
  z-index: 1;
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold-pale);
}.header-badge strong,
.hero-hash-pill {
  position: relative;
  z-index: 1;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.08rem;
  letter-spacing: 0.14em;
  background: linear-gradient(90deg, var(--gold-pale), var(--gold-bright), var(--gold-pale));
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: goldShimmer 5s linear infinite;
}.site-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.12rem;
  padding: 0.28rem 0.38rem;
}.site-nav-desktop {
  width: 100%;
  min-width: 0;
}.site-nav-left {
  justify-content: flex-end;
  padding-right: 0.7rem;
}.site-nav-right {
  justify-content: flex-start;
  padding-left: 0.7rem;
}.site-nav-mobile {
  display: none;
}.mobile-header-utilities {
  display: none;
  position: relative;
}.mobile-header-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent),
    rgba(11, 9, 7, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 14px 28px rgba(0, 0, 0, 0.24);
  color: var(--gold-bright);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    color 180ms ease,
    filter 180ms ease;
  cursor: pointer;
}.mobile-header-action i {
  font-size: 0.92rem;
}.mobile-header-action:hover,
.mobile-header-action:focus-visible,
.mobile-header-action.is-active {
  transform: translateY(-1px);
  border-color: rgba(244, 207, 120, 0.24);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 16px 32px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(244, 207, 120, 0.08);
  color: var(--text);
}.mobile-header-action-primary {
  color: #140d06;
  background: linear-gradient(135deg, var(--gold-bright), var(--gold) 62%, #efbd58);
  border-color: rgba(244, 207, 120, 0.28);
  box-shadow: 0 16px 30px rgba(186, 130, 40, 0.26);
}.mobile-header-action-primary:hover,
.mobile-header-action-primary:focus-visible,
.mobile-header-action-primary.is-active {
  filter: brightness(1.03);
  color: #140d06;
}.site-nav-mobile-utilities {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
  margin-top: 0.45rem;
  padding-top: 0.6rem;
  border-top: 1px solid rgba(244, 207, 120, 0.08);
}.site-nav-mobile-utility {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 0.45rem;
  min-height: 84px;
  padding: 0.85rem 0.65rem 0.8rem;
  border: 1px solid rgba(244, 207, 120, 0.12);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(14, 11, 8, 0.78);
  box-shadow: 0 16px 28px rgba(0, 0, 0, 0.2);
  color: var(--text);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease,
    filter 180ms ease;
  appearance: none;
  cursor: pointer;
}.site-nav-mobile-utility i {
  font-size: 1rem;
  color: var(--gold-bright);
}.site-nav-mobile-utility span {
  text-wrap: balance;
}.site-nav-mobile-utility:hover,
.site-nav-mobile-utility:focus-visible,
.site-nav-mobile-utility.is-active {
  border-color: rgba(244, 207, 120, 0.2);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent),
    rgba(17, 13, 10, 0.9);
  box-shadow:
    0 18px 32px rgba(0, 0, 0, 0.26),
    0 0 22px rgba(244, 207, 120, 0.08);
  transform: translateY(-1px);
}.site-nav-mobile-utility-primary {
  color: #140d06;
  background: linear-gradient(135deg, var(--gold-bright), var(--gold) 62%, #efbd58);
  border-color: rgba(244, 207, 120, 0.32);
  box-shadow: 0 18px 34px rgba(186, 130, 40, 0.28);
}.site-nav-mobile-utility-primary i {
  color: currentColor;
}.site-nav-mobile-utility-primary:hover,
.site-nav-mobile-utility-primary:focus-visible,
.site-nav-mobile-utility-primary.is-active {
  filter: brightness(1.03);
}.site-nav a:not(.header-cta):not(.site-nav-mobile-utility),
.footer-nav a {
  position: relative;
  padding: 0.78rem 0.95rem 0.86rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-soft);
  white-space: nowrap;
  transition: transform 180ms ease, color 180ms ease, background-color 180ms ease;
}.site-nav a:not(.header-cta):not(.site-nav-mobile-utility)::after,
.footer-nav a::after {
  content: "";
  position: absolute;
  left: 0.95rem;
  right: 0.95rem;
  bottom: 0.5rem;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--gold-bright), transparent);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 180ms ease;
}.site-nav a:not(.header-cta):not(.site-nav-mobile-utility):hover,
.site-nav a:not(.header-cta):not(.site-nav-mobile-utility):focus-visible,
.site-nav a:not(.header-cta):not(.site-nav-mobile-utility).is-active,
.footer-nav a:hover,
.footer-nav a:focus-visible,
.footer-nav a.is-active {
  color: var(--text);
  background: rgba(244, 207, 120, 0.06);
  transform: translateY(-1px);
}.site-nav a:not(.header-cta):not(.site-nav-mobile-utility):hover::after,
.site-nav a:not(.header-cta):not(.site-nav-mobile-utility):focus-visible::after,
.site-nav a:not(.header-cta):not(.site-nav-mobile-utility).is-active::after,
.footer-nav a:hover::after,
.footer-nav a:focus-visible::after,
.footer-nav a.is-active::after {
  transform: scaleX(1);
}.header-cta,
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}.header-cta {
  padding: 0.9rem 1.15rem;
  color: #140d06;
  background: linear-gradient(135deg, var(--gold-bright), var(--gold) 62%, #efbd58);
  box-shadow: 0 18px 34px rgba(186, 130, 40, 0.28);
  white-space: nowrap;
  flex-shrink: 0;
}.header-cta-desktop {
  padding: 0.72rem 1.05rem;
  font-size: 0.72rem;
  box-shadow: 0 14px 28px rgba(186, 130, 40, 0.22);
}.header-cta:hover,
.header-cta:focus-visible,
.button:hover,
.button:focus-visible {
  transform: translateY(-2px);
  filter: brightness(1.03);
}.page-hero {
  padding-top: 0;
}.page-hero-bg-image {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}.page-hero-home {
  position: relative;
  overflow: hidden;
}.page-hero-home::before {
  content: none;
}.page-hero-grid,
.section-head,
.preview-grid,
.content-grid-two,
.card-grid,
.info-grid,
.article-grid,
.gallery-mosaic,
.contact-grid,
.contact-shell,
.site-footer {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
}.audio-player-shell {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
  display: grid;
  gap: 1.2rem;
}.page-hero-grid,
.content-grid-two,
.contact-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 1.6rem;
  align-items: center;
}.page-hero-home .page-hero-grid {
  position: relative;
  z-index: 2;
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  min-height: clamp(620px, 82vh, 860px);
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto 1fr auto;
  gap: 1rem;
  justify-items: stretch;
  align-items: stretch;
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1.4rem, 3vw, 2.2rem);
  overflow: hidden;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.16) 0%, rgba(7, 6, 5, 0.28) 42%, rgba(7, 6, 5, 0.86) 100%),
    linear-gradient(90deg, rgba(7, 6, 5, 0.76) 0%, rgba(7, 6, 5, 0.46) 34%, rgba(7, 6, 5, 0.08) 62%, rgba(7, 6, 5, 0.28) 100%),
    url("images/musicos/musicos1.webp") center 34% / cover no-repeat;
  box-shadow: var(--shadow-strong);
  text-align: left;
}.page-hero-home .page-hero-grid::after {
  content: "";
  position: absolute;
  inset: 1rem 1.4rem;
  border: 1px solid rgba(244, 207, 120, 0.08);
  border-radius: 30px;
  pointer-events: none;
}.hero-particle {
  position: absolute;
  display: block;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 246, 219, 0.95) 0%, rgba(244, 207, 120, 0.86) 44%, rgba(244, 207, 120, 0.08) 76%, transparent 100%);
  box-shadow:
    0 0 18px rgba(244, 207, 120, 0.3),
    0 0 32px rgba(244, 207, 120, 0.14);
  opacity: 0;
  animation: heroParticleFloat 12s linear infinite;
}.page-hero-about .page-hero-grid {
  position: relative;
  z-index: 2;
  width: 100vw;
  max-width: none;
  min-height: clamp(620px, 82vh, 860px);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  grid-template-columns: minmax(0, 1fr);
  align-items: end;
  padding: clamp(2rem, 5vw, 4.2rem) clamp(1.4rem, 5vw, 4.4rem);
  overflow: hidden;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid rgba(244, 207, 120, 0.14);
  border-bottom: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 0;
  box-shadow: var(--shadow-strong);
}.page-hero-about .page-hero-grid::after {
  content: "";
  position: absolute;
  inset: 1.2rem 1.4rem;
  border: 1px solid rgba(244, 207, 120, 0.08);
  border-radius: 34px;
  pointer-events: none;
}.page-hero-about .page-hero-copy {
  position: relative;
  z-index: 1;
  max-width: 46rem;
  padding: 0;
}.page-hero-about .page-title {
  max-width: 10ch;
  font-size: clamp(3.4rem, 6vw, 6.2rem);
  line-height: 0.94;
  text-wrap: balance;
}.page-hero-about .lead {
  max-width: 40rem;
  color: rgba(247, 240, 230, 0.86);
  line-height: 1.78;
}.hero-copy-mobile {
  display: none;
}body[data-page="contactanos"] .page-hero-grid {
  position: relative;
  grid-template-columns: minmax(0, 1fr);
  overflow: hidden;
  padding: clamp(1.6rem, 3.8vw, 2.8rem);
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 36px;
  background:
    linear-gradient(90deg, rgba(7, 6, 5, 0.9) 0%, rgba(7, 6, 5, 0.78) 30%, rgba(7, 6, 5, 0.48) 58%, rgba(7, 6, 5, 0.76) 100%),
    linear-gradient(180deg, rgba(7, 6, 5, 0.12) 0%, rgba(7, 6, 5, 0.36) 44%, rgba(7, 6, 5, 0.84) 100%),
    radial-gradient(circle at 84% 18%, rgba(244, 207, 120, 0.16), transparent 24%),
    url("images/eventos/45.webp") center 34% / cover no-repeat;
  box-shadow: var(--shadow-strong);
}body[data-page="contactanos"] .page-hero-grid::after {
  content: "";
  position: absolute;
  inset: 1rem;
  border: 1px solid rgba(244, 207, 120, 0.08);
  border-radius: 30px;
  pointer-events: none;
}body[data-page="contactanos"] .page-hero-copy {
  position: relative;
  z-index: 1;
}body[data-page="contactanos"] .page-hero-copy {
  max-width: 48rem;
}body[data-page="contactanos"] .page-title {
  text-shadow: 0 18px 36px rgba(0, 0, 0, 0.48);
}body[data-page="contactanos"] .lead {
  max-width: 40rem;
  color: rgba(247, 240, 230, 0.9);
  text-shadow: 0 10px 24px rgba(0, 0, 0, 0.26);
}.section-kicker {
  margin: 0 0 1rem;
  font-size: 0.75rem;
  color: var(--gold-bright);
}.kicker-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}.kicker-with-icon i {
  font-size: 0.92em;
  color: var(--gold-bright);
  filter: drop-shadow(0 4px 10px rgba(186, 130, 40, 0.24));
}.section-head .section-kicker.kicker-with-icon,
.section-members .section-head .section-kicker.kicker-with-icon {
  justify-content: center;
}.page-title,
.section-head h2,
.content-card h3,
.info-card h3,
.article-card h3 {
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  line-height: 0.95;
  letter-spacing: 0.04em;
}.page-title {
  font-size: clamp(3rem, 6.3vw, 5.45rem);
  max-width: none;
}.page-hero-copy {
  max-width: 40rem;
  padding: 1rem 0 1.4rem;
}.page-hero-copy-centered {
  display: grid;
  justify-items: center;
}.lead,
.section-head p:not(.section-kicker),
.mini-card span,
.content-card p:not(.panel-kicker),
.content-card li,
.info-card p,
.article-card p,
.form-note,
.site-footer p {
  color: var(--text-soft);
}.lead {
  max-width: 48rem;
  margin-top: 1.2rem;
  font-size: 1rem;
  line-height: 1.78;
}.hero-signal-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 1rem;
}.hero-live-pill,
.hero-hash-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.72rem 0.95rem 0.76rem;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 999px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.05), transparent),
    rgba(12, 9, 7, 0.74);
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.18);
}.hero-live-pill {
  color: var(--gold-pale);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.06), transparent),
    rgba(12, 9, 7, 0.76);
}.hero-hash-pill {
  animation: badgeFloat 4s ease-in-out infinite;
}.hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin-top: 2rem;
}.page-hero-home .hero-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  max-width: 100%;
  align-self: stretch;
  gap: 0.78rem;
  margin-top: 0.88rem;
}.page-hero-home .hero-actions .button {
  width: 100%;
  min-width: 0;
  min-height: 56px;
  justify-content: center;
}.hero-foreground {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 1.4rem;
  min-height: 0;
  padding: clamp(0.4rem, 1.3vw, 0.9rem) clamp(0.5rem, 3vw, 2.4rem) clamp(1rem, 3vw, 2.1rem);
}.hero-main-layout {
  display: grid;
  grid-template-columns: minmax(300px, 0.72fr) minmax(420px, 1.28fr);
  gap: clamp(1.1rem, 2.2vw, 2.4rem);
  align-items: center;
}.button {
  padding: 1rem 1.35rem;
  border: 1px solid transparent;
}.button-primary {
  color: #140d06;
  background: linear-gradient(135deg, var(--gold-bright), var(--gold));
  box-shadow:
    0 20px 42px rgba(0, 0, 0, 0.3),
    0 16px 32px rgba(186, 130, 40, 0.22);
}.button-secondary {
  border-color: var(--line-strong);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)),
    linear-gradient(135deg, rgba(244, 207, 120, 0.08), transparent 58%),
    rgba(4, 4, 4, 0.94);
  color: var(--text);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    0 14px 30px rgba(0, 0, 0, 0.28);
}.button-full {
  width: 100%;
}.hero-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2rem;
}.mini-card,
.content-card,
.info-card,
.article-card,
.contact-form,
.gallery-item {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 38%),
    linear-gradient(145deg, rgba(10, 8, 6, 0.96), rgba(4, 4, 4, 0.96));
  box-shadow:
    var(--shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
}.mini-card {
  padding: 1rem 1.05rem;
}.mini-card strong {
  display: block;
  margin-bottom: 0.35rem;
  font-family: "Cormorant Garamond", serif;
  font-size: 1.6rem;
}.page-hero-visual {
  position: relative;
  min-height: 100%;
}.hero-tag-marquee {
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgba(244, 207, 120, 0.06), transparent 18%, transparent 82%, rgba(244, 207, 120, 0.06)),
    rgba(12, 9, 7, 0.7);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
  position: relative;
  z-index: 1;
}.hero-tag-track {
  display: flex;
  gap: 1.9rem;
  width: max-content;
  padding: 0.75rem 1.2rem;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(0.94rem, 1.7vw, 1.3rem);
  letter-spacing: 0.16em;
  color: rgba(248, 239, 221, 0.84);
  animation: marquee 28s linear infinite;
}.hero-tag-track span {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
}.hero-tag-track span::before {
  content: "";
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  background: var(--gold-bright);
  box-shadow: 0 0 12px rgba(244, 207, 120, 0.35);
}.hero-tag-marquee-bottom .hero-tag-track {
  animation-direction: reverse;
  animation-duration: 32s;
}.hero-band-stage {
  width: min(1180px, 100%);
  display: grid;
  gap: 1rem;
}.home-release-grid,
.home-route-grid,
.home-showcase-grid,
.home-booking-panel {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
}.home-release-grid {
  display: grid;
  grid-template-columns: minmax(320px, 0.86fr) minmax(0, 1.14fr);
  gap: 1.4rem;
  align-items: stretch;
}.home-release-cover,
.route-card,
.home-showcase-feature,
.home-showcase-card,
.home-booking-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 34px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    var(--panel);
  box-shadow: var(--shadow-strong);
}.about-bio-shell,
.about-signature-grid {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
}.about-bio-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr);
  gap: 1.2rem;
  align-items: stretch;
}.about-bio-main,
.about-bio-sidebar,
.about-signature-lead,
.signature-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 34px;
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.12), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(13, 10, 8, 0.9);
  box-shadow: var(--shadow-strong);
}.about-bio-main,
.about-signature-lead {
  display: grid;
  gap: 0.95rem;
  padding: clamp(1.5rem, 2.9vw, 2.25rem);
}.about-bio-main h2,
.about-bio-sidebar h3,
.about-signature-lead h2 {
  margin: 0;
}.about-bio-main h2,
.about-signature-lead h2 {
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(2.4rem, 4.8vw, 4.4rem);
  line-height: 0.92;
  letter-spacing: 0.04em;
}.about-bio-main p:not(.section-kicker),
.about-signature-lead p:not(.section-kicker) {
  margin: 0;
  color: rgba(247, 240, 230, 0.84);
  line-height: 1.8;
}.about-bio-main strong,
.about-signature-lead strong,
.timeline-content strong {
  color: var(--gold-pale);
}.about-bio-sidebar {
  display: grid;
  gap: 1rem;
  align-content: start;
  padding: 1.3rem;
}.about-bio-sidebar-head {
  display: grid;
  gap: 0.45rem;
}.about-bio-sidebar-head p,
.about-bio-sidebar-head h3 {
  margin: 0;
}.about-bio-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}.about-bio-stat {
  display: grid;
  gap: 0.45rem;
  min-height: 0;
  padding: 1rem 1rem 1.05rem;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent),
    rgba(8, 7, 5, 0.56);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}.about-bio-stat-value {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 34px;
  padding: 0.45rem 0.72rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--gold-bright), var(--gold));
  color: #170f07;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}.about-bio-stat strong {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.55rem;
  line-height: 0.96;
  letter-spacing: 0.04em;
}.about-bio-stat p {
  margin: 0;
  color: rgba(247, 240, 230, 0.74);
  font-size: 0.9rem;
  line-height: 1.62;
}.member-roster-intro {
  width: min(var(--max-width), 100%);
  margin: 0 auto 1.4rem;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) auto;
  gap: 1.2rem;
  align-items: end;
  padding: clamp(1.4rem, 2.6vw, 2rem);
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 34px;
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.16), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    var(--panel);
  box-shadow: var(--shadow);
}.section-members .section-head {
  display: grid;
  justify-items: center;
  max-width: 64rem;
  margin-inline: auto;
  text-align: center;
}.section-members .section-head p:not(.section-kicker) {
  max-width: 46rem;
  margin-inline: auto;
}.section-members .member-roster-intro {
  grid-template-columns: 1fr;
  align-items: center;
  justify-items: center;
  max-width: 88rem;
  text-align: center;
}.member-roster-copy {
  display: grid;
  gap: 0.65rem;
  max-width: 44rem;
}.section-members .member-roster-copy {
  justify-items: center;
  width: 100%;
  max-width: 48rem;
}.member-roster-copy h3 {
  margin: 0 auto;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(2.2rem, 4.2vw, 4rem);
  line-height: 0.92;
  letter-spacing: 0.04em;
}.member-roster-copy p:last-child {
  max-width: 42rem;
  margin: 0 auto;
  color: rgba(247, 240, 230, 0.82);
  line-height: 1.72;
}.member-roster-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.7rem;
}.section-members .member-roster-badges {
  justify-content: center;
  max-width: 44rem;
  margin-inline: auto;
}.member-roster-badges span {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.82rem 1rem 0.88rem;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--gold-pale);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}.member-roster-badges span::before {
  content: "";
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: var(--gold-bright);
  box-shadow: 0 0 12px rgba(244, 207, 120, 0.32);
}.member-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.35rem;
}.member-card {
  position: relative;
  overflow: hidden;
  min-height: 0;
  aspect-ratio: 4 / 5;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 32px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.03), transparent),
    var(--panel);
  box-shadow: var(--shadow);
  transform: translateY(0);
  transition:
    transform 260ms ease,
    border-color 260ms ease,
    box-shadow 260ms ease,
    background 260ms ease;
}.member-card::before {
  content: "";
  position: absolute;
  inset: 1rem;
  border: 1px solid rgba(244, 207, 120, 0.08);
  border-radius: 24px;
  pointer-events: none;
  z-index: 1;
}.member-card::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 54%;
  background: linear-gradient(180deg, rgba(8, 7, 6, 0), rgba(8, 7, 6, 0.94));
  pointer-events: none;
}.member-card:hover {
  transform: translateY(-10px);
  border-color: rgba(244, 207, 120, 0.26);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.3);
}.member-card-media {
  position: absolute;
  inset: 0;
  margin: 0;
  overflow: hidden;
}.member-card-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 26%;
  transform: scale(1);
  filter: saturate(102%);
  transition: transform 360ms ease, filter 360ms ease;
}.member-card:hover .member-card-media img {
  transform: scale(1.05);
  filter: saturate(112%);
}.member-card-placeholder {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 0.65rem;
  min-height: 100%;
  background:
    radial-gradient(circle at 50% 24%, rgba(244, 207, 120, 0.26), transparent 25%),
    radial-gradient(circle at 20% 82%, rgba(126, 28, 32, 0.34), transparent 32%),
    linear-gradient(145deg, rgba(31, 20, 12, 0.96), rgba(5, 4, 3, 0.98));
  color: var(--gold-pale);
  text-align: center;
}.member-card-placeholder span {
  display: grid;
  place-items: center;
  width: clamp(5.6rem, 10vw, 7.4rem);
  height: clamp(5.6rem, 10vw, 7.4rem);
  border: 1px solid rgba(244, 207, 120, 0.34);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.055);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.36), inset 0 0 28px rgba(244, 207, 120, 0.12);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(3.1rem, 7vw, 4.8rem);
  line-height: 1;
}.member-card-placeholder small {
  color: rgba(247, 240, 230, 0.72);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}.member-card-copy {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: grid;
  gap: 0.32rem;
  padding: 1.2rem 1.2rem 1.24rem;
}.member-card-copy .panel-kicker {
  color: var(--gold-bright);
}.member-card-copy h3 {
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1.45rem, 2.1vw, 1.9rem);
  line-height: 0.94;
  letter-spacing: 0.04em;
  color: var(--text);
  text-shadow: 0 10px 26px rgba(0, 0, 0, 0.3);
}.member-card-realname {
  display: block;
  color: rgba(247, 240, 230, 0.68);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}.member-card-copy p:not(.panel-kicker) {
  margin: 0;
  color: rgba(247, 240, 230, 0.84);
  font-size: 0.98rem;
  line-height: 1.52;
}.member-card-bio {
  display: -webkit-box;
  overflow: hidden;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: rgba(247, 240, 230, 0.72) !important;
  font-size: 0.86rem !important;
}.member-card-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
  margin-top: 0.22rem;
}.member-card-socials a {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.44rem 0.62rem 0.48rem;
  border: 1px solid rgba(244, 207, 120, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--gold-pale);
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;
}.member-card-socials a:hover {
  transform: translateY(-2px);
  border-color: rgba(244, 207, 120, 0.36);
  background: rgba(244, 207, 120, 0.12);
}.member-card-flip {
  perspective: 1400px;
  transform-style: preserve-3d;
  cursor: pointer;
}.member-card-flip::before {
  z-index: 5;
  transition: border-color 320ms ease, transform 700ms cubic-bezier(0.2, 0.75, 0.18, 1);
}.member-card-flip::after {
  display: none;
}.member-card-face {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition:
    transform 760ms cubic-bezier(0.2, 0.75, 0.18, 1),
    filter 360ms ease;
  will-change: transform;
}.member-card-front {
  transform: rotateY(0deg);
}.member-card-front::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: 1;
  height: 58%;
  background:
    linear-gradient(180deg, rgba(8, 7, 6, 0), rgba(8, 7, 6, 0.96)),
    radial-gradient(circle at 20% 84%, rgba(244, 207, 120, 0.18), transparent 34%);
  pointer-events: none;
}.member-card-back {
  display: grid;
  align-content: space-between;
  gap: 1.2rem;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid rgba(244, 207, 120, 0.24);
  background:
    radial-gradient(circle at 22% 18%, rgba(244, 207, 120, 0.18), transparent 28%),
    radial-gradient(circle at 78% 78%, rgba(160, 82, 26, 0.2), transparent 34%),
    linear-gradient(145deg, rgba(18, 14, 8, 0.98), rgba(4, 3, 2, 0.96));
  color: var(--text);
  transform: rotateY(180deg);
}.member-card-back::before,
.member-card-back::after {
  content: "";
  position: absolute;
  pointer-events: none;
}.member-card-back::before {
  inset: 0;
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.024) 0 1px, transparent 1px 5px),
    linear-gradient(115deg, transparent 0 35%, rgba(255, 229, 154, 0.1) 48%, transparent 62%);
  mix-blend-mode: screen;
  animation: memberCardBackShine 5.8s ease-in-out infinite;
}.member-card-back::after {
  right: 1rem;
  top: 1rem;
  width: 4.8rem;
  height: 4.8rem;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 50%;
  box-shadow:
    0 0 0 0.55rem rgba(244, 207, 120, 0.035),
    0 0 0 1.1rem rgba(244, 207, 120, 0.025);
}.member-card-back-index,
.member-card-back-copy,
.member-card-back-footer {
  position: relative;
  z-index: 1;
}.member-card-back-index {
  width: fit-content;
  padding: 0.5rem 0.72rem;
  border: 1px solid rgba(244, 207, 120, 0.22);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.36);
  color: var(--gold-pale);
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.08em;
}.member-card-back-copy {
  align-self: center;
}.member-card-back-copy h3 {
  margin: 0.22rem 0 0;
  font-family: "Bebas Neue", sans-serif;
  color: #fff8e8;
  font-size: clamp(2rem, 3.2vw, 2.85rem);
  line-height: 0.9;
  letter-spacing: 0.045em;
}.member-card-quote {
  margin: 1rem 0 0;
  color: rgba(255, 245, 218, 0.86);
  font-size: clamp(1rem, 1.45vw, 1.18rem);
  font-weight: 700;
  line-height: 1.45;
}.member-card-back-footer {
  display: grid;
  gap: 0.28rem;
  padding-top: 0.88rem;
  border-top: 1px solid rgba(244, 207, 120, 0.16);
}.member-card-back-footer span,
.member-card-back-footer small {
  text-transform: uppercase;
  letter-spacing: 0.14em;
}.member-card-back-footer span {
  color: var(--gold-bright);
  font-size: 0.82rem;
  font-weight: 900;
}.member-card-back-footer small {
  color: rgba(247, 240, 230, 0.64);
  font-size: 0.68rem;
  font-weight: 800;
}.member-card-flip.is-flipped .member-card-front {
  transform: rotateY(-180deg);
}.member-card-flip.is-flipped .member-card-back {
  transform: rotateY(0deg);
}.member-card-flip:focus-visible {
  outline: 2px solid var(--gold-bright);
  outline-offset: 4px;
}.member-card-flip:focus-visible::before,
.member-card-flip.is-flipped::before {
  border-color: rgba(244, 207, 120, 0.32);
}@media (hover: hover) and (pointer: fine) {
  .member-card-flip:hover .member-card-front {
    transform: rotateY(-180deg);
  }

  .member-card-flip:hover .member-card-back {
    transform: rotateY(0deg);
  }
}@keyframes memberCardBackShine {
  0%,
  100% {
    opacity: 0.46;
    background-position: 0 0, -120% 0;
  }
  50% {
    opacity: 0.88;
    background-position: 0 0, 120% 0;
  }
}.section-timeline {
  position: relative;
}.timeline-stage {
  position: relative;
  width: min(var(--max-width), 100%);
  margin: 0 auto;
}.timeline-head {
  max-width: 54rem;
  margin-bottom: 2.4rem;
}.timeline-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: 0.35rem;
}.timeline-summary span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0.5rem 0.8rem;
  border-radius: 999px;
  border: 1px solid rgba(244, 207, 120, 0.14);
  background: rgba(255, 255, 255, 0.03);
  color: var(--gold-pale);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}.band-timeline {
  position: relative;
  display: grid;
  gap: 1.6rem;
  padding: 0.8rem 0 0.2rem;
}.band-timeline::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  transform: translateX(-50%);
  background:
    linear-gradient(180deg, rgba(244, 207, 120, 0), rgba(244, 207, 120, 0.24) 12%, rgba(244, 207, 120, 0.24) 88%, rgba(244, 207, 120, 0));
  box-shadow: 0 0 18px rgba(244, 207, 120, 0.08);
}.timeline-item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) 88px minmax(300px, 0.82fr);
  gap: 1rem;
  align-items: start;
  grid-template-areas: "content marker postcard";
}.timeline-marker {
  position: relative;
  z-index: 2;
  grid-area: marker;
  display: grid;
  justify-items: center;
  gap: 0.85rem;
  padding-top: 1.1rem;
}.timeline-year {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0.55rem 0.8rem 0.5rem;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 999px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(12, 9, 7, 0.84);
  color: var(--gold-pale);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}.timeline-dot {
  width: 18px;
  height: 18px;
  border: 4px solid rgba(11, 8, 6, 0.96);
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gold-bright), var(--gold));
  box-shadow:
    0 0 0 1px rgba(244, 207, 120, 0.18),
    0 0 22px rgba(244, 207, 120, 0.22);
}.timeline-content {
  grid-area: content;
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 0.8rem;
  padding: 1.5rem 1.75rem 1.6rem;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 30px;
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.1), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(13, 10, 8, 0.86);
  box-shadow: var(--shadow);
  transition:
    transform 240ms ease,
    border-color 240ms ease,
    box-shadow 240ms ease,
    background-color 240ms ease;
}.timeline-content::before {
  content: attr(data-year);
  position: absolute;
  top: 0.7rem;
  right: 1rem;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(3.5rem, 7vw, 5.8rem);
  line-height: 0.9;
  letter-spacing: 0.06em;
  color: rgba(244, 207, 120, 0.07);
  pointer-events: none;
}.timeline-item:nth-child(even) {
  grid-template-columns: minmax(300px, 0.82fr) 88px minmax(0, 1.18fr);
  grid-template-areas: "postcard marker content";
}.timeline-postcard {
  position: relative;
  grid-area: postcard;
  align-self: start;
  width: 100%;
  max-width: 320px;
  margin: 0;
  padding: 0.8rem 0.8rem 1rem;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent),
    rgba(15, 12, 9, 0.92);
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.28);
  overflow: hidden;
  transition:
    transform 260ms ease,
    border-color 260ms ease,
    box-shadow 260ms ease;
}.timeline-postcard::before {
  content: "";
  position: absolute;
  inset: 0.7rem;
  border: 1px solid rgba(244, 207, 120, 0.08);
  border-radius: 22px;
  pointer-events: none;
}.timeline-postcard::after {
  content: "";
  position: absolute;
  top: 0.55rem;
  left: 50%;
  width: 76px;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 240, 199, 0.2), rgba(255, 240, 199, 0.06));
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
  transform: translateX(-50%) rotate(-2deg);
  opacity: 0.78;
}.timeline-postcard img {
  width: 100%;
  aspect-ratio: 4 / 5;
  display: block;
  object-fit: cover;
  object-position: center 28%;
  border-radius: 20px;
  transform: scale(1.01);
  transition: transform 320ms ease, filter 320ms ease;
  filter: saturate(102%);
}.timeline-postcard figcaption {
  position: relative;
  z-index: 1;
  margin-top: 0.8rem;
  padding: 0 0.25rem;
  color: rgba(247, 240, 230, 0.78);
  font-size: 0.82rem;
  line-height: 1.58;
}.timeline-item:nth-child(odd) .timeline-postcard {
  justify-self: start;
  transform: rotate(3deg);
}.timeline-item:nth-child(even) .timeline-postcard {
  justify-self: end;
  transform: rotate(-3deg);
}.timeline-content h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: 22ch;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1.9rem, 2.6vw, 2.75rem);
  line-height: 0.96;
  letter-spacing: 0.04em;
}.timeline-content p:not(.panel-kicker) {
  position: relative;
  z-index: 1;
  margin: 0;
  color: rgba(247, 240, 230, 0.82);
  line-height: 1.78;
}.timeline-content:hover {
  transform: translateY(-6px);
  border-color: rgba(244, 207, 120, 0.24);
  box-shadow: 0 26px 58px rgba(0, 0, 0, 0.28);
}.timeline-item:hover .timeline-postcard {
  border-color: rgba(244, 207, 120, 0.26);
  box-shadow: 0 28px 56px rgba(0, 0, 0, 0.34);
}.timeline-item:hover .timeline-postcard img {
  transform: scale(1.04);
  filter: saturate(112%);
}.timeline-item:nth-child(odd):hover .timeline-postcard,
.timeline-item:nth-child(even):hover .timeline-postcard {
  transform: rotate(0deg) translateY(-6px);
}.timeline-tags {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}.timeline-tags span {
  display: inline-flex;
  align-items: center;
  padding: 0.72rem 0.9rem 0.76rem;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--gold-pale);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}.home-release-cover {
  min-height: 470px;
  background: #090705;
}.home-release-cover img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}.home-release-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(7, 6, 5, 0.04), rgba(7, 6, 5, 0.76));
}.home-release-cover-copy {
  position: absolute;
  left: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 1;
  max-width: 24rem;
}.home-release-cover-copy h2,
.home-release-copy h2,
.home-booking-copy h2,
.home-showcase-feature h3,
.home-showcase-card h3 {
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  line-height: 0.96;
  letter-spacing: 0.05em;
}.home-release-cover-copy h2 {
  font-size: clamp(2.4rem, 4vw, 3.6rem);
}.home-release-cover-copy p:last-child {
  margin: 0.8rem 0 0;
  color: rgba(247, 240, 230, 0.82);
  line-height: 1.72;
}.home-release-copy {
  padding: clamp(1.5rem, 3vw, 2.2rem) clamp(1.6rem, 3.3vw, 2.6rem);
}.home-release-copy h2 {
  font-size: clamp(2.45rem, 4.2vw, 3.9rem);
  max-width: none;
}.home-release-copy > p:not(.section-kicker) {
  max-width: 40rem;
  color: var(--text-soft);
  line-height: 1.82;
}.home-release-copy strong {
  color: var(--text);
  font-weight: 800;
}.home-release-related {
  display: grid;
  gap: 0.8rem;
  margin-top: 1.35rem;
}.home-release-related[hidden] {
  display: none;
}.home-release-related-heading {
  margin: 0;
  color: var(--gold-bright);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}.home-release-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.72rem;
}.home-release-track-card {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 0.72rem;
  align-items: center;
  min-width: 0;
  padding: 0.68rem;
  border: 1px solid rgba(244, 207, 120, 0.13);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(255, 255, 255, 0.025);
  color: var(--text);
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}.home-release-track-card:hover,
.home-release-track-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(244, 207, 120, 0.28);
  background:
    linear-gradient(145deg, rgba(244, 207, 120, 0.08), transparent),
    rgba(255, 255, 255, 0.04);
  outline: none;
}.home-release-track-cover {
  display: block;
  width: 72px;
  aspect-ratio: 1;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04) center / cover no-repeat;
}.home-release-track-copy {
  display: grid;
  gap: 0.24rem;
  min-width: 0;
}.home-release-track-copy strong {
  overflow: hidden;
  color: var(--text);
  font-size: 0.98rem;
  line-height: 1.18;
  text-overflow: ellipsis;
  white-space: nowrap;
}.home-release-track-copy span {
  display: -webkit-box;
  overflow: hidden;
  color: var(--text-soft);
  font-size: 0.82rem;
  line-height: 1.36;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}.home-release-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
}.home-release-tags span {
  display: inline-flex;
  align-items: center;
  padding: 0.72rem 0.95rem 0.78rem;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold-pale);
}.spotify-inline-panel,
.spotify-panel {
  border: 1px solid rgba(244, 207, 120, 0.12);
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.03), transparent),
    rgba(11, 8, 6, 0.72);
}.spotify-inline-panel {
  display: grid;
  gap: 1rem;
  margin-top: 1.5rem;
  padding: 1rem 1.1rem;
}.spotify-inline-panel h3,
.spotify-panel-copy h2 {
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  line-height: 0.96;
  letter-spacing: 0.05em;
}.spotify-inline-panel h3 {
  font-size: clamp(1.55rem, 2.6vw, 2.15rem);
}.spotify-inline-actions,
.spotify-panel-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  align-items: center;
}.spotify-panel {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.4rem;
  align-items: center;
  padding: 1.55rem;
  box-shadow: var(--shadow-strong);
}.spotify-panel-copy h2 {
  font-size: clamp(2.35rem, 4.4vw, 4rem);
  max-width: none;
}.spotify-panel-copy p:last-child {
  max-width: 42rem;
  margin: 1rem 0 0;
  color: var(--text-soft);
  line-height: 1.82;
}.spotify-follow-banner {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 1.4rem;
  align-items: center;
  padding: 1.65rem;
  border: 1px solid rgba(63, 219, 118, 0.2);
  border-radius: 34px;
  background:
    radial-gradient(circle at 14% 50%, rgba(29, 185, 84, 0.28), transparent 20%),
    radial-gradient(circle at 88% 16%, rgba(63, 219, 118, 0.14), transparent 24%),
    linear-gradient(135deg, rgba(10, 34, 18, 0.96), rgba(7, 12, 8, 0.98) 58%, rgba(14, 24, 16, 0.98));
  box-shadow:
    0 38px 110px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}.spotify-follow-mark {
  display: grid;
  place-items: center;
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #4df08e, #1db954 58%, #169c47);
  color: #031108;
  font-size: 2.2rem;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 24px 40px rgba(29, 185, 84, 0.24);
}.spotify-follow-copy {
  display: grid;
  gap: 0.6rem;
}.spotify-follow-copy p.section-kicker {
  color: #7ff7ab;
}.spotify-follow-copy h2 {
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1.02;
}.spotify-follow-copy p:last-child {
  max-width: 42rem;
  margin: 0;
  color: rgba(235, 247, 238, 0.82);
  line-height: 1.74;
}.spotify-follow-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  align-items: center;
  justify-content: flex-end;
}.platform-link-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  align-items: center;
  margin-top: 1.15rem;
}.platform-link-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.78rem 1rem 0.82rem;
  border-radius: 999px;
  border: 1px solid rgba(244, 207, 120, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent),
    rgba(16, 12, 9, 0.88);
  color: var(--text);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    color 180ms ease;
}.platform-link-chip i {
  color: var(--gold-bright);
  font-size: 1rem;
}.platform-link-chip:hover,
.platform-link-chip:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(244, 207, 120, 0.26);
  color: var(--gold-pale);
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  outline: none;
}.home-streaming-finale {
  padding-top: 0;
  padding-bottom: clamp(1.2rem, 3vw, 2rem);
}.home-streaming-shell {
  position: relative;
  width: min(920px, calc(100% - 2rem));
  min-height: 285px;
  margin: 0 auto;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(244, 207, 120, 0.22);
  border-radius: 26px;
  background: #17100a;
  box-shadow:
    0 22px 58px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}.home-streaming-shell::before,
.home-streaming-shell::after {
  content: "";
  position: absolute;
  pointer-events: none;
}.home-streaming-shell::before {
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(circle at 50% 40%, rgba(5, 4, 3, 0.02), rgba(5, 4, 3, 0.24) 58%, rgba(5, 4, 3, 0.5) 100%),
    linear-gradient(180deg, rgba(5, 4, 3, 0.04), rgba(5, 4, 3, 0.34)),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.012) 0 1px, transparent 1px 5px);
  mix-blend-mode: normal;
}.home-streaming-shell::after {
  right: -10rem;
  bottom: -10rem;
  z-index: 0;
  width: 28rem;
  height: 28rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(244, 207, 120, 0.16), transparent 68%);
  filter: blur(4px);
}.home-streaming-photo {
  position: absolute;
  inset: -10% 0;
  min-height: 0;
  background:
    linear-gradient(180deg, rgba(5, 4, 3, 0), rgba(5, 4, 3, 0.12)),
    url("images/blog/post10/share.webp") center 48% / cover no-repeat;
  transform: translate3d(0, var(--parallax-shift, 0px), 0) scale(1.08);
  will-change: transform;
}.home-streaming-photo::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 24%, rgba(244, 207, 120, 0.16), transparent 25%),
    linear-gradient(180deg, rgba(5, 4, 3, 0.04) 0%, rgba(5, 4, 3, 0.22) 58%, rgba(5, 4, 3, 0.5) 100%);
}.home-streaming-photo::after {
  content: none;
}.home-streaming-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: min(100%, 42rem);
  padding: clamp(1.1rem, 2.8vw, 1.8rem);
  text-align: center;
}.home-streaming-content h2 {
  max-width: 10ch;
  margin: 0;
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: clamp(2.05rem, 3.8vw, 3.45rem);
  line-height: 0.9;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #fff7e9;
  text-shadow: 0 12px 32px rgba(0, 0, 0, 0.54);
}.home-streaming-content > p:not(.section-kicker) {
  max-width: 28rem;
  margin: 0.62rem auto 0;
  color: rgba(255, 245, 225, 0.82);
  font-size: 0.92rem;
  line-height: 1.58;
}.home-streaming-platforms.platform-link-strip {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.55rem;
  width: min(100%, 38rem);
  margin-top: 0.9rem;
}.home-streaming-platforms .platform-link-chip {
  min-height: 40px;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 0.78rem;
  border-radius: 999px;
  border-color: rgba(244, 207, 120, 0.16);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 48%),
    rgba(8, 6, 5, 0.72);
  font-size: 0.68rem;
  letter-spacing: 0.055em;
  backdrop-filter: blur(10px);
}.home-streaming-platforms .platform-link-chip i {
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  flex: 0 0 auto;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 50%;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 42%),
    linear-gradient(135deg, var(--gold-bright), var(--gold) 68%, #efbd58);
  color: #140d06;
  font-size: 0.84rem;
}.home-streaming-platforms .platform-link-chip:hover,
.home-streaming-platforms .platform-link-chip:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(244, 207, 120, 0.38);
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.26),
    0 12px 28px rgba(186, 130, 40, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}.home-events-section-finale {
  padding-top: clamp(0.6rem, 2vw, 1.1rem);
}.home-streaming-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  justify-content: center;
  margin-top: 1.1rem;
}.button-spotify {
  color: #05150b;
  background: linear-gradient(135deg, #3be477, #1db954);
  box-shadow: 0 18px 36px rgba(29, 185, 84, 0.2);
}.button-whatsapp {
  gap: 0.65rem;
  color: #04110a;
  background: linear-gradient(135deg, #6de19a, #25d366 58%, #17a34a);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 18px 36px rgba(37, 211, 102, 0.2);
}.button-whatsapp i {
  font-size: 1rem;
}.spotify-feedback {
  margin: 0;
  color: var(--gold-pale);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}.home-route-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}.home-contests-section {
  position: relative;
}.home-contests-head,
.home-news-head {
  display: flex;
  justify-content: space-between;
  gap: 1.2rem;
  align-items: end;
}.home-contests-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.2rem;
}.home-contests-grid.is-empty {
  grid-template-columns: 1fr;
  justify-items: center;
}.home-contest-card {
  overflow: hidden;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 14% 0%, rgba(244, 207, 120, 0.12), transparent 16rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
    rgba(9, 7, 5, 0.72);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
}.home-contest-media {
  display: block;
  min-height: 230px;
  background:
    linear-gradient(180deg, rgba(5, 4, 3, 0.04), rgba(5, 4, 3, 0.82)),
    var(--home-contest-image);
  background-position: center;
  background-size: cover;
  transition: transform 260ms ease, filter 260ms ease;
}.home-contest-card:hover .home-contest-media,
.home-contest-card:focus-within .home-contest-media {
  transform: scale(1.025);
  filter: saturate(1.08);
}.home-contest-copy {
  display: grid;
  gap: 0.65rem;
  padding: 1.1rem;
}.home-contest-status {
  width: fit-content;
  padding: 0.4rem 0.68rem;
  border: 1px solid rgba(244, 207, 120, 0.22);
  border-radius: 999px;
  background: rgba(244, 207, 120, 0.1);
  color: var(--gold-pale);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}.home-contest-copy h3,
.home-contest-empty h3 {
  margin: 0;
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: clamp(2rem, 3vw, 2.75rem);
  line-height: 0.92;
  letter-spacing: 0.03em;
  color: var(--text);
}.home-contest-copy p:not(.panel-kicker),
.home-contest-empty p:not(.panel-kicker) {
  margin: 0;
  color: rgba(247, 240, 230, 0.78);
  line-height: 1.62;
}.home-contest-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: center;
  margin-top: 0.25rem;
}.home-contest-actions .button {
  width: auto;
  min-width: 0;
  flex: 0 0 auto;
}.home-contest-empty {
  grid-column: 1 / -1;
  display: grid;
  gap: 0.6rem;
  max-width: 64rem;
  padding: 1.2rem 1.35rem;
  justify-items: center;
  text-align: center;
}.route-grid-expanded {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.1rem;
}.route-card {
  display: grid;
  gap: 0.7rem;
  padding: 1.35rem 1.3rem 1.4rem;
  min-height: 220px;
  align-content: start;
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}.route-card-bg {
  isolation: isolate;
  background:
    linear-gradient(180deg, rgba(5, 4, 3, 0.22) 0%, rgba(5, 4, 3, 0.52) 100%),
    linear-gradient(115deg, rgba(5, 4, 3, 0.58) 0%, rgba(5, 4, 3, 0.18) 52%, rgba(5, 4, 3, 0.46) 100%),
    var(--route-bg) var(--route-bg-position, center) / cover no-repeat;
  border-color: rgba(244, 207, 120, 0.22);
}.route-card-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 16%, rgba(244, 207, 120, 0.26), transparent 34%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.08), transparent 48%, rgba(0, 0, 0, 0.16));
  mix-blend-mode: screen;
  opacity: 0.88;
}.route-card-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 5px);
  opacity: 0.1;
}.route-card-bg > * {
  position: relative;
  z-index: 1;
}.route-card-monterrey {
  --route-bg: url("images/route-backgrounds/monterrey.jpg");
  --route-bg-position: center 52%;
}.route-card-cdmx {
  --route-bg: url("images/route-backgrounds/cdmx.jpg");
  --route-bg-position: center 48%;
}.route-card-tabasco {
  --route-bg: url("images/route-backgrounds/tabasco.jpg");
  --route-bg-position: center 50%;
}.route-card-campeche {
  --route-bg: url("images/route-backgrounds/campeche.jpg");
  --route-bg-position: center 58%;
}.route-card-quintana {
  --route-bg: url("images/route-backgrounds/quintana-roo.jpg");
  --route-bg-position: center 54%;
}.route-card-guadalajara {
  --route-bg: url("images/route-backgrounds/guadalajara.jpg");
  --route-bg-position: center 46%;
}.route-card-texas {
  --route-bg: url("images/route-backgrounds/texas.jpg");
  --route-bg-position: center 52%;
}.route-city {
  display: block;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1.85rem, 2.3vw, 2.35rem);
  line-height: 0.95;
  letter-spacing: 0.06em;
  color: var(--text);
}.route-card .panel-kicker {
  margin: 0;
}.route-card p {
  margin: 0;
  color: rgba(247, 240, 230, 0.8);
  line-height: 1.72;
}.route-card:hover,
.route-card:focus-within {
  transform: translateY(-6px);
  border-color: rgba(244, 207, 120, 0.24);
  box-shadow: 0 26px 56px rgba(0, 0, 0, 0.28);
}.about-signature-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  gap: 1.2rem;
  align-items: stretch;
}.about-signature-lead {
  display: grid;
  gap: 1rem;
}.signature-badges {
  justify-content: flex-start;
  margin-top: 0.2rem;
}.signature-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}.signature-card {
  display: grid;
  gap: 0.72rem;
  padding: 1.35rem 1.3rem 1.4rem;
  min-height: 0;
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}.signature-card .card-index {
  margin: 0;
  color: var(--gold-bright);
}.signature-card h3 {
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1.7rem, 2.4vw, 2.2rem);
  line-height: 0.94;
  letter-spacing: 0.04em;
}.signature-card p:last-child {
  margin: 0;
  color: rgba(247, 240, 230, 0.8);
  line-height: 1.72;
}.signature-card:hover,
.signature-card:focus-within {
  transform: translateY(-6px);
  border-color: rgba(244, 207, 120, 0.24);
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.28);
}.home-showcase-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 1.2rem;
}.home-events-head {
  width: min(var(--max-width), 100%);
  margin: 0 auto 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1.2rem;
}.home-events-head .section-head {
  margin-bottom: 0;
  max-width: 58rem;
}.home-events-head-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  gap: 0.8rem;
}.home-events-grid {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.2rem;
}.home-events-spotlight {
  width: min(var(--max-width), 100%);
  margin: 0 auto 1.3rem;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) auto;
  gap: 1rem 1.3rem;
  align-items: center;
  padding: 1.45rem 1.5rem;
  background:
    linear-gradient(135deg, rgba(186, 130, 40, 0.18), transparent 52%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent),
    rgba(15, 11, 8, 0.96);
}.home-events-spotlight-copy {
  display: grid;
  gap: 0.45rem;
}.home-events-spotlight-copy h3 {
  margin: 0;
  font-size: clamp(1.45rem, 2.2vw, 2rem);
}.home-events-spotlight-copy p:last-child {
  margin: 0;
  max-width: 56rem;
}.home-events-spotlight-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.8rem;
}.event-highlight-card {
  position: relative;
  isolation: isolate;
  padding: 0;
  overflow: hidden;
  min-height: 100%;
  display: grid;
  grid-template-rows: minmax(240px, 252px) auto;
  border-color: rgba(244, 207, 120, 0.16);
  border-radius: 30px;
  background:
    radial-gradient(circle at 92% 8%, rgba(244, 207, 120, 0.1), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.035), transparent 48%),
    rgba(10, 8, 6, 0.96);
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}.event-highlight-card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  z-index: 3;
  width: 42%;
  height: 2px;
  background: linear-gradient(90deg, var(--gold-bright), rgba(244, 207, 120, 0));
  pointer-events: none;
}.event-highlight-card:hover {
  transform: translateY(-4px);
  border-color: rgba(244, 207, 120, 0.26);
  box-shadow:
    0 34px 84px rgba(0, 0, 0, 0.36),
    0 0 0 1px rgba(244, 207, 120, 0.03) inset;
}.event-highlight-media {
  position: relative;
  overflow: hidden;
  background: rgba(10, 8, 6, 0.82);
}.event-highlight-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(4, 4, 4, 0.14), rgba(4, 4, 4, 0.88)),
    linear-gradient(145deg, rgba(244, 207, 120, 0.06), transparent 62%);
  pointer-events: none;
}.event-highlight-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.01);
  transition: transform 220ms ease;
}.event-highlight-card:hover .event-highlight-media img {
  transform: scale(1.06);
}.event-highlight-media-topline {
  position: absolute;
  inset: 1rem 1rem auto;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}.event-highlight-media-label,
.event-highlight-media-signal {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 34px;
  padding: 0.48rem 0.7rem;
  border: 1px solid rgba(244, 207, 120, 0.18);
  border-radius: 999px;
  background: rgba(8, 6, 5, 0.74);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(12px);
  color: var(--gold-pale);
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1;
  text-transform: uppercase;
}.event-highlight-media-label i {
  color: var(--gold-bright);
}.event-highlight-media-signal i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #65db95;
  box-shadow: 0 0 0 5px rgba(101, 219, 149, 0.11);
}.event-highlight-copy {
  display: grid;
  gap: 0.95rem;
  padding: 1.3rem 1.25rem 1.35rem;
  position: relative;
}.event-highlight-schedule {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.8rem;
  align-items: stretch;
  margin-top: -3.1rem;
  margin-bottom: 0.15rem;
  position: relative;
  z-index: 1;
}.event-highlight-schedule-primary,
.event-highlight-schedule-time {
  display: grid;
  align-items: center;
  gap: 0.2rem 0.8rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(244, 207, 120, 0.1), rgba(255, 255, 255, 0.03)),
    rgba(17, 13, 10, 0.96);
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
}.event-highlight-schedule-primary {
  grid-template-columns: auto 1fr;
}.event-highlight-schedule-day,
.event-highlight-schedule-icon {
  display: grid;
  place-items: center;
  width: 68px;
  min-width: 68px;
  aspect-ratio: 1;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(244, 207, 120, 0.22), rgba(186, 130, 40, 0.14));
  color: var(--gold-pale);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}.event-highlight-schedule-day {
  font-family: "Bebas Neue", sans-serif;
  font-size: 3rem;
  line-height: 0.85;
  letter-spacing: 0.04em;
}.event-highlight-schedule-icon {
  font-size: 1.55rem;
}.event-highlight-schedule-copy,
.event-highlight-schedule-time {
  align-content: center;
}.event-highlight-schedule-label {
  color: var(--gold-bright);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}.event-highlight-schedule-copy strong,
.event-highlight-schedule-time strong {
  display: block;
  color: var(--text);
  font-size: 1.02rem;
  line-height: 1.1;
}.event-highlight-schedule-time {
  min-width: 158px;
  justify-items: start;
}.event-highlight-schedule-time strong {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.75rem;
  letter-spacing: 0.04em;
  color: var(--gold-pale);
}.event-highlight-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
}.event-status-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.45rem 0.72rem;
  border-radius: 999px;
  border: 1px solid rgba(244, 207, 120, 0.16);
  background: rgba(244, 207, 120, 0.08);
  color: var(--gold-pale);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  white-space: nowrap;
}.event-highlight-card h3 {
  margin: 0;
  font-size: clamp(1.75rem, 2.8vw, 2.5rem);
  line-height: 0.96;
  overflow-wrap: anywhere;
}.event-highlight-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}.event-highlight-meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 0.78rem;
  border-radius: 999px;
  border: 1px solid rgba(244, 207, 120, 0.12);
  background: rgba(255, 255, 255, 0.03);
  color: var(--text-soft);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1;
}.event-highlight-meta i {
  color: var(--gold-bright);
}.event-highlight-meta .is-pending,
.event-modal-meta .is-pending {
  border-style: dashed;
  color: rgba(247, 240, 230, 0.68);
}.event-highlight-summary {
  margin: 0;
  max-width: 46rem;
  color: rgba(247, 240, 230, 0.8);
  font-size: 0.94rem;
  line-height: 1.65;
}.event-highlight-summary.is-placeholder {
  color: rgba(247, 240, 230, 0.64);
}.event-highlight-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
}.event-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.82rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 231, 172, 0.42);
  background: linear-gradient(135deg, var(--gold-pale), var(--gold-bright) 58%, var(--gold));
  color: #171007;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    box-shadow 180ms ease;
}.event-card-cta:hover,
.event-card-cta:focus-visible {
  transform: translateY(-2px);
  color: #0d0905;
  border-color: rgba(255, 241, 204, 0.72);
  box-shadow:
    0 14px 30px rgba(186, 130, 40, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.34);
  outline: none;
}.event-highlight-share {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}.event-highlight-share > span {
  color: rgba(247, 240, 230, 0.48);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}.event-share-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem;
}.event-share-link {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(244, 207, 120, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent),
    rgba(16, 12, 9, 0.92);
  color: var(--text-soft);
  text-decoration: none;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    box-shadow 180ms ease;
}.event-share-link:hover,
.event-share-link:focus-visible {
  transform: translateY(-2px);
  outline: none;
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}.event-share-link.is-whatsapp:hover,
.event-share-link.is-whatsapp:focus-visible {
  color: #7ee7a8;
  border-color: rgba(37, 211, 102, 0.34);
}.event-share-link.is-facebook:hover,
.event-share-link.is-facebook:focus-visible {
  color: #8dbbff;
  border-color: rgba(66, 103, 178, 0.34);
}.event-share-link.is-x:hover,
.event-share-link.is-x:focus-visible,
.event-share-link-button:hover,
.event-share-link-button:focus-visible {
  color: var(--text);
  border-color: rgba(244, 207, 120, 0.28);
}.event-share-link-button {
  appearance: none;
  cursor: pointer;
  font: inherit;
  padding: 0;
}.event-share-feedback {
  min-height: 1.2rem;
  margin: 0;
  color: var(--gold-pale);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}.event-empty-state {
  display: grid;
  grid-column: 1 / -1;
  justify-items: center;
  width: min(760px, 100%);
  margin: 0 auto;
  padding: 1.55rem;
  text-align: center;
}.events-page-section .home-events-head {
  margin-bottom: 1.7rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}.events-page-section .home-events-head .section-head {
  width: 100%;
  max-width: 62rem;
  margin: 0 auto;
}.events-page-section .home-events-head .section-kicker.kicker-with-icon {
  justify-content: center;
}.events-page-section .home-events-head .section-head p:not(.section-kicker) {
  max-width: 56rem;
  margin-inline: auto;
}.events-page-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.events-page-grid.is-single-event {
  grid-template-columns: 1fr;
}.events-page-grid.is-single-event .event-highlight-card {
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  grid-template-rows: minmax(500px, auto);
  min-height: 500px;
}.events-page-grid.is-single-event .event-highlight-media {
  min-height: 500px;
}.events-page-grid.is-single-event .event-highlight-media::after {
  background:
    linear-gradient(90deg, rgba(4, 4, 4, 0.06), rgba(4, 4, 4, 0.22) 62%, rgba(4, 4, 4, 0.82)),
    linear-gradient(180deg, rgba(4, 4, 4, 0.06), rgba(4, 4, 4, 0.52));
}.events-page-grid.is-single-event .event-highlight-copy {
  align-content: center;
  gap: 1.15rem;
  padding: clamp(1.7rem, 3vw, 2.5rem);
}.events-page-grid.is-single-event .event-highlight-schedule {
  margin: 0 0 0.35rem;
}.events-page-grid.is-single-event .event-highlight-card h3 {
  font-size: clamp(2.4rem, 4.2vw, 4.6rem);
}.events-page-grid.is-single-event .event-highlight-footer {
  margin-top: 0.3rem;
}.gallery-intro-section {
  padding-top: clamp(2rem, 4vw, 3.4rem);
  padding-bottom: clamp(0.65rem, 1.4vw, 1.1rem);
}.gallery-mini-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: min(var(--max-width), 100%);
  min-height: clamp(245px, 26vw, 360px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(280px, 0.54fr) minmax(460px, 1.46fr);
  gap: clamp(1rem, 2.3vw, 2rem);
  align-items: center;
  padding: clamp(1rem, 1.8vw, 1.35rem);
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 34px;
  background:
    radial-gradient(circle at 12% 18%, rgba(244, 207, 120, 0.16), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.055), transparent 42%),
    rgba(13, 10, 8, 0.88);
  box-shadow: 0 28px 68px rgba(0, 0, 0, 0.28);
}.gallery-mini-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(7, 6, 5, 0.86), rgba(7, 6, 5, 0.28) 48%, rgba(7, 6, 5, 0.66)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 9%);
}.gallery-mini-hero-copy {
  display: grid;
  gap: 0.7rem;
  padding: clamp(0.5rem, 1.4vw, 1rem);
}.gallery-mini-hero-copy .page-title {
  max-width: 8ch;
  margin: 0;
  font-size: clamp(3rem, 5.2vw, 5.2rem);
  line-height: 0.88;
}.gallery-mini-hero-copy p:last-child {
  max-width: 32rem;
  margin: 0;
  color: rgba(247, 240, 230, 0.82);
  line-height: 1.68;
}.gallery-mini-collage {
  position: relative;
  overflow: hidden;
  display: block;
  min-height: clamp(215px, 22vw, 315px);
  border-radius: 28px;
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.34);
}.gallery-mini-shot {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: inherit;
  filter: saturate(118%) contrast(106%) brightness(1.03);
  box-shadow: inset 0 -72px 76px rgba(0, 0, 0, 0.5);
}.gallery-mini-shot.is-main {
  background-position: center 56%;
}.gallery-mini-badge {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  display: inline-flex;
  align-items: center;
  max-width: calc(100% - 2rem);
  padding: 0.72rem 0.9rem;
  border: 1px solid rgba(244, 207, 120, 0.18);
  border-radius: 999px;
  background: rgba(8, 7, 5, 0.72);
  color: rgba(255, 246, 224, 0.9);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  line-height: 1.2;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
}.gallery-only-section {
  padding-top: clamp(0.45rem, 1.2vw, 0.95rem);
}@media (max-width: 980px) {
  .gallery-mini-hero {
    grid-template-columns: 1fr;
    gap: 0.85rem;
    min-height: 0;
  }

  .gallery-mini-hero-copy {
    justify-items: center;
    text-align: center;
  }

  .gallery-mini-hero-copy .page-title {
    max-width: 10ch;
  }

  .gallery-mini-hero-copy p:last-child {
    margin-inline: auto;
  }

  .gallery-mini-collage {
    order: -1;
    min-height: clamp(190px, 38vw, 260px);
  }
}@media (max-width: 640px) {
  .gallery-intro-section {
    padding-top: 1.35rem;
    padding-bottom: 0.4rem;
  }

  .gallery-mini-hero {
    padding: 0.8rem;
    border-radius: 26px;
  }

  .gallery-mini-collage {
    min-height: 170px;
  }

  .gallery-mini-shot {
    border-radius: 18px;
  }

  .gallery-mini-shot.is-main {
    background-position: center 58%;
  }

  .gallery-mini-hero-copy {
    padding: 0.35rem 0.25rem 0.45rem;
  }

  .gallery-mini-hero-copy .page-title {
    font-size: clamp(2.55rem, 13vw, 3.6rem);
  }
}.button.is-disabled {
  opacity: 0.72;
  cursor: default;
  pointer-events: none;
}.event-modal[hidden] {
  display: none;
}.event-modal {
  position: fixed;
  inset: 0;
  z-index: 120;
}.event-modal-backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top, rgba(244, 207, 120, 0.1), transparent 28%),
    rgba(5, 4, 3, 0.76);
  backdrop-filter: blur(14px);
  opacity: 0;
  transition: opacity 180ms ease;
}.event-modal-dialog {
  position: relative;
  isolation: isolate;
  width: min(1040px, calc(100% - 2rem));
  max-height: calc(100vh - 2rem);
  margin: 1rem auto;
  overflow: auto;
  border: 1px solid rgba(244, 207, 120, 0.2);
  border-radius: 34px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent),
    rgba(12, 9, 7, 0.98);
  box-shadow: 0 40px 120px rgba(0, 0, 0, 0.5);
  transform: translateY(20px) scale(0.98);
  opacity: 0;
  transition:
    transform 180ms ease,
    opacity 180ms ease;
}.event-modal-dialog::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  z-index: 4;
  width: 52%;
  height: 2px;
  background: linear-gradient(90deg, var(--gold-bright), rgba(244, 207, 120, 0));
  pointer-events: none;
}.event-modal.is-open .event-modal-backdrop {
  opacity: 1;
}.event-modal.is-open .event-modal-dialog {
  opacity: 1;
  transform: translateY(0) scale(1);
}.event-modal-close {
  position: absolute;
  top: 0.85rem;
  right: 0.85rem;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 16px;
  background: rgba(12, 9, 7, 0.88);
  color: var(--text);
  cursor: pointer;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
}.event-modal-close:hover,
.event-modal-close:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(244, 207, 120, 0.28);
  color: var(--gold-pale);
  outline: none;
}.event-modal-layout {
  display: grid;
  grid-template-columns: minmax(320px, 390px) minmax(0, 1fr);
  min-height: 510px;
  align-items: stretch;
}.event-modal-media {
  position: relative;
  margin: 0;
  min-height: 510px;
  max-height: none;
  overflow: hidden;
  background: rgba(10, 8, 6, 0.86);
  align-self: stretch;
}.event-modal-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.08), rgba(7, 6, 5, 0.72)),
    linear-gradient(145deg, rgba(244, 207, 120, 0.08), transparent 62%);
  pointer-events: none;
}.event-modal-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center top;
}.event-modal-copy {
  display: grid;
  align-content: start;
  gap: 1.05rem;
  padding: clamp(1.35rem, 2.5vw, 2rem);
}.event-modal-headline {
  display: grid;
  gap: 0.45rem;
  padding-right: 4.95rem;
}.event-modal-headline h2,
#event-modal-title {
  margin: 0;
  max-width: none;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(2rem, 3.25vw, 3.5rem);
  line-height: 0.92;
  letter-spacing: 0.02em;
  overflow-wrap: anywhere;
}.event-modal-summary {
  margin: 0;
  color: rgba(247, 240, 230, 0.86);
  line-height: 1.45;
  font-size: 0.92rem;
}.event-modal-story p {
  margin: 0;
  color: rgba(247, 240, 230, 0.84);
  line-height: 1.6;
  font-size: 0.95rem;
}.event-modal-story {
  display: grid;
  gap: 0.55rem;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(244, 207, 120, 0.1);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(244, 207, 120, 0.055), transparent 58%),
    rgba(255, 255, 255, 0.02);
}.event-modal-story .panel-kicker {
  margin: 0;
  font-size: 0.64rem;
}.event-modal-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}.event-modal .event-highlight-topline {
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.35rem 0.5rem;
  padding-right: 4.5rem;
  align-items: center;
}.event-modal .event-status-badge {
  padding: 0.4rem 0.72rem;
  font-size: 0.62rem;
  letter-spacing: 0.12em;
}.event-modal .event-highlight-topline .panel-kicker {
  margin: 0;
}.event-modal-meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.62rem 0.82rem;
  border: 1px solid rgba(244, 207, 120, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--text-soft);
  font-size: 0.8rem;
  font-weight: 700;
}.event-modal-meta i {
  color: var(--gold-bright);
}.event-modal-details-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
}.event-modal-detail-card {
  display: grid;
  gap: 0.32rem;
  padding: 0.82rem 0.88rem;
  border: 1px solid rgba(244, 207, 120, 0.12);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.03);
}.event-modal-detail-label {
  color: var(--gold-bright);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}.event-modal-detail-value {
  color: var(--text);
  font-size: 0.94rem;
  line-height: 1.45;
}.event-modal-highlights {
  display: grid;
  gap: 0.7rem;
  padding: 0.95rem 1rem 1rem;
  border: 1px solid rgba(244, 207, 120, 0.1);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(244, 207, 120, 0.06), rgba(255, 255, 255, 0.02)),
    rgba(255, 255, 255, 0.02);
}.event-modal-highlights .panel-kicker {
  margin: 0;
}.event-modal-highlights-list {
  display: grid;
  gap: 0.7rem;
  margin: 0;
  padding: 0;
  list-style: none;
}.event-modal-highlights-list li {
  position: relative;
  margin: 0;
  padding-left: 1.05rem;
  color: rgba(247, 240, 230, 0.88);
  font-size: 0.9rem;
  line-height: 1.58;
}.event-modal-highlights-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.58rem;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gold-bright), var(--gold));
  box-shadow: 0 0 10px rgba(244, 207, 120, 0.2);
}.event-modal-ticket-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.05rem;
  border: 1px solid rgba(244, 207, 120, 0.12);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(244, 207, 120, 0.08), rgba(255, 255, 255, 0.02)),
    rgba(255, 255, 255, 0.03);
}.event-modal-ticket-block.is-info {
  justify-content: flex-start;
}.event-modal-ticket-copy {
  display: grid;
  gap: 0.35rem;
}.event-modal-ticket-copy .panel-kicker {
  margin: 0;
}.event-modal-ticket-note {
  margin: 0;
  color: rgba(247, 240, 230, 0.86);
  font-size: 0.92rem;
  line-height: 1.5;
}.event-modal-ticket-button {
  gap: 0.55rem;
  padding: 0.95rem 1.15rem;
  white-space: nowrap;
  flex-shrink: 0;
}.event-modal-ticket-button i {
  font-size: 0.94rem;
}.event-modal-share-block {
  display: grid;
  gap: 0.8rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(244, 207, 120, 0.1);
}.event-modal-share-toolbar {
  gap: 0.65rem;
}.home-news-head {
  width: min(var(--max-width), 100%);
  margin: 0 auto 2rem;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.2rem;
}.home-news-head .section-head {
  margin-bottom: 0;
  max-width: 54rem;
}.home-showcase-feature {
  min-height: 560px;
  display: flex;
  align-items: flex-end;
  padding: 1.4rem;
  color: var(--text);
  text-decoration: none;
}.home-showcase-image {
  position: absolute;
  inset: 0;
}.home-showcase-live {
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.14), rgba(7, 6, 5, 0.86)),
    url("images/eventos/18.webp") center 48%/cover no-repeat;
}.home-showcase-feature::after,
.home-showcase-card::after {
  content: "";
  position: absolute;
  inset: 1rem;
  border: 1px solid rgba(244, 207, 120, 0.08);
  border-radius: 26px;
  pointer-events: none;
}.home-showcase-copy {
  position: relative;
  z-index: 1;
}.home-showcase-feature h3,
.home-showcase-card h3 {
  font-size: clamp(2rem, 3.5vw, 3rem);
}.home-showcase-copy p:last-child,
.home-showcase-card p:last-child {
  color: rgba(247, 240, 230, 0.82);
  line-height: 1.72;
}.home-showcase-stack {
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: 1.2rem;
}.home-showcase-card {
  min-height: 176px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.35rem;
  color: var(--text);
  text-decoration: none;
}.home-showcase-gallery {
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.14), rgba(7, 6, 5, 0.88)),
    url("images/eventos/10.webp") center 26%/cover no-repeat;
}.home-showcase-story {
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.18), rgba(7, 6, 5, 0.9)),
    url("images/eventos/5.webp") center/cover no-repeat;
}.home-showcase-band {
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.14), rgba(7, 6, 5, 0.88)),
    url("images/eventos/3.webp") center 28%/cover no-repeat;
}.home-booking-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.4rem;
  align-items: center;
  min-height: 380px;
  padding: clamp(1.5rem, 4vw, 3.35rem);
  isolation: isolate;
  background: #050403;
}.home-booking-final-section {
  padding-top: 0;
}.home-booking-panel::before,
.home-booking-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}.home-booking-panel::before {
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(5, 4, 3, 0.94) 0%, rgba(5, 4, 3, 0.82) 34%, rgba(5, 4, 3, 0.48) 58%, rgba(5, 4, 3, 0.86) 100%),
    linear-gradient(180deg, rgba(5, 4, 3, 0.12), rgba(5, 4, 3, 0.72)),
    url("images/musicos/musicos14.webp") center 42% / cover no-repeat;
  filter: saturate(1.08) contrast(1.04);
  transform: scale(1.01);
}.home-booking-panel::after {
  z-index: 1;
  border: 1px solid rgba(244, 207, 120, 0.22);
  border-radius: inherit;
  background:
    radial-gradient(circle at 72% 10%, rgba(244, 207, 120, 0.2), transparent 22%),
    radial-gradient(circle at 40% 82%, rgba(54, 134, 255, 0.1), transparent 24%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.018) 0 1px, transparent 1px 5px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}.home-booking-copy,
.home-booking-actions {
  position: relative;
  z-index: 2;
}.home-booking-copy p:last-child {
  display: inline-flex;
  width: fit-content;
  margin: 1.25rem 0 0;
  padding: 0.72rem 0.95rem;
  border: 1px solid rgba(244, 207, 120, 0.18);
  border-radius: 999px;
  background: rgba(5, 4, 3, 0.48);
  color: var(--gold-pale);
  font-size: 1.02rem;
  letter-spacing: 0.04em;
  backdrop-filter: blur(10px);
}.hero-stage,
.audio-player-cover,
.audio-player-panel,
.audio-playlist {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(244, 207, 120, 0.18);
  border-radius: 36px;
  box-shadow: var(--shadow-strong);
}.hero-stage {
  padding: clamp(1.6rem, 4vw, 2.3rem);
  background:
    radial-gradient(circle at top, rgba(244, 207, 120, 0.18), transparent 34%),
    linear-gradient(145deg, rgba(21, 17, 13, 0.98), rgba(8, 7, 6, 0.95));
  transform-style: preserve-3d;
}.hero-stage-photo {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: 620px;
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.08) 0%, rgba(7, 6, 5, 0.22) 36%, rgba(7, 6, 5, 0.84) 100%),
    linear-gradient(145deg, rgba(14, 12, 10, 0.06), rgba(10, 8, 6, 0.22)),
    url("images/musicos/musicos10.webp") center center / cover no-repeat;
}.hero-stage::before,
.audio-player-cover::before,
.audio-player-panel::before,
.audio-playlist::before,
.preview-card::before {
  content: "";
  position: absolute;
  inset: 1rem;
  border: 1px solid rgba(244, 207, 120, 0.08);
  border-radius: 28px;
  pointer-events: none;
}.hero-stage-glow {
  position: absolute;
  inset: auto 8% -12% 8%;
  height: 34%;
  background: radial-gradient(circle, rgba(244, 207, 120, 0.24), transparent 70%);
  filter: blur(20px);
}.hero-stage img {
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.52));
}.hero-stage-copy,
.hero-stage-badge {
  position: relative;
  z-index: 1;
}.hero-stage-copy {
  max-width: 21rem;
}.hero-stage-copy h2 {
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 0.94;
  letter-spacing: 0.05em;
  text-shadow: 0 14px 36px rgba(0, 0, 0, 0.42);
}.page-hero-home .hero-stage {
  padding: 0;
}.page-hero-home .hero-stage::before {
  inset: 1.1rem;
}.page-hero-home .hero-stage-copy {
  max-width: 29rem;
  margin: 0 1.45rem 1.45rem;
  padding: 1.15rem 1.2rem 1.25rem;
  border-radius: 26px;
  background: rgba(11, 8, 6, 0.74);
  backdrop-filter: blur(8px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.3);
}.page-hero-home .hero-stage-copy h2 {
  font-size: clamp(1.9rem, 3.2vw, 2.9rem);
}.page-hero-home .hero-stage-copy p:not(.panel-kicker) {
  margin: 0.8rem 0 0;
  color: rgba(247, 240, 230, 0.82);
  line-height: 1.72;
}.hero-stage-badge {
  width: clamp(190px, 26vw, 280px);
  padding: 1rem 1.15rem;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(10, 8, 6, 0.68);
  backdrop-filter: blur(12px);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);
}.hero-stage-badge img {
  width: 100%;
}.floating-card-image {
  height: 142px;
  margin: -1.2rem -1.3rem 1rem;
  border-radius: 24px 24px 20px 20px;
}.audio-player-cover {
  min-height: 430px;
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.1), rgba(7, 6, 5, 0.88)),
    url("images/portadas-musicales/web/bendiciones.webp") center/cover no-repeat;
}.audio-player-panel,
.audio-playlist {
  padding: 1.45rem;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    var(--panel);
}.audio-player-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
}.audio-player-title {
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(2.6rem, 6vw, 4.8rem);
  line-height: 0.95;
  letter-spacing: 0.05em;
}.audio-player-copy {
  margin: 1rem 0 0;
  max-width: 34rem;
  color: var(--text-soft);
  line-height: 1.8;
}.audio-progress-shell {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 0.9rem;
  align-items: center;
  margin-top: 1.5rem;
}.audio-time {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--gold-bright);
}.audio-progress {
  width: 100%;
  height: 6px;
  margin: 0;
  accent-color: var(--gold-bright);
  cursor: pointer;
}.audio-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-top: 1.4rem;
  align-items: center;
}.audio-control-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  padding: 0;
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.03);
  color: var(--text);
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease,
    color 180ms ease;
}.audio-control-button i {
  font-size: 1.1rem;
  line-height: 1;
}.audio-control-button:hover,
.audio-control-button:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(244, 207, 120, 0.4);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(244, 207, 120, 0.08);
  color: var(--gold-pale);
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(244, 207, 120, 0.08),
    0 0 22px rgba(244, 207, 120, 0.1);
  outline: none;
}.audio-play-button {
  position: relative;
  overflow: hidden;
  width: 4.65rem;
  height: 4.65rem;
  border-color: rgba(244, 207, 120, 0.14);
  color: #140d06;
  background: linear-gradient(145deg, #f7d887 0%, var(--gold-bright) 32%, var(--gold) 68%, #b6761f 100%);
  box-shadow:
    0 18px 36px rgba(186, 130, 40, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    inset 0 -10px 18px rgba(140, 84, 18, 0.18);
}.audio-play-button i {
  font-size: 1.22rem;
  position: relative;
  z-index: 1;
  transform: translateX(1px);
  transition: transform 180ms ease, color 180ms ease;
}.audio-play-button::before,
.audio-play-button::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  pointer-events: none;
}.audio-play-button::before {
  background:
    radial-gradient(circle at 30% 28%, rgba(255, 255, 255, 0.42), transparent 38%),
    radial-gradient(circle at 72% 78%, rgba(140, 84, 18, 0.18), transparent 44%);
  opacity: 0.85;
}.audio-play-button::after {
  inset: -16%;
  background: radial-gradient(circle, rgba(244, 207, 120, 0.26), transparent 62%);
  opacity: 0;
  transform: scale(0.88);
  transition: opacity 180ms ease, transform 180ms ease;
}.audio-play-button:hover,
.audio-play-button:focus-visible {
  transform: translateY(-3px) scale(1.03);
  border-color: rgba(255, 240, 199, 0.22);
  background: linear-gradient(145deg, #ffe6a8 0%, #f6d787 30%, var(--gold-bright) 58%, #cb8a2a 100%);
  color: #140d06;
  box-shadow:
    0 24px 46px rgba(186, 130, 40, 0.34),
    0 0 0 1px rgba(244, 207, 120, 0.14),
    0 0 30px rgba(244, 207, 120, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.44),
    inset 0 -12px 20px rgba(140, 84, 18, 0.16);
}.audio-play-button:hover i,
.audio-play-button:focus-visible i {
  color: #120b05;
  transform: translateX(2px) scale(1.08);
}.audio-play-button:hover::after,
.audio-play-button:focus-visible::after {
  opacity: 1;
  transform: scale(1);
}.audio-play-button:active {
  transform: translateY(-1px) scale(0.99);
}.audio-playlist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
  max-height: min(420px, 52vh);
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-gutter: stable both-edges;
  scrollbar-width: thin;
  scrollbar-color: rgba(244, 207, 120, 0.34) rgba(255, 255, 255, 0.03);
}.audio-track-card {
  display: grid;
  gap: 0.75rem;
  padding: 1rem 1.05rem;
  border: 1px solid rgba(244, 207, 120, 0.1);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.02);
  color: var(--text);
  text-align: left;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}.audio-track {
  display: grid;
  gap: 0.3rem;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text);
  text-align: left;
  cursor: pointer;
  transition: none;
}.audio-track-card:hover,
.audio-track-card:focus-within,
.audio-track-card.is-active {
  transform: translateY(-2px);
  border-color: rgba(244, 207, 120, 0.35);
  background: rgba(244, 207, 120, 0.08);
}.audio-track:focus-visible {
  outline: none;
}.audio-playlist::-webkit-scrollbar {
  width: 10px;
}.audio-playlist::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 999px;
}.audio-playlist::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(244, 207, 120, 0.74), rgba(186, 130, 40, 0.92));
  border-radius: 999px;
  border: 2px solid rgba(10, 8, 6, 0.5);
}.audio-playlist::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(255, 240, 199, 0.92), rgba(244, 207, 120, 0.96));
}.audio-track-kicker {
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold-bright);
}.audio-track-title {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.55rem;
  font-weight: 700;
}.audio-track-meta {
  color: var(--text-soft);
  line-height: 1.5;
}.audio-track-actions {
  display: flex;
  justify-content: flex-start;
}.track-platform-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
}.track-platform-links-current {
  margin-top: 0.9rem;
  justify-content: center;
  align-self: center;
}.track-platform-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 46px;
  padding: 0 0.95rem;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--text);
  text-decoration: none;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, color 180ms ease;
}.track-platform-link i {
  line-height: 1;
}.track-platform-link:hover,
.track-platform-link:focus-visible,
.track-platform-link.is-copied {
  transform: translateY(-2px);
  border-color: rgba(244, 207, 120, 0.34);
  background: rgba(244, 207, 120, 0.1);
  color: var(--gold-pale);
  outline: none;
}.track-platform-link.is-share {
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16);
}.track-platform-link.is-lyrics {
  border-color: rgba(105, 181, 199, 0.28);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent),
    rgba(105, 181, 199, 0.08);
}.track-platform-link.is-lyrics:hover,
.track-platform-link.is-lyrics:focus-visible {
  border-color: rgba(105, 181, 199, 0.46);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent),
    rgba(105, 181, 199, 0.14);
}.track-info-panel {
  display: grid;
  gap: 1.15rem;
  margin-top: 1.2rem;
  padding: clamp(1.15rem, 2.3vw, 1.65rem);
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 22px;
  background:
    linear-gradient(90deg, rgba(244, 207, 120, 0.045), transparent 36%),
    rgba(18, 14, 10, 0.68);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}.track-info-panel[hidden] {
  display: none;
}.track-info-kicker {
  margin: 0;
  color: var(--gold-bright);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}.track-info-head {
  display: grid;
  gap: 0.28rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(244, 207, 120, 0.11);
}.track-info-head h3 {
  margin: 0;
  color: var(--text);
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(1.7rem, 2.65vw, 2.22rem);
  line-height: 1;
}.track-info-head p {
  margin: 0;
  color: var(--text-soft);
  font-size: 0.93rem;
  line-height: 1.6;
}.track-info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(176px, 1fr));
  gap: 0.6rem;
}.track-info-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.64rem;
  align-items: center;
  min-width: 0;
  min-height: 4.55rem;
  padding: 0.7rem 0.78rem;
  border: 1px solid rgba(244, 207, 120, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.025);
  transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}.track-info-item:hover {
  border-color: rgba(244, 207, 120, 0.28);
  background: rgba(244, 207, 120, 0.055);
  transform: translateY(-2px);
}.track-info-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(244, 207, 120, 0.12);
  border-radius: 10px;
  background: rgba(244, 207, 120, 0.09);
  color: var(--gold-bright);
}.track-info-copy {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
}.track-info-copy span {
  color: var(--text-muted);
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}.track-info-copy strong {
  overflow-wrap: anywhere;
  color: var(--text);
  font-size: 0.9rem;
  line-height: 1.22;
}.track-platform-more {
  position: relative;
}.track-platform-more summary {
  list-style: none;
  cursor: pointer;
}.track-platform-more summary::-webkit-details-marker {
  display: none;
}.track-platform-more-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 0.55rem);
  z-index: 8;
  display: grid;
  gap: 0.42rem;
  min-width: 190px;
  padding: 0.5rem;
  border: 1px solid rgba(244, 207, 120, 0.18);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.06), transparent),
    rgba(10, 8, 6, 0.96);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.32);
}.track-platform-more:not([open]) .track-platform-more-menu {
  display: none;
}.track-platform-link.is-overflow {
  width: 100%;
  justify-content: flex-start;
  min-height: 40px;
  padding-inline: 0.75rem;
  border-radius: 14px;
  font-size: 0.72rem;
}.track-platform-links.is-compact {
  gap: 0.45rem;
}.track-platform-link.is-compact {
  min-width: 38px;
  min-height: 38px;
  padding: 0;
  border-radius: 14px;
}.track-platform-links.is-compact .track-platform-more-menu {
  left: 0;
  right: auto;
}.track-share-feedback {
  min-height: 1.2rem;
  margin: 0.3rem 0 0;
  color: var(--gold-bright);
  font-size: 0.78rem;
  line-height: 1.35;
  text-align: center;
}.track-preview-feedback {
  min-height: 0;
  margin: 0.35rem 0 0;
  color: rgba(247, 240, 230, 0.94);
  font-size: 0.82rem;
  line-height: 1.45;
  text-align: center;
}.track-preview-feedback-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.8rem;
  align-items: center;
  padding: 0.82rem 0.95rem;
  border: 1px solid rgba(31, 167, 88, 0.28);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent),
    linear-gradient(135deg, rgba(31, 167, 88, 0.22), rgba(10, 8, 6, 0.9) 44%, rgba(8, 7, 5, 0.96));
  box-shadow:
    0 18px 34px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}.track-preview-feedback-icon {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(18, 117, 62, 0.38);
  color: #7ef0a8;
  font-size: 1rem;
}.track-preview-feedback-copy {
  display: grid;
  gap: 0.1rem;
  min-width: 0;
}.track-preview-feedback-copy strong {
  margin: 0;
  color: var(--text);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}.track-preview-feedback-copy span {
  color: rgba(247, 240, 230, 0.92);
  font-size: 0.92rem;
  line-height: 1.35;
}.track-preview-feedback-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 46px;
  padding: 0 0.95rem;
  border: 1px solid rgba(31, 167, 88, 0.34);
  border-radius: 999px;
  background: linear-gradient(135deg, #1db954, #15803d);
  color: #f7f0e6;
  font: inherit;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: 0 16px 28px rgba(11, 63, 34, 0.28);
  cursor: pointer;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    filter 180ms ease,
    border-color 180ms ease;
}.track-preview-feedback-button:hover,
.track-preview-feedback-button:focus-visible {
  color: #fffaf0;
  transform: translateY(-2px);
  border-color: rgba(126, 240, 168, 0.42);
  box-shadow: 0 20px 32px rgba(11, 63, 34, 0.34);
  filter: saturate(1.08);
  outline: none;
}.track-lyrics-panel {
  display: grid;
  gap: 0.85rem;
  margin-top: 1.05rem;
  padding: clamp(1rem, 2vw, 1.25rem);
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), transparent),
    rgba(255, 255, 255, 0.028);
  box-shadow:
    0 18px 34px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
}.track-lyrics-panel[hidden] {
  display: none;
}.track-lyrics-kicker {
  margin: 0;
  color: var(--gold-bright);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}.track-lyrics-panel h3 {
  margin: 0;
  color: var(--text);
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(1.65rem, 3vw, 2.25rem);
  line-height: 1.02;
}.track-lyrics-body {
  display: grid;
  gap: 0.85rem;
  max-height: min(360px, 46vh);
  overflow: auto;
  padding-right: 0.45rem;
  color: rgba(247, 240, 230, 0.9);
  scrollbar-width: thin;
  scrollbar-color: rgba(244, 207, 120, 0.34) rgba(255, 255, 255, 0.03);
}.track-lyrics-body p {
  margin: 0;
  white-space: normal;
  line-height: 1.72;
}.track-lyrics-body::-webkit-scrollbar {
  width: 8px;
}.track-lyrics-body::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 999px;
}.track-lyrics-body::-webkit-scrollbar-thumb {
  background: rgba(244, 207, 120, 0.44);
  border-radius: 999px;
}body[data-page="track"] {
  background:
    radial-gradient(circle at 18% 12%, rgba(105, 181, 199, 0.12), transparent 26rem),
    radial-gradient(circle at 76% 16%, rgba(244, 207, 120, 0.18), transparent 28rem),
    linear-gradient(135deg, #050403 0%, #020202 46%, #0c0806 100%);
}.track-share-page {
  position: relative;
}.track-share-hero {
  min-height: calc(100vh - 7rem);
  padding-top: clamp(2.8rem, 5vw, 4.5rem);
}.track-share-shell {
  width: min(1380px, calc(100vw - 2rem));
  margin: 0 auto;
  display: grid;
  gap: clamp(1.1rem, 3vw, 1.8rem);
}.track-share-back {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 42px;
  padding: 0 0.9rem;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(248, 239, 221, 0.84);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
  transition: transform 180ms ease, border-color 180ms ease, color 180ms ease, background-color 180ms ease;
}.track-share-back:hover,
.track-share-back:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(244, 207, 120, 0.34);
  background: rgba(244, 207, 120, 0.08);
  color: var(--gold-pale);
  outline: none;
}.track-share-card {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(260px, 0.82fr) minmax(0, 1.18fr);
  gap: clamp(1.1rem, 3.4vw, 3rem);
  align-items: stretch;
  padding: clamp(1rem, 2.4vw, 1.5rem);
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: clamp(1.3rem, 3vw, 2.4rem);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), transparent 42%),
    rgba(10, 8, 6, 0.88);
  box-shadow: var(--shadow-strong);
  overflow: hidden;
}.track-share-card::before {
  content: "";
  position: absolute;
  inset: 8% 4% auto auto;
  z-index: -1;
  width: 42%;
  height: 52%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(244, 207, 120, 0.18), transparent 70%);
  filter: blur(48px);
  opacity: 0.8;
}.track-share-cover-column {
  display: grid;
  align-items: stretch;
}.track-share-cover-frame {
  position: relative;
  min-height: 100%;
  overflow: hidden;
  border: 1px solid rgba(244, 207, 120, 0.18);
  border-radius: clamp(1.1rem, 2.4vw, 1.9rem);
  background: rgba(255, 255, 255, 0.04);
}.track-share-cover-frame img {
  width: 100%;
  height: 100%;
  min-height: clamp(360px, 48vw, 620px);
  object-fit: cover;
  filter: saturate(1.03) contrast(1.03);
}.track-share-cover-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 48%, rgba(0, 0, 0, 0.42)),
    radial-gradient(circle at top left, rgba(244, 207, 120, 0.18), transparent 42%);
  pointer-events: none;
}.track-share-cover-glow {
  position: absolute;
  inset: auto 8% -12% 8%;
  height: 28%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(244, 207, 120, 0.38), transparent 70%);
  filter: blur(34px);
  pointer-events: none;
}.track-share-copy {
  display: grid;
  align-content: center;
  gap: clamp(1rem, 2vw, 1.35rem);
  min-width: 0;
  padding: clamp(0.45rem, 2vw, 2.2rem) clamp(0.2rem, 2vw, 1.2rem);
}.track-share-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  color: var(--gold-bright);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}.track-share-copy h1 {
  max-width: 820px;
  margin: 0;
  color: var(--text);
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: 7.6rem;
  font-weight: 400;
  line-height: 0.88;
  letter-spacing: 0;
  text-transform: uppercase;
}.track-share-description {
  max-width: 760px;
  margin: 0;
  color: rgba(248, 239, 221, 0.84);
  font-size: 1.08rem;
  line-height: 1.7;
}.track-share-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}.track-share-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 0.75rem;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(248, 239, 221, 0.78);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}.track-share-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center;
}.track-share-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 48px;
  padding: 0 1rem;
  border: 1px solid rgba(244, 207, 120, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--text);
  font: inherit;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, color 180ms ease, box-shadow 180ms ease;
}.track-share-action:hover,
.track-share-action:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(244, 207, 120, 0.36);
  background: rgba(244, 207, 120, 0.09);
  color: var(--gold-pale);
  outline: none;
}.track-share-action.is-primary {
  border-color: rgba(244, 207, 120, 0.34);
  background: linear-gradient(135deg, var(--gold-bright), var(--gold));
  color: #140d06;
  box-shadow: 0 18px 34px rgba(186, 130, 40, 0.22);
}.track-share-action.is-whatsapp {
  border-color: rgba(31, 167, 88, 0.34);
  background: linear-gradient(135deg, rgba(31, 167, 88, 0.96), rgba(18, 117, 62, 0.96));
  color: #f7fff7;
  box-shadow: 0 18px 34px rgba(11, 63, 34, 0.2);
}.track-share-copy .track-share-feedback {
  min-height: 1.1rem;
  margin: -0.4rem 0 0;
  color: var(--gold-bright);
  font-size: 0.78rem;
  line-height: 1.4;
}.track-share-audio-strip {
  display: grid;
  gap: 0.55rem;
  padding-top: 0.35rem;
}.track-share-audio-strip span,
.track-share-platforms p {
  margin: 0;
  color: rgba(248, 239, 221, 0.58);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}.track-share-audio-strip audio {
  width: 100%;
  max-width: 640px;
  accent-color: var(--gold-bright);
}.track-share-platforms {
  display: grid;
  gap: 0.75rem;
  padding-top: 0.15rem;
}.track-share-platforms .track-platform-links {
  max-width: 760px;
}.track-share-lyrics-card {
  display: grid;
  grid-template-columns: minmax(260px, 0.42fr) minmax(0, 1fr);
  gap: clamp(1rem, 3vw, 2rem);
  padding: clamp(1.1rem, 2.6vw, 2rem);
  border: 1px solid rgba(105, 181, 199, 0.22);
  border-radius: clamp(1.3rem, 3vw, 2.2rem);
  background:
    linear-gradient(145deg, rgba(105, 181, 199, 0.09), transparent 36%),
    rgba(7, 8, 8, 0.88);
  box-shadow: 0 28px 78px rgba(0, 0, 0, 0.34);
}.track-share-lyrics-head {
  display: grid;
  align-content: start;
  gap: 0.75rem;
}.track-share-lyrics-head h2 {
  margin: 0;
  color: var(--text);
  font-family: "Cormorant Garamond", serif;
  font-size: 3.4rem;
  font-weight: 600;
  line-height: 0.96;
}.track-share-lyrics-head span {
  color: rgba(248, 239, 221, 0.72);
  font-size: 0.96rem;
  line-height: 1.65;
}.track-share-lyrics-body {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
}.track-share-lyrics-body p {
  margin: 0;
  padding: clamp(0.95rem, 2vw, 1.25rem);
  border: 1px solid rgba(244, 207, 120, 0.11);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent),
    rgba(255, 255, 255, 0.024);
  color: rgba(248, 239, 221, 0.92);
  font-size: 1.06rem;
  line-height: 1.82;
}.track-share-lyrics-empty {
  display: grid;
  place-items: center;
  gap: 0.8rem;
  min-height: 260px;
  padding: 2rem;
  border: 1px dashed rgba(244, 207, 120, 0.22);
  border-radius: 20px;
  color: rgba(248, 239, 221, 0.72);
  text-align: center;
}.track-share-lyrics-empty i {
  color: rgba(105, 181, 199, 0.9);
  font-size: 1.5rem;
}.track-share-lyrics-empty p {
  max-width: 460px;
  margin: 0;
  line-height: 1.6;
}@media (max-width: 980px) {
  .track-share-card,
  .track-share-lyrics-card {
    grid-template-columns: 1fr;
  }

  .track-share-cover-frame img {
    min-height: auto;
    aspect-ratio: 1 / 1;
  }

  .track-share-copy {
    padding: 0.35rem;
  }
}@media (max-width: 640px) {
  .track-share-hero {
    padding-inline: 0;
    padding-top: 1.6rem;
  }

  .track-share-shell {
    width: min(100%, calc(100vw - 1rem));
  }

  .track-share-card,
  .track-share-lyrics-card {
    border-radius: 22px;
  }

  .track-share-copy h1 {
    font-size: 4.2rem;
  }

  .track-share-actions,
  .track-share-actions .track-share-action {
    width: 100%;
  }

  .track-share-platforms .track-platform-link {
    min-height: 42px;
    padding-inline: 0.78rem;
    font-size: 0.7rem;
  }

  .track-share-lyrics-body p {
    border-radius: 16px;
  }
}.global-player-mini-preview-feedback .track-preview-feedback-card {
  padding: 0.72rem 0.78rem;
  gap: 0.65rem;
}.global-player-mini-preview-feedback .track-preview-feedback-copy strong {
  font-size: 0.72rem;
}.global-player-mini-preview-feedback .track-preview-feedback-copy span {
  font-size: 0.82rem;
}.global-player-mini-preview-feedback .track-preview-feedback-button {
  min-height: 40px;
  padding-inline: 0.8rem;
  font-size: 0.7rem;
}@media (max-width: 640px) {
  .track-preview-feedback-card {
    grid-template-columns: auto 1fr;
    padding: 0.78rem 0.8rem;
  }

  .track-preview-feedback-button {
    grid-column: 1 / -1;
    width: 100%;
  }
}.ticker {
  margin: 0 0 5.5rem;
  overflow: hidden;
  padding: 0.95rem 0;
  border-block: 1px solid rgba(244, 207, 120, 0.12);
  background:
    linear-gradient(90deg, rgba(244, 207, 120, 0.05), transparent 18%, transparent 82%, rgba(244, 207, 120, 0.05));
}.ticker-track {
  display: flex;
  gap: 2.4rem;
  width: max-content;
  padding-left: 2.4rem;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1.4rem, 3vw, 2rem);
  letter-spacing: 0.18em;
  color: rgba(248, 239, 221, 0.72);
  animation: marquee 28s linear infinite;
}.section-head {
  margin-bottom: 2rem;
}.section-head h2 {
  font-size: clamp(2.55rem, 4.8vw, 4.35rem);
  max-width: none;
}.section-head p:not(.section-kicker) {
  max-width: 48rem;
  margin-top: 1rem;
}.section-title-soft {
  margin-bottom: 1.5rem;
}.section-title-soft h2 {
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2rem, 3vw, 2.85rem);
  font-weight: 600;
  line-height: 1;
  color: var(--text);
}.preview-grid,
.card-grid,
.info-grid,
.article-grid,
.contact-grid {
  display: grid;
  gap: 1.2rem;
}.preview-grid,
.card-grid-three,
.info-grid,
.contact-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.card-grid-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.preview-card {
  position: relative;
  min-height: 290px;
  display: flex;
  align-items: flex-end;
  padding: 1.3rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-strong);
  overflow: hidden;
}.preview-card h3 {
  position: relative;
  z-index: 1;
  max-width: none;
  text-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);
}.media-card-copy {
  position: relative;
  z-index: 1;
}.preview-label,
.media-card-copy .panel-kicker {
  position: relative;
  z-index: 1;
  color: var(--gold-bright);
}.preview-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(6, 5, 4, 0.08), rgba(6, 5, 4, 0.88));
}.content-card,
.info-card,
.article-card,
.contact-form {
  padding: 1.5rem;
}.content-card h3,
.info-card h3,
.article-card h3 {
  font-size: clamp(1.55rem, 2.3vw, 2rem);
  margin-bottom: 0.6rem;
}.panel-kicker,
.post-label,
.track-type {
  margin: 0 0 0.75rem;
  font-size: 0.72rem;
  color: var(--gold-bright);
}.feature-list {
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.75rem;
}.feature-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  line-height: 1.7;
}.feature-list li::before {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  margin-top: 0.42rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gold-bright), var(--gold));
  flex-shrink: 0;
}.cta-banner,
.quote-banner {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
  padding: 1.6rem;
  border: 1px solid var(--line);
  border-radius: 32px;
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.18), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    var(--panel-strong);
  box-shadow: var(--shadow-strong);
}.cta-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
}.quote-banner h2,
.cta-banner h2 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2rem, 4vw, 3.1rem);
  line-height: 1.03;
  margin: 0;
}.panel-tall {
  min-height: 430px;
}.media-logo {
  background:
    radial-gradient(circle at top, rgba(244, 207, 120, 0.16), transparent 32%),
    url("images/logo.webp") center/74% no-repeat,
    linear-gradient(145deg, rgba(21, 17, 13, 0.98), rgba(8, 7, 6, 0.95));
}.media-concierto {
  background: url("images/eventos/6.webp") center/cover;
}.media-cabalgata {
  background: url("images/eventos/4.webp") center/cover;
}.media-evento {
  background: url("images/eventos/17.webp") center 40%/cover;
}.media-stage {
  background: url("images/eventos/16.webp") center 40%/cover;
}.media-musicos {
  background: url("images/musicos/musicos1.webp") center/cover;
}.media-musicos-alt {
  background: url("images/eventos/13.webp") center/cover;
}.media-video-main {
  background: url("images/musicos/musicos10.webp") center/cover;
}.media-video-session {
  background: url("images/musicos/musicos6.webp") center/cover;
}.media-video-backstage {
  background: url("images/musicos/musicos13.webp") center/cover;
}.media-blog-one {
  background: url("images/eventos/1.webp") center/cover;
}.media-blog-two {
  background: url("images/eventos/7.webp") center/cover;
}.media-blog-three {
  background: url("images/eventos/4.webp") center 26%/cover;
}.media-caminito {
  background: url("images/portadas-musicales/web/caminito.webp") center/cover;
}.info-card {
  min-height: 220px;
}.card-index {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 0.8rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gold-bright), var(--gold));
  color: #140d06;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.05rem;
  letter-spacing: 0.08em;
}.video-youtube-grid {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: 1.25rem;
  counter-reset: video-card-index;
}.video-youtube-card {
  position: relative;
  display: grid;
  padding: 0;
  overflow: hidden;
  grid-column: span 4;
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)),
    var(--panel-strong);
  border: 1px solid rgba(244, 207, 120, 0.14);
  box-shadow:
    0 18px 34px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
  counter-increment: video-card-index;
}.video-youtube-card:hover,
.video-youtube-card:focus-within {
  transform: translateY(-4px);
  border-color: rgba(244, 207, 120, 0.3);
  box-shadow: 0 24px 44px rgba(0, 0, 0, 0.28);
}.video-youtube-card::before {
  content: counter(video-card-index, decimal-leading-zero);
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 0.7rem;
  border-radius: 999px;
  background: rgba(10, 8, 6, 0.88);
  border: 1px solid rgba(244, 207, 120, 0.18);
  color: rgba(247, 240, 230, 0.88);
  font-family: "Bebas Neue", sans-serif;
  font-size: 1rem;
  letter-spacing: 0.1em;
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.22);
}.video-youtube-card.is-featured {
  grid-column: span 8;
  grid-template-columns: minmax(0, 1.16fr) minmax(300px, 0.84fr);
  border-radius: 32px;
}.video-youtube-card.is-featured::before {
  top: 1.2rem;
  left: 1.2rem;
}.video-youtube-card.is-featured .video-youtube-thumb {
  min-height: 440px;
}.video-youtube-card.is-featured .video-play-button {
  width: 78px;
  height: 78px;
  left: 1.35rem;
  bottom: 1.35rem;
}.video-youtube-card.is-featured .video-play-button i {
  font-size: 1.1rem;
}.video-youtube-card.is-featured .video-youtube-copy {
  padding: 1.45rem 1.45rem 1.5rem;
  align-content: end;
  gap: 0.8rem;
}.video-youtube-card.is-featured .video-youtube-copy h3 {
  font-size: clamp(2.3rem, 4vw, 3.8rem);
  line-height: 0.92;
}.video-youtube-card.is-featured .video-youtube-title {
  font-size: 0.82rem;
}.video-youtube-card:not(.is-featured):nth-child(3n + 3) {
  margin-top: 1rem;
}.video-youtube-thumb {
  position: relative;
  display: block;
  min-height: 214px;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.2), transparent 34%),
    linear-gradient(180deg, rgba(6, 5, 4, 0.14), rgba(6, 5, 4, 0.72)),
    var(--panel-strong);
}.video-youtube-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.05) 0%, rgba(7, 6, 5, 0.26) 56%, rgba(7, 6, 5, 0.82) 100%);
  pointer-events: none;
}.video-youtube-thumb img {
  width: 100%;
  height: 100%;
  inset: 0;
  position: absolute;
  object-fit: cover;
  transition: transform 280ms ease;
}.video-youtube-card:hover .video-youtube-thumb img,
.video-youtube-card:focus-within .video-youtube-thumb img {
  transform: scale(1.04);
}.video-platform-pill {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.46rem 0.72rem;
  border-radius: 999px;
  background: rgba(10, 8, 6, 0.86);
  border: 1px solid rgba(244, 207, 120, 0.22);
  color: var(--gold-bright);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}.video-platform-pill i {
  color: #ff4e45;
}.video-play-button {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(10, 8, 6, 0.9);
  border: 1px solid rgba(244, 207, 120, 0.24);
  color: var(--gold-bright);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.26);
  transition:
    transform 180ms ease,
    background-color 180ms ease,
    color 180ms ease;
}.video-play-button i {
  font-size: 1rem;
  transform: translateX(2px);
}.video-youtube-card:hover .video-play-button,
.video-youtube-card:focus-within .video-play-button {
  transform: scale(1.05);
  background: var(--gold-bright);
  color: #170f07;
}.video-youtube-copy {
  display: grid;
  gap: 0.68rem;
  padding: 1.15rem 1.15rem 1.25rem;
  align-content: start;
}.video-youtube-copy h3 {
  margin: 0;
  font-size: clamp(1.5rem, 2vw, 2rem);
  overflow-wrap: anywhere;
  text-wrap: balance;
}.video-youtube-copy > p:last-of-type {
  margin: 0;
}.video-youtube-title {
  margin: -0.08rem 0 0;
  color: rgba(244, 207, 120, 0.86);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.45;
  overflow-wrap: anywhere;
}.video-youtube-link {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin-top: auto;
  color: var(--gold-bright);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}.video-youtube-link i {
  font-size: 0.78rem;
}.article-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.home-news-section .article-grid {
  gap: clamp(1.25rem, 2vw, 1.85rem);
}.article-card {
  min-height: 320px;
  display: flex;
  flex-direction: column;
}.article-card-media {
  position: relative;
  overflow: hidden;
}.article-card-media[data-home-blog-card] {
  min-height: clamp(430px, 29vw, 540px);
  justify-content: flex-end;
  gap: 0.78rem;
  padding: clamp(1.25rem, 1.8vw, 1.7rem);
  isolation: isolate;
  background-color: #090705;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  box-shadow:
    0 34px 90px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease,
    filter 220ms ease;
}.article-card-media > * {
  position: relative;
  z-index: 2;
}.article-card-media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.08) 0%, rgba(7, 6, 5, 0.22) 38%, rgba(7, 6, 5, 0.9) 100%),
    linear-gradient(90deg, rgba(7, 6, 5, 0.72) 0%, rgba(7, 6, 5, 0.28) 58%, rgba(7, 6, 5, 0.1) 100%);
}.article-card-media[data-home-blog-card]::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 1;
  border: 1px solid rgba(244, 207, 120, 0.18);
  border-radius: calc(var(--radius) - 1px);
  background:
    radial-gradient(circle at 18% 18%, rgba(244, 207, 120, 0.14), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 40%);
  opacity: 0.74;
  pointer-events: none;
  transition: opacity 220ms ease, border-color 220ms ease;
}.article-card-media[data-home-blog-card]:hover,
.article-card-media[data-home-blog-card]:focus,
.article-card-media[data-home-blog-card]:focus-within {
  transform: translateY(-6px);
  border-color: rgba(244, 207, 120, 0.38);
  box-shadow:
    0 42px 110px rgba(0, 0, 0, 0.64),
    0 16px 46px rgba(186, 130, 40, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  filter: saturate(1.06) brightness(1.04);
}.article-card-media[data-home-blog-card]:hover::after,
.article-card-media[data-home-blog-card]:focus::after,
.article-card-media[data-home-blog-card]:focus-within::after {
  opacity: 1;
  border-color: rgba(244, 207, 120, 0.34);
}.article-card-media[data-home-blog-card]:focus-visible {
  outline: 2px solid rgba(244, 207, 120, 0.72);
  outline-offset: 5px;
}.article-card-media[data-home-blog-card] .post-label {
  position: absolute;
  top: clamp(1rem, 1.4vw, 1.25rem);
  left: clamp(1rem, 1.4vw, 1.25rem);
  display: inline-flex;
  width: auto;
  margin: 0;
  padding: 0.48rem 0.72rem;
  border: 1px solid rgba(244, 207, 120, 0.22);
  border-radius: 999px;
  background: rgba(5, 4, 3, 0.52);
  color: var(--gold-pale);
  backdrop-filter: blur(10px);
}.article-card-media[data-home-blog-card] h3 {
  max-width: 35rem;
  margin: auto 0 0;
  font-size: clamp(1.95rem, 2.15vw, 2.55rem);
  line-height: 0.98;
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.74);
}.article-card-media[data-home-blog-card] p:not(.post-label) {
  max-width: 34rem;
  margin: 0;
  color: rgba(255, 245, 225, 0.84);
  font-size: 1.04rem;
  line-height: 1.52;
  text-shadow: 0 3px 14px rgba(0, 0, 0, 0.68);
}.article-card a {
  margin-top: auto;
  align-self: flex-start;
  padding-bottom: 0.15rem;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gold-bright);
  border-bottom: 1px solid rgba(244, 207, 120, 0.32);
}.article-card-media[data-home-blog-card] a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.2rem;
  padding: 0.72rem 0.95rem;
  border: 1px solid rgba(20, 13, 6, 0.16);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 36%),
    linear-gradient(135deg, var(--gold-bright), var(--gold) 68%, #efbd58);
  color: #140d06;
  box-shadow: 0 12px 26px rgba(186, 130, 40, 0.22);
  border-bottom: 1px solid rgba(20, 13, 6, 0.16);
}.article-card-media[data-home-blog-card] a::after {
  content: "\2192";
  font-size: 1rem;
  line-height: 1;
  transform: translateY(-1px);
}@media (max-width: 760px) {
  .article-card-media[data-home-blog-card] {
    min-height: 390px;
    padding: 1.05rem;
  }

  .article-card-media[data-home-blog-card] h3 {
    font-size: clamp(1.6rem, 8vw, 2rem);
  }

  .article-card-media[data-home-blog-card] p:not(.post-label) {
    font-size: 0.96rem;
  }

  .article-card-media[data-home-blog-card] a {
    padding: 0.66rem 0.86rem;
  }
}.home-blog-empty-card {
  grid-column: 1 / -1;
}.section-blog-archive-intro,
.section-blog-year,
.section-blog-post-detail {
  padding-top: 0;
}.section-blog-post-detail {
  padding-top: clamp(1rem, 2.2vw, 1.55rem);
}.blog-year-group,
.blog-post-shell {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
}.blog-year-head h2 {
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2.2rem, 4vw, 3.4rem);
  font-weight: 600;
  line-height: 0.95;
  letter-spacing: 0.01em;
  color: var(--text);
}.blog-year-head p:not(.section-kicker),
.blog-entry-copy p,
.blog-post-body p,
.blog-post-archive-note p:not(.panel-kicker) {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.7;
}.blog-archive-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-top: 0.4rem;
}.blog-year-group {
  display: grid;
  gap: 1.15rem;
  scroll-margin-top: 7rem;
}.section-blog-archive-rail,
.section-blog-archive-highlights {
  padding-top: 0;
}.blog-archive-year-pill {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    var(--panel);
  box-shadow: var(--shadow);
}.blog-archive-year-pill {
  display: grid;
  gap: 0.28rem;
  padding: 1.05rem 1.1rem 1.2rem;
  color: var(--text);
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}.blog-archive-year-pill span {
  font-family: "Bebas Neue", sans-serif;
  font-size: 2rem;
  letter-spacing: 0.05em;
  color: var(--gold-bright);
}.blog-archive-year-pill strong {
  color: var(--text);
}.blog-archive-year-pill strong {
  font-size: 1rem;
  letter-spacing: 0.02em;
}.blog-archive-year-pill small {
  color: var(--text-soft);
  font-size: 0.84rem;
  line-height: 1.55;
}.blog-archive-year-pill:hover,
.blog-archive-year-pill:focus-visible {
  border-color: rgba(244, 207, 120, 0.28);
  transform: translateY(-2px);
}.blog-year-head {
  max-width: 42rem;
  display: grid;
  gap: 0.5rem;
}.blog-archive-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.2rem;
}.blog-entry-card {
  display: grid;
  grid-template-rows: minmax(220px, 240px) 1fr;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    var(--panel);
  box-shadow: var(--shadow);
}.blog-entry-media {
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 220px;
  background: rgba(255, 255, 255, 0.03);
}.blog-entry-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(6, 5, 4, 0.08), rgba(6, 5, 4, 0.16)),
    linear-gradient(180deg, transparent 52%, rgba(6, 5, 4, 0.45) 100%);
  pointer-events: none;
}.blog-entry-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 360ms ease;
}.blog-entry-card:hover .blog-entry-media img,
.blog-entry-card:focus-within .blog-entry-media img {
  transform: scale(1.04);
}.blog-entry-copy {
  display: grid;
  gap: 0.75rem;
  padding: 1.2rem 1.2rem 1.35rem;
}.blog-entry-topline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
}.blog-entry-date,
.blog-entry-badge,
.blog-post-meta-inline span {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.32rem 0.72rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}.blog-entry-date,
.blog-post-meta-inline span {
  color: rgba(246, 239, 228, 0.84);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
}.blog-entry-badge {
  color: #180f06;
  background: linear-gradient(135deg, rgba(246, 209, 124, 0.98), rgba(217, 161, 58, 0.98));
  box-shadow: 0 14px 30px rgba(186, 130, 40, 0.22);
}.blog-entry-copy h3 {
  margin: 0;
  font-size: clamp(1.35rem, 2vw, 1.8rem);
  line-height: 0.98;
}.blog-entry-copy h3 a {
  color: var(--text);
}.blog-entry-copy h3 a:hover,
.blog-entry-copy h3 a:focus-visible {
  color: var(--gold-bright);
}.blog-entry-link {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-top: auto;
  color: var(--gold-bright);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}.blog-archive-footer-panel {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
  display: grid;
  gap: 0.8rem;
}body[data-page="blog"][data-blog-view="post"] {
  --internal-hero-copy-max: 34rem;
  --internal-hero-lead-max: 27rem;
  --internal-hero-title-max: 11.4ch;
}body[data-page="blog"][data-blog-view="post"] .page-hero .page-hero-grid {
  min-height: clamp(340px, 38vw, 430px);
  padding: clamp(1.05rem, 2.4vw, 1.55rem) clamp(1.1rem, 3.2vw, 2.15rem);
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.08) 0%, rgba(7, 6, 5, 0.14) 42%, rgba(7, 6, 5, 0.5) 100%),
    linear-gradient(98deg, rgba(7, 6, 5, 0.66) 0%, rgba(7, 6, 5, 0.34) 30%, rgba(7, 6, 5, 0.04) 62%, rgba(7, 6, 5, 0.12) 100%),
    radial-gradient(circle at 18% 18%, rgba(244, 207, 120, 0.08), transparent 22%),
    var(--internal-hero-image) var(--internal-hero-position) / cover no-repeat;
}body[data-page="blog"][data-blog-view="post"] .page-hero .page-hero-grid::before {
  inset: -10%;
  opacity: 0.32;
  filter: blur(14px);
}body[data-page="blog"][data-blog-view="post"] .page-hero .page-hero-grid::after {
  inset: 0.8rem 1rem;
  border-radius: 24px;
  border-color: rgba(244, 207, 120, 0.06);
}body[data-page="blog"][data-blog-view="post"] .page-hero .page-hero-copy {
  gap: 0.82rem;
  max-width: min(100%, 32.5rem);
  padding: 1.12rem 1.2rem 1.22rem;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent),
    linear-gradient(135deg, rgba(16, 13, 10, 0.62), rgba(9, 7, 5, 0.34));
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(4px) saturate(112%);
}body[data-page="blog"][data-blog-view="post"] .page-hero .page-hero-copy::before {
  top: 0.8rem;
  bottom: 0.8rem;
  width: 2px;
}body[data-page="blog"][data-blog-view="post"] .page-hero .page-hero-copy::after {
  content: none;
}body[data-page="blog"][data-blog-view="post"] .page-hero .section-kicker {
  margin-bottom: 0.08rem;
}body[data-page="blog"][data-blog-view="post"] .blog-breadcrumb-link {
  font-size: 0.72rem;
}body[data-page="blog"][data-blog-view="post"] .blog-post-meta-inline {
  gap: 0.55rem;
  margin-top: 0.05rem;
}.blog-breadcrumb-link {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-weight: 800;
  text-transform: uppercase;
}.blog-breadcrumb-link:hover,
.blog-breadcrumb-link:focus-visible {
  color: var(--gold-bright);
}.blog-breadcrumb-link-inline {
  padding: 0.72rem 1rem;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 999px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(11, 9, 7, 0.9);
  box-shadow: var(--shadow);
}.blog-post-return-row {
  width: min(var(--max-width), 100%);
  margin: 0 auto 0.95rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}.blog-post-meta-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 0.25rem;
}.blog-post-shell {
  display: grid;
}.blog-post-entry-header {
  display: grid;
  gap: 0.85rem;
  padding: 1.35rem 1.5rem 1.15rem;
}.blog-post-entry-topline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
}.blog-post-entry-header .section-kicker {
  margin: 0;
}.blog-post-entry-title {
  margin: 0;
  font-size: clamp(2.15rem, 3.7vw, 3.65rem);
  line-height: 0.96;
  letter-spacing: -0.02em;
  text-wrap: balance;
  color: var(--text);
}.blog-post-entry-lead {
  max-width: 42rem;
  margin: 0;
  font-size: 1rem;
  line-height: 1.72;
  color: rgba(246, 239, 228, 0.84);
}.blog-post-archive-note {
  padding: 1rem 1.05rem;
  border: 1px solid rgba(244, 207, 120, 0.18);
  background: rgba(244, 207, 120, 0.06);
}.blog-post-figure,
.blog-post-inline-media {
  margin: 0;
}.blog-post-figure {
  border-top: 1px solid rgba(244, 207, 120, 0.1);
}.blog-post-figure img,
.blog-post-inline-media img {
  width: 100%;
  display: block;
  object-fit: cover;
}.blog-post-inline-media {
  overflow: hidden;
  border: 1px solid rgba(244, 207, 120, 0.12);
  border-radius: calc(var(--radius) - 0.45rem);
}.blog-post-inline-media.is-size-small {
  width: min(100%, 360px);
}.blog-post-inline-media.is-size-medium {
  width: min(100%, 560px);
}.blog-post-inline-media.is-size-large {
  width: min(100%, 780px);
}.blog-post-inline-media.is-size-full {
  width: 100%;
}.blog-post-inline-media.is-align-left {
  margin-left: 0;
  margin-right: auto;
}.blog-post-inline-media.is-align-center {
  margin-left: auto;
  margin-right: auto;
}.blog-post-inline-media.is-align-right {
  margin-left: auto;
  margin-right: 0;
}.blog-post-inline-media img {
  max-height: 480px;
}@media (max-width: 640px) {
  .blog-post-cta,
  .blog-post-media-text {
    grid-template-columns: 1fr;
  }

  .blog-post-cta span {
    justify-self: start;
  }

  .blog-post-inline-media.is-size-small,
  .blog-post-inline-media.is-size-medium,
  .blog-post-inline-media.is-size-large,
  .blog-post-inline-media.is-size-full {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}.blog-post-body > * {
  margin: 0;
}.blog-post-opening-sentence {
  font-weight: 800;
  letter-spacing: 0.01em;
}.blog-post-body strong {
  color: var(--gold-pale);
  font-weight: 800;
}.blog-post-section-heading {
  position: relative;
  padding-left: 1rem;
}.blog-post-section-heading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.36rem;
  bottom: 0.22rem;
  border-radius: 999px;
}.blog-post-quote {
  position: relative;
  display: grid;
  gap: 0.7rem;
  margin: 0.15rem 0;
  border-left: 3px solid rgba(244, 207, 120, 0.52);
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.22);
}.blog-post-quote::before {
  content: "“";
  position: absolute;
  left: 0.95rem;
  top: 0.55rem;
  font-family: "Cormorant Garamond", serif;
  font-size: 3rem;
  line-height: 1;
  color: rgba(244, 207, 120, 0.22);
}.blog-post-quote p {
  position: relative;
  z-index: 1;
  padding-left: 0.8rem;
}.blog-post-quote cite {
  padding-left: 0.82rem;
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold-pale);
}.blog-post-list {
  display: grid;
  gap: 0.8rem;
  margin: 0;
  padding-left: 1.3rem;
}.blog-post-list li {
  padding-left: 0.2rem;
  font-size: clamp(1.08rem, 1vw, 1.16rem);
  color: rgba(246, 239, 228, 0.94);
  line-height: 1.84;
}.blog-post-list li::marker {
  color: var(--gold-bright);
}.blog-post-list.is-ordered {
  padding-left: 1.45rem;
}.blog-post-callout,
.blog-post-cta,
.blog-post-media-text {
  margin-block: 1.25rem;
  border: 1px solid rgba(244, 207, 120, 0.16);
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.2);
}.blog-post-callout {
  display: grid;
  gap: 0.55rem;
  padding: 1.1rem 1.2rem;
  border-left: 3px solid rgba(244, 207, 120, 0.58);
}.blog-post-callout strong,
.blog-post-cta strong,
.blog-post-media-text strong {
  color: var(--gold-pale);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}.blog-post-callout p,
.blog-post-cta p,
.blog-post-media-text p {
  margin: 0;
  color: rgba(246, 239, 228, 0.9);
  line-height: 1.76;
}.blog-post-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
}.blog-post-cta div {
  display: grid;
  gap: 0.45rem;
}.blog-post-cta span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.75rem 1rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--gold-bright), #b8781c);
  color: #0d0906;
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}.blog-post-media-text {
  display: grid;
  grid-template-columns: minmax(180px, 0.85fr) minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  padding: 0.75rem;
}.blog-post-media-text figure {
  overflow: hidden;
  margin: 0;
  border-radius: calc(var(--radius) - 0.6rem);
  background: rgba(255, 255, 255, 0.045);
}.blog-post-media-text img {
  display: block;
  width: 100%;
  min-height: 210px;
  object-fit: cover;
}.blog-post-media-text div {
  display: grid;
  gap: 0.55rem;
  padding: 0.35rem;
}.blog-post-checklist {
  display: grid;
  gap: 0.7rem;
  margin: 0.35rem 0 0;
  padding: 1.05rem;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: calc(var(--radius) - 0.45rem);
  background: rgba(244, 207, 120, 0.055);
  list-style: none;
}.blog-post-checklist li {
  position: relative;
  padding-left: 2rem;
  color: rgba(246, 239, 228, 0.88);
  line-height: 1.7;
}.blog-post-checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.34rem;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 0.34rem;
  background: linear-gradient(135deg, var(--gold-bright), #ba7f25);
  box-shadow:
    inset 0 0 0 2px rgba(255, 255, 255, 0.2),
    0 8px 16px rgba(0, 0, 0, 0.18);
}.blog-post-body mark {
  border-radius: 0.35rem;
  padding: 0.03em 0.22em;
  background: rgba(244, 207, 120, 0.32);
  color: var(--text);
}.blog-post-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
  margin-block: 1.35rem;
}.blog-post-gallery figure {
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 1.05rem;
  background: rgba(255, 255, 255, 0.035);
}.blog-post-gallery img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 220px;
  object-fit: cover;
}.blog-post-embed {
  display: grid;
  gap: 0.45rem;
  margin-block: 1.3rem;
  padding: 1rem 1.1rem;
  border: 1px dashed rgba(244, 207, 120, 0.32);
  border-radius: 1.1rem;
  background:
    radial-gradient(circle at top left, rgba(244, 207, 120, 0.12), transparent 18rem),
    rgba(255, 255, 255, 0.04);
}.blog-post-embed span {
  color: var(--gold);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}.blog-post-embed a {
  color: var(--text);
  font-weight: 800;
  overflow-wrap: anywhere;
}.blog-post-divider {
  width: min(280px, 70%);
  margin: 2rem auto;
  border: 0;
  border-top: 1px solid rgba(244, 207, 120, 0.34);
}.blog-post-sidebar {
  display: grid;
}.blog-post-info-card {
  display: grid;
  gap: 1rem;
  position: sticky;
  top: 6.4rem;
}.blog-post-info-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.75rem;
}.blog-post-info-list li {
  color: var(--text-soft);
  line-height: 1.55;
}.section-blog-comments {
  padding-top: 0;
}.blog-comments-shell {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
}.blog-comments-card {
  display: grid;
}.blog-comments-header,
.blog-comments-layout {
  display: grid;
  gap: 1.1rem;
}.blog-comments-header {
  align-items: start;
}.blog-comments-head-copy {
  display: grid;
  gap: 0.7rem;
}.blog-comments-head-copy h2,
.blog-comments-list-head h3,
.blog-comment-item h3 {
  margin: 0;
  color: var(--text);
}.blog-comment-item h3 {
  font-size: 1rem;
  letter-spacing: 0.01em;
}.blog-comments-head-copy p:not(.section-kicker),
.blog-comments-summary p,
.blog-comments-list-head p:not(.panel-kicker),
.blog-comment-submit-note,
.blog-comment-item p {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.68;
}.blog-comments-summary {
  display: grid;
  gap: 0.55rem;
  padding: 1rem 1.05rem;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: calc(var(--radius) - 0.38rem);
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.12), transparent 35%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(16, 12, 9, 0.92);
}.blog-comments-summary strong,
.blog-comments-count {
  font-weight: 800;
  color: var(--gold-pale);
}.blog-comments-rating-overview {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.8rem;
  align-items: center;
}.blog-comments-average {
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(2.5rem, 4vw, 3.35rem);
  line-height: 0.9;
  letter-spacing: 0.04em;
  color: var(--text);
}.blog-comments-rating-copy {
  display: grid;
  gap: 0.3rem;
}.blog-rating-stars {
  display: flex;
  flex-wrap: wrap;
  gap: 0.18rem;
}.blog-rating-star {
  color: rgba(244, 207, 120, 0.2);
  font-size: 1rem;
  line-height: 1;
}.blog-rating-star.is-filled {
  color: var(--gold-bright);
}.blog-rating-star.is-average {
  font-size: 1.05rem;
}.blog-rating-star.is-comment {
  font-size: 0.98rem;
}.blog-comments-layout {
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  align-items: start;
}.blog-comment-form,
.blog-comments-list-panel {
  display: grid;
  gap: 1rem;
}.blog-comment-form {
  padding: 1.05rem;
  border: 1px solid rgba(244, 207, 120, 0.12);
  border-radius: calc(var(--radius) - 0.35rem);
  background: rgba(11, 8, 6, 0.78);
}.blog-comment-field {
  display: grid;
  gap: 0.55rem;
}.blog-comment-label {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gold-pale);
}.blog-comment-input {
  width: 100%;
  padding: 0.86rem 0.95rem;
  border: 1px solid rgba(244, 207, 120, 0.18);
  background: rgba(255, 255, 255, 0.03);
  color: var(--text);
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}.blog-comment-input::placeholder {
  color: rgba(246, 239, 228, 0.4);
}.blog-comment-input:focus {
  outline: none;
  border-color: rgba(244, 207, 120, 0.42);
  box-shadow: 0 0 0 3px rgba(244, 207, 120, 0.12);
  background: rgba(255, 255, 255, 0.045);
}.blog-comment-textarea {
  min-height: 168px;
  resize: vertical;
}.blog-comment-stars-input {
  display: inline-flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 0.14rem;
}.blog-comment-star-radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}.blog-comment-star-label {
  cursor: pointer;
  color: rgba(244, 207, 120, 0.24);
  font-size: 1.9rem;
  line-height: 1;
  transition: transform 180ms ease, color 180ms ease;
}.blog-comment-star-label:hover,
.blog-comment-star-label:hover ~ .blog-comment-star-label,
.blog-comment-star-radio:checked + .blog-comment-star-label,
.blog-comment-star-radio:checked + .blog-comment-star-label ~ .blog-comment-star-label {
  color: var(--gold-bright);
}.blog-comment-star-label:hover {
  transform: translateY(-1px);
}.blog-comment-star-radio:focus-visible + .blog-comment-star-label {
  outline: 2px solid rgba(244, 207, 120, 0.46);
  outline-offset: 4px;
  border-radius: 8px;
}.blog-comment-field-hint,
.blog-comments-count,
.blog-comment-response {
  font-size: 0.86rem;
}.blog-comment-field-hint {
  margin: 0;
  color: rgba(246, 239, 228, 0.54);
}.blog-comment-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1rem;
  align-items: center;
}.blog-comment-submit-note {
  font-size: 0.88rem;
}.blog-comment-response {
  min-height: 1.2em;
  margin: 0;
  font-weight: 700;
}.blog-comment-response[data-state="pending"] {
  color: rgba(246, 239, 228, 0.74);
}.blog-comment-response[data-state="success"] {
  color: #b7f3a6;
}.blog-comment-response[data-state="error"] {
  color: #ff8b7b;
}.blog-comments-list-panel {
  align-content: start;
}.blog-comments-list-head {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  align-items: end;
  justify-content: space-between;
}.blog-comments-list {
  display: grid;
  gap: 0.9rem;
}.blog-comment-item {
  display: grid;
  gap: 0.7rem;
  padding: 1rem 1.02rem;
  border: 1px solid rgba(244, 207, 120, 0.1);
  border-radius: calc(var(--radius) - 0.4rem);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(14, 10, 8, 0.88);
}.blog-comment-item.is-empty {
  background: rgba(14, 10, 8, 0.62);
}.blog-comment-item-head {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  align-items: center;
  justify-content: space-between;
}.blog-comment-item-side {
  display: grid;
  gap: 0.45rem;
  justify-items: end;
}.blog-comment-item-meta {
  display: grid;
  gap: 0.18rem;
}.blog-comment-item-meta time {
  font-size: 0.8rem;
  color: rgba(246, 239, 228, 0.52);
}.blog-comment-item p {
  font-size: 0.96rem;
}.blog-comments-admin-banner {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: calc(var(--radius) - 0.35rem);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(20, 14, 10, 0.92);
}.blog-comments-admin-banner p {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.6;
}.blog-comments-admin-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.42rem 0.72rem;
  border: 1px solid rgba(244, 207, 120, 0.18);
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gold-bright);
  background: rgba(244, 207, 120, 0.06);
}.blog-comment-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.32rem 0.58rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  border: 1px solid transparent;
}.blog-comment-status.is-visible {
  color: #b7f3a6;
  background: rgba(183, 243, 166, 0.08);
  border-color: rgba(183, 243, 166, 0.18);
}.blog-comment-status.is-hidden {
  color: #ffb36b;
  background: rgba(255, 179, 107, 0.08);
  border-color: rgba(255, 179, 107, 0.18);
}.blog-comment-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center;
}.blog-comment-admin-button {
  appearance: none;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 999px;
  padding: 0.56rem 0.9rem;
  background: rgba(255, 255, 255, 0.03);
  color: var(--text);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease;
}.blog-comment-admin-button:hover,
.blog-comment-admin-button:focus-visible {
  border-color: rgba(244, 207, 120, 0.34);
  color: var(--gold-bright);
  background: rgba(244, 207, 120, 0.06);
  outline: none;
}.blog-comment-admin-button:disabled {
  opacity: 0.58;
  cursor: wait;
}.blog-comment-admin-button.is-delete:hover,
.blog-comment-admin-button.is-delete:focus-visible {
  border-color: rgba(255, 139, 123, 0.34);
  color: #ff8b7b;
  background: rgba(255, 139, 123, 0.08);
}.blog-floating-share {
  position: fixed;
  right: clamp(1rem, 2.2vw, 1.6rem);
  bottom: clamp(1rem, 2.2vw, 1.6rem);
  z-index: 70;
  width: fit-content;
  max-width: calc(100vw - 2rem);
}body.has-global-player[data-page="blog"][data-blog-view="post"] .blog-floating-share {
  right: calc(clamp(1rem, 2.2vw, 1.6rem) + 5.35rem);
}.blog-floating-share summary {
  list-style: none;
}.blog-floating-share summary::-webkit-details-marker {
  display: none;
}.blog-floating-share-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.8rem 1rem;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 999px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.05), transparent),
    rgba(10, 8, 6, 0.94);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.34);
  color: var(--text);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}.blog-floating-share-trigger i {
  color: var(--gold-bright);
  font-size: 0.95rem;
}.blog-floating-share-trigger:hover,
.blog-floating-share-trigger:focus-visible,
.blog-floating-share[open] .blog-floating-share-trigger {
  border-color: rgba(244, 207, 120, 0.34);
  transform: translateY(-2px);
  box-shadow: 0 22px 44px rgba(0, 0, 0, 0.38);
  outline: none;
}.blog-floating-share-panel {
  position: absolute;
  right: 0;
  bottom: calc(100% + 0.8rem);
  width: min(20rem, calc(100vw - 2rem));
  display: grid;
  gap: 0.7rem;
  padding: 1rem 1rem 0.95rem;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 1.45rem;
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.12), transparent 28%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(10, 8, 6, 0.97);
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.42);
}.blog-floating-share-label,
.blog-floating-share-copy {
  margin: 0;
}.blog-floating-share-label {
  color: var(--gold-bright);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}.blog-floating-share-copy {
  color: var(--text-soft);
  line-height: 1.55;
}.blog-floating-share-panel .event-share-toolbar {
  margin-top: 0.1rem;
}.blog-floating-share-panel .event-share-feedback {
  margin: 0;
}.section-blog-home-feed,
.section-blog-related {
  padding-top: 0;
}.section-blog-home-feed {
  display: grid;
  gap: 1.35rem;
}body[data-page="blog"][data-blog-view="archive"] .page-hero .page-hero-grid {
  min-height: clamp(580px, 76vh, 760px);
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  padding: clamp(1rem, 2.1vw, 1.45rem);
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.92) 0%, rgba(7, 6, 5, 0.98) 100%),
    radial-gradient(circle at 8% 14%, rgba(244, 207, 120, 0.12), transparent 24%),
    radial-gradient(circle at 88% 18%, rgba(151, 26, 34, 0.16), transparent 26%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, transparent 36%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 42px);
}body[data-page="blog"][data-blog-view="archive"] .page-hero .page-hero-grid::after {
  inset: 0.9rem;
  border-radius: 30px;
  border: 1px solid rgba(244, 207, 120, 0.08);
}.blog-hero-feature-tags,
.blog-hero-meta-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.58rem;
}.blog-hero-feature-tags span,
.blog-hero-feature-tags a,
.blog-hero-meta-pills span {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.72rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(246, 239, 228, 0.84);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}.blog-hero-feature-tags a,
.blog-archive-stage-feature-tags a,
.blog-stream-entry-tags a {
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;
}.blog-hero-feature-tags a:hover,
.blog-hero-feature-tags a:focus-visible,
.blog-archive-stage-feature-tags a:hover,
.blog-archive-stage-feature-tags a:focus-visible,
.blog-stream-entry-tags a:hover,
.blog-stream-entry-tags a:focus-visible {
  border-color: rgba(236, 188, 96, 0.42);
  background: rgba(236, 188, 96, 0.13);
  color: #fff4d2;
  transform: translateY(-1px);
}.blog-home-feed-head,
.blog-related-shell {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
}.blog-side-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 40%),
    linear-gradient(145deg, rgba(10, 8, 6, 0.96), rgba(4, 4, 4, 0.96));
  box-shadow:
    var(--shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
}.blog-home-feed-copy h2 {
  margin: 0;
  letter-spacing: 0.01em;
}.blog-home-feed-copy p:not(.section-kicker),
.blog-side-card p:not(.panel-kicker) {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.72;
}.blog-home-share-block {
  display: grid;
  gap: 0.55rem;
}.blog-post-aside-stack {
  display: grid;
}.blog-side-card {
  display: grid;
  gap: 0.85rem;
  padding: 1.2rem;
}.blog-side-card h3 {
  margin: 0;
}.blog-share-note-hint {
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(246, 239, 228, 0.66);
}.blog-story-list {
  display: grid;
  gap: 0.85rem;
}.blog-story-item {
  display: grid;
  gap: 0.32rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid rgba(244, 207, 120, 0.12);
}.blog-story-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}.blog-story-date {
  color: var(--gold-pale);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}.blog-story-link {
  color: var(--text);
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.45;
}.blog-story-link:hover,
.blog-story-link:focus-visible {
  color: var(--gold-bright);
}.blog-home-year-rail {
  display: grid;
  gap: 0.8rem;
}.blog-home-feed-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.7fr);
  gap: 1.2rem;
  align-items: end;
}.blog-home-feed-copy {
  display: grid;
  gap: 0.55rem;
  max-width: 46rem;
}.blog-home-feed-grid,
.blog-related-grid {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
  align-items: stretch;
}.blog-entry-card.is-archive-rescued {
  border-color: rgba(244, 207, 120, 0.18);
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.1), transparent 24%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.05), transparent),
    rgba(12, 9, 7, 0.94);
}.section-blog-home-ad {
  padding-top: 0;
}.blog-home-ad-shell,
.blog-related-ad-shell {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
}.blog-feed-ad-cell {
  display: grid;
  grid-column: 1 / -1;
}.blog-feed-ad-cell,
.blog-post-ad-wrap {
  min-width: 0;
}.blog-ad-slot {
  position: relative;
  overflow: hidden;
  width: 100%;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: calc(var(--radius) - 0.15rem);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(12, 9, 7, 0.88);
  box-shadow: var(--shadow);
}.blog-ad-slot.is-banner,
.blog-ad-slot.is-related {
  min-height: 140px;
}.blog-ad-slot.is-feed,
.blog-ad-slot.is-inline {
  min-height: 260px;
}.blog-ad-slot.is-sidebar {
  min-height: 320px;
}.blog-ad-slot ins.adsbygoogle {
  width: 100%;
}.blog-ad-slot-card {
  display: grid;
  place-items: center;
  gap: 0.7rem;
  min-height: inherit;
  padding: 1.3rem;
  text-align: center;
}.blog-ad-slot-card h3 {
  margin: 0;
}.blog-ad-slot-card p:last-child {
  max-width: 34rem;
}.blog-post-body .blog-ad-slot {
  margin: 0.35rem 0 0.55rem;
}.blog-share-card .event-share-toolbar {
  margin-top: 0.2rem;
}.blog-related-shell {
  display: grid;
}.gallery-mosaic {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.2rem;
}.gallery-item {
  margin: 0;
  display: block;
}.gallery-item img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  min-height: 0;
  object-fit: cover;
  background: rgba(255, 255, 255, 0.03);
}.band-wall {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.35fr 0.85fr 0.85fr;
  gap: 1.2rem;
}.band-shot,
.still-card,
.contact-photo {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    var(--panel);
  box-shadow: var(--shadow);
}.band-shot img,
.still-card img,
.contact-photo img {
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: cover;
}.band-shot figcaption,
.still-card figcaption {
  padding: 0.95rem 1rem 1.15rem;
  color: var(--text-soft);
  line-height: 1.6;
}.band-shot-large {
  grid-row: span 2;
}.still-grid {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.2rem;
}.still-card figcaption {
  font-size: 0.98rem;
}.contact-visual-stack {
  display: grid;
  gap: 1rem;
}.contact-overview,
.form-header {
  display: grid;
  gap: 0.85rem;
}.contact-overview h2,
.form-header h2 {
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(1.85rem, 2.7vw, 2.45rem);
  font-weight: 600;
  line-height: 1.02;
  letter-spacing: 0.01em;
  color: var(--text);
}.contact-overview p:not(.panel-kicker),
.form-header p:not(.panel-kicker) {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.7;
}.contact-summary-row span {
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold-bright);
}.contact-summary-row a {
  width: fit-content;
  font-weight: 700;
  color: var(--gold-bright);
  border-bottom: 1px solid rgba(244, 207, 120, 0.22);
}.contact-summary-row p {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.65;
}.contact-shell-refined {
  align-items: start;
}body[data-page="contactanos"] .contact-shell-refined {
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: start;
}.contact-social-panel {
  align-content: start;
}.contact-aside {
  display: grid;
  gap: 1rem;
}.contact-aside-panel {
  display: grid;
  gap: 1.4rem;
  padding: 1.7rem;
  border: 1px solid var(--line);
  border-radius: 32px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    var(--panel);
  box-shadow: var(--shadow);
}.contact-overview-compact {
  padding-bottom: 0.2rem;
}.contact-overview-compact p:last-child {
  max-width: 28rem;
}.contact-info-grid {
  display: grid;
  gap: 1rem;
}.contact-info-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.95rem;
  align-items: start;
  padding: 1.15rem 1.2rem;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent),
    linear-gradient(135deg, rgba(186, 130, 40, 0.08), rgba(255, 255, 255, 0.02)),
    rgba(17, 13, 10, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 18px 32px rgba(0, 0, 0, 0.18);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}a.contact-info-card:hover,
a.contact-info-card:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(244, 207, 120, 0.26);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 24px 42px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(244, 207, 120, 0.06);
  outline: none;
}.contact-info-icon {
  display: inline-grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--gold-bright), var(--gold));
  color: #140d06;
  font-size: 1.12rem;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 14px 28px rgba(186, 130, 40, 0.18);
}.contact-info-copy {
  display: grid;
  gap: 0.22rem;
  min-width: 0;
}.contact-info-label {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold-bright);
}.contact-info-value {
  color: var(--text);
  font-size: 1.16rem;
  line-height: 1.2;
}.contact-info-note {
  color: var(--text-soft);
  line-height: 1.55;
  overflow-wrap: anywhere;
}.contact-summary,
.contact-guidance,
.contact-direct-links {
  padding-top: 1.2rem;
  border-top: 1px solid rgba(244, 207, 120, 0.12);
}.contact-summary {
  display: grid;
  gap: 1rem;
}.contact-summary-row {
  display: grid;
  gap: 0.3rem;
}.contact-summary-row strong,
.contact-guidance h3 {
  font-size: 1.2rem;
  color: var(--text);
}.contact-guidance h3 {
  margin: 0 0 0.8rem;
  font-family: "Cormorant Garamond", serif;
  font-size: 1.7rem;
  line-height: 1.05;
}.feature-list-compact {
  gap: 0.85rem;
  margin-top: 0;
}.feature-list-compact li {
  color: var(--text-soft);
}.contact-direct-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}.contact-social-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}.contact-social-icon {
  display: inline-grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--gold-bright), var(--gold));
  color: #140d06;
  font-size: 1.2rem;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 14px 28px rgba(186, 130, 40, 0.18);
}@media (max-width: 720px) {
  .contact-social-grid {
    grid-template-columns: 1fr;
  }
}.contact-photo-stack {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}.contact-photo img {
  min-height: 260px;
}.gallery-item-wide {
  grid-column: span 2;
}.gallery-item-wide img {
  aspect-ratio: 16 / 10;
}.gallery-item-tall {
  grid-row: span 2;
}.gallery-item-tall img {
  aspect-ratio: 4 / 7;
}.contact-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}.contact-shell {
  align-items: start;
}.contact-form {
  display: grid;
  gap: 1rem;
}.form-header {
  display: grid;
  gap: 0.7rem;
  margin-bottom: 0.15rem;
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(244, 207, 120, 0.12);
}.contact-form label {
  display: grid;
  gap: 0.5rem;
  font-size: 0.94rem;
}.choice-group {
  display: grid;
  gap: 0.8rem;
  padding: 1rem 1.05rem 1.05rem;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.03), transparent),
    rgba(255, 255, 255, 0.025);
}.booking-scope-chooser {
  gap: 0.95rem;
}.choice-group p {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold-bright);
}.choice-group-note {
  margin: 0;
  max-width: 42rem;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: 0;
  text-transform: none;
  color: rgba(219, 200, 161, 0.82);
}.choice-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}.choice-option {
  position: relative;
  display: block;
  cursor: pointer;
}.choice-option input[type="radio"] {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}.choice-option-ui {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 0.85rem;
  min-height: 100%;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent),
    rgba(12, 10, 8, 0.76);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease;
}.choice-option-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 14px;
  background: rgba(244, 207, 120, 0.08);
  color: var(--gold-bright);
  font-size: 0.95rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}.choice-option-copy {
  display: grid;
  gap: 0.2rem;
}.choice-option-copy strong {
  font-size: 1rem;
  line-height: 1.1;
  color: var(--text);
}.choice-option-copy span {
  color: var(--text-soft);
  font-size: 0.82rem;
  line-height: 1.45;
}.choice-option:hover .choice-option-ui,
.choice-option:focus-within .choice-option-ui {
  transform: translateY(-2px);
  border-color: rgba(244, 207, 120, 0.28);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent),
    rgba(14, 11, 8, 0.88);
  box-shadow: 0 18px 30px rgba(0, 0, 0, 0.18);
}.choice-option:has(input:checked) .choice-option-ui {
  border-color: rgba(244, 207, 120, 0.38);
  background:
    linear-gradient(145deg, rgba(244, 207, 120, 0.12), transparent 60%),
    rgba(18, 14, 10, 0.92);
  box-shadow:
    0 18px 34px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(244, 207, 120, 0.08);
}.choice-option:has(input:checked) .choice-option-icon {
  border-color: rgba(244, 207, 120, 0.34);
  background: linear-gradient(135deg, var(--gold-bright), var(--gold));
  color: #140d06;
}.choice-option:has(input:checked) .choice-option-copy strong {
  color: var(--gold-pale);
}.booking-fields[hidden],
.scope-panel[hidden] {
  display: none;
}.booking-fields {
  display: grid;
  gap: 1rem;
}.booking-fields.is-active {
  animation: bookingFieldsIn 220ms ease;
}.location-other-field[hidden] {
  display: none;
}.location-other-field {
  max-width: min(32rem, 100%);
}.form-row-scope-detail {
  grid-template-columns: minmax(230px, 0.78fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
}.scope-panel {
  padding: 1rem 1.05rem 1.05rem;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.03), transparent),
    rgba(255, 255, 255, 0.025);
}.scope-panel label {
  display: grid;
  gap: 0.5rem;
}.form-row-event {
  grid-template-columns: minmax(320px, 1.05fr) minmax(0, 1fr);
  align-items: start;
}.form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}.contact-form input,
.contact-form select,
.contact-form textarea {
  width: 100%;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 18px;
  padding: 1rem;
  color: var(--text);
  background: rgba(255, 255, 255, 0.03);
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}.custom-select-shell {
  position: relative;
  display: grid;
}.contact-form .select-native {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.001;
  pointer-events: none;
}.custom-select {
  position: relative;
  display: grid;
}.custom-select-trigger {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.85rem;
  width: 100%;
  min-height: 58px;
  padding: 0.95rem 1rem 0.95rem 1.05rem;
  border: 1px solid rgba(244, 207, 120, 0.18);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent),
    linear-gradient(135deg, rgba(186, 130, 40, 0.09), rgba(255, 255, 255, 0.02)),
    rgba(18, 14, 10, 0.9);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 24px rgba(0, 0, 0, 0.16);
  color: var(--text);
  cursor: pointer;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease,
    background-color 180ms ease;
}.custom-select:hover .custom-select-trigger,
.custom-select.is-open .custom-select-trigger,
.custom-select.is-invalid .custom-select-trigger,
.custom-select-trigger:focus-visible {
  border-color: rgba(244, 207, 120, 0.3);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 18px 34px rgba(0, 0, 0, 0.22),
    0 0 0 4px rgba(244, 207, 120, 0.08);
  transform: translateY(-1px);
  outline: none;
}.custom-select.is-invalid .custom-select-trigger {
  border-color: rgba(255, 139, 107, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 18px 34px rgba(0, 0, 0, 0.18),
    0 0 0 4px rgba(255, 139, 107, 0.12);
}.custom-select.is-disabled .custom-select-trigger {
  opacity: 0.56;
  cursor: not-allowed;
  transform: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}.custom-select-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  font-weight: 700;
  color: var(--text);
}.custom-select:not(.has-value) .custom-select-value {
  color: rgba(219, 200, 161, 0.76);
}.custom-select-caret {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 12px;
  background: rgba(244, 207, 120, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}.custom-select-caret::before {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--gold-bright);
  border-bottom: 2px solid var(--gold-bright);
  transform: translateY(-1px) rotate(45deg);
  transition: transform 180ms ease;
}.custom-select.is-open .custom-select-caret::before {
  transform: translateY(2px) rotate(-135deg);
}.custom-select-dropdown {
  position: absolute;
  top: calc(100% + 0.65rem);
  left: 0;
  right: 0;
  z-index: 30;
  display: grid;
  gap: 0.7rem;
  max-height: 320px;
  padding: 0.8rem;
  overflow: auto;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.12), transparent 26%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent),
    rgba(12, 9, 7, 0.98);
  box-shadow:
    0 26px 54px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(244, 207, 120, 0.06);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-8px) scale(0.985);
  transform-origin: top center;
  transition:
    opacity 180ms ease,
    transform 180ms ease,
    visibility 180ms ease;
}.custom-select.is-open .custom-select-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}.custom-select-dropdown::-webkit-scrollbar {
  width: 10px;
}.custom-select-dropdown::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 999px;
}.custom-select-dropdown::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(244, 207, 120, 0.68), rgba(186, 130, 40, 0.92));
  border-radius: 999px;
  border: 2px solid rgba(12, 9, 7, 0.96);
}.custom-select-group {
  display: grid;
  gap: 0.35rem;
}.custom-select-group-label {
  margin: 0;
  padding: 0.2rem 0.35rem;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold-bright);
}.custom-select-option {
  display: grid;
  gap: 0.15rem;
  width: 100%;
  padding: 0.8rem 0.9rem;
  border: 1px solid transparent;
  border-radius: 18px;
  background: transparent;
  color: var(--text);
  text-align: left;
  cursor: pointer;
  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    transform 180ms ease,
    box-shadow 180ms ease,
    color 180ms ease;
}.custom-select-option:hover,
.custom-select-option:focus-visible {
  border-color: rgba(244, 207, 120, 0.22);
  background:
    linear-gradient(135deg, rgba(244, 207, 120, 0.12), transparent 70%),
    rgba(255, 255, 255, 0.03);
  color: var(--gold-pale);
  transform: translateX(2px);
  outline: none;
}.custom-select-option.is-selected {
  border-color: rgba(244, 207, 120, 0.26);
  background:
    linear-gradient(135deg, rgba(244, 207, 120, 0.16), transparent 68%),
    rgba(31, 24, 17, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 10px 20px rgba(0, 0, 0, 0.14);
}.custom-select-option:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}.custom-select-option.is-placeholder {
  color: rgba(219, 200, 161, 0.74);
}.custom-select-option-meta {
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(244, 207, 120, 0.72);
}.custom-select-option-label {
  font-weight: 700;
  line-height: 1.3;
}.contact-form select {
  appearance: none;
  color-scheme: dark;
  min-height: 58px;
  padding-right: 4rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  cursor: pointer;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    inset 0 -1px 0 rgba(244, 207, 120, 0.04);
  background-color: rgba(255, 255, 255, 0.03);
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent),
    radial-gradient(circle at calc(100% - 28px) 50%, rgba(244, 207, 120, 0.12), transparent 24%),
    linear-gradient(135deg, rgba(186, 130, 40, 0.08), rgba(255, 255, 255, 0.025)),
    linear-gradient(45deg, transparent 50%, var(--gold-bright) 50%),
    linear-gradient(135deg, var(--gold-bright) 50%, transparent 50%),
    linear-gradient(180deg, rgba(244, 207, 120, 0.14), rgba(244, 207, 120, 0.02));
  background-position:
    0 0,
    0 0,
    0 0,
    calc(100% - 24px) calc(50% - 4px),
    calc(100% - 18px) calc(50% - 4px),
    calc(100% - 46px) 50%;
  background-size: 100% 100%, 100% 100%, 100% 100%, 7px 7px, 7px 7px, 1px 58%;
  background-repeat: no-repeat;
  outline: none;
}.contact-form select:hover {
  border-color: rgba(244, 207, 120, 0.24);
  background-color: rgba(255, 255, 255, 0.045);
}.contact-form select option {
  padding: 0.8rem 1rem;
  color: var(--text);
  background-color: #17120d;
  font-weight: 600;
}.contact-form select optgroup {
  color: var(--gold-bright);
  font-weight: 800;
  background-color: #110d08;
}.contact-form select option:checked,
.contact-form select option:hover,
.contact-form select option:focus {
  color: var(--gold-pale);
  background: linear-gradient(135deg, rgba(244, 207, 120, 0.18), rgba(30, 22, 15, 0.96));
}.contact-form input:disabled,
.contact-form select:disabled,
.contact-form textarea:disabled {
  opacity: 0.56;
  cursor: not-allowed;
}.input-with-icon {
  position: relative;
  display: grid;
  align-items: center;
}.input-with-icon input {
  padding-left: 2.6rem;
}.input-with-icon input[type="date"],
.input-with-icon input[type="time"] {
  color-scheme: dark;
  padding-right: 2.8rem;
}.contact-form input[type="date"]::-webkit-datetime-edit,
.contact-form input[type="time"]::-webkit-datetime-edit {
  color: var(--text);
}.contact-form input[type="date"]::-webkit-datetime-edit-fields-wrapper,
.contact-form input[type="time"]::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}.contact-form input[type="date"]::-webkit-datetime-edit-year-field,
.contact-form input[type="date"]::-webkit-datetime-edit-month-field,
.contact-form input[type="date"]::-webkit-datetime-edit-day-field,
.contact-form input[type="time"]::-webkit-datetime-edit-hour-field,
.contact-form input[type="time"]::-webkit-datetime-edit-minute-field,
.contact-form input[type="time"]::-webkit-datetime-edit-ampm-field {
  border-radius: 10px;
  padding: 0.15rem 0.35rem;
  transition: background-color 180ms ease, color 180ms ease;
}.contact-form input[type="date"]::-webkit-datetime-edit-year-field:focus,
.contact-form input[type="date"]::-webkit-datetime-edit-month-field:focus,
.contact-form input[type="date"]::-webkit-datetime-edit-day-field:focus,
.contact-form input[type="time"]::-webkit-datetime-edit-hour-field:focus,
.contact-form input[type="time"]::-webkit-datetime-edit-minute-field:focus,
.contact-form input[type="time"]::-webkit-datetime-edit-ampm-field:focus {
  background: rgba(244, 207, 120, 0.14);
  color: var(--gold-pale);
}.contact-form input[type="date"]::-webkit-datetime-edit-text,
.contact-form input[type="time"]::-webkit-datetime-edit-text {
  color: rgba(244, 207, 120, 0.72);
}.input-icon {
  position: absolute;
  left: 0.95rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--gold-bright);
  font-size: 0.95rem;
  pointer-events: none;
}.contact-form input[type="date"]::-webkit-calendar-picker-indicator,
.contact-form input[type="time"]::-webkit-calendar-picker-indicator {
  opacity: 0.92;
  cursor: pointer;
  filter: invert(84%) sepia(23%) saturate(679%) hue-rotate(349deg) brightness(103%) contrast(95%);
}.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: rgba(219, 200, 161, 0.72);
}.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  outline: none;
  border-color: var(--line-strong);
  box-shadow: 0 0 0 4px rgba(244, 207, 120, 0.08);
  background: rgba(255, 255, 255, 0.045);
}.form-consent {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.7rem;
  align-items: start;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(244, 207, 120, 0.12);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.035);
}.form-consent input[type="checkbox"] {
  position: relative;
  width: 48px;
  min-width: 48px;
  min-height: 26px;
  height: 26px;
  margin: 0.05rem 0 0;
  padding: 0;
  border: 1px solid rgba(244, 207, 120, 0.28);
  border-radius: 999px;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(5, 4, 3, 0.74);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.34);
  cursor: pointer;
  transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}.form-consent input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: rgba(255, 246, 226, 0.8);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
  transition: transform 180ms ease, background 180ms ease;
}.form-consent input[type="checkbox"]:checked {
  border-color: rgba(244, 207, 120, 0.78);
  background: linear-gradient(135deg, #f6d36f, #c9851e);
  box-shadow: 0 0 0 3px rgba(244, 207, 120, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}.form-consent input[type="checkbox"]:checked::before {
  transform: translateX(22px);
  background: #120c05;
}.form-consent input[type="checkbox"]:focus-visible {
  outline: 2px solid rgba(244, 207, 120, 0.7);
  outline-offset: 3px;
}.form-consent span {
  color: rgba(247, 240, 230, 0.82);
  font-size: 0.92rem;
  line-height: 1.55;
}.form-note,
.form-response {
  margin: 0;
  font-size: 0.92rem;
}.form-response {
  min-height: 1.4rem;
  color: var(--gold-bright);
}.site-footer {
  gap: clamp(1.5rem, 2vw, 2.15rem);
  justify-items: center;
}.site-footer::before {
  height: 72%;
  background:
    radial-gradient(circle at 18% 24%, rgba(186, 130, 40, 0.16), transparent 24%),
    radial-gradient(circle at 78% 12%, rgba(244, 207, 120, 0.08), transparent 18%),
    linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.03) 48%, transparent 100%);
}.site-footer::after {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 18%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.015), transparent 12%, transparent 88%, rgba(255, 255, 255, 0.015));
}.footer-signature {
  display: grid;
  justify-items: center;
  gap: 0;
}.footer-emblem {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 92px;
  height: 92px;
  border-radius: 28px;
  border: 1px solid rgba(244, 207, 120, 0.16);
  background:
    radial-gradient(circle at 30% 20%, rgba(244, 207, 120, 0.12), transparent 40%),
    linear-gradient(145deg, rgba(18, 15, 11, 0.98), rgba(9, 7, 5, 0.96));
  color: var(--gold-bright);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 18px 36px rgba(0, 0, 0, 0.22);
}.footer-emblem::after {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(244, 207, 120, 0.1);
  border-radius: 22px;
  pointer-events: none;
}.footer-emblem-mark {
  width: 50%;
  height: 50%;
  overflow: visible;
}.footer-emblem-mark path {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.24));
}.footer-emblem-mark path:first-child {
  stroke-width: 30;
}.footer-emblem-mark path:last-child {
  stroke-width: 36;
}.footer-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: min(100%, 68rem);
  gap: 0.55rem 0.9rem;
  padding-bottom: 1.1rem;
  border-bottom: 1px solid rgba(244, 207, 120, 0.08);
  max-width: 68rem;
}.footer-nav a {
  padding: 0.72rem 0.9rem 0.82rem;
}.footer-copy {
  margin: 0;
  text-align: center;
  white-space: normal;
  width: min(100%, 42rem);
  font-size: 0.9rem;
  line-height: 1.65;
}.footer-meta {
  display: grid;
  width: min(100%, 64rem);
  justify-items: center;
  gap: 1.45rem;
}.footer-action-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: min(100%, 64rem);
  gap: 1.1rem;
  align-items: center;
  justify-items: center;
}.footer-action-group {
  display: grid;
  gap: 1rem;
  min-width: 0;
}.footer-newsletter-group {
  width: min(100%, 52rem);
  padding: 1.25rem;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 28px;
  background:
    radial-gradient(circle at top left, rgba(244, 207, 120, 0.12), transparent 28%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.035), transparent),
    rgba(11, 8, 6, 0.78);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
}.footer-newsletter-copy {
  display: grid;
  gap: 0.4rem;
  justify-items: center;
  text-align: center;
}.footer-news-kicker {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}.footer-newsletter-copy h3 {
  margin: 0;
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: clamp(2rem, 4vw, 2.8rem);
  line-height: 0.92;
  letter-spacing: 0.03em;
  color: var(--text);
}.footer-newsletter-copy p:not(.footer-news-kicker) {
  margin: 0;
  max-width: 36rem;
  color: var(--text-soft);
  line-height: 1.65;
}.footer-newsletter-form {
  margin: 0 auto;
}.footer-newsletter-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}.footer-newsletter-actions {
  display: grid;
}.footer-newsletter-form .form-response {
  margin: 0;
  text-align: center;
}.footer-social-group {
  justify-items: center;
  text-align: center;
}.footer-follow-message {
  margin: 0;
  color: var(--gold-pale);
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}.footer-social {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.8rem;
}.footer-legal-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.7rem 1.35rem;
}.footer-bottom-bar {
  display: grid;
  width: min(100%, 60rem);
  justify-items: center;
  gap: 0.9rem;
  padding-top: 1.2rem;
  border-top: 1px solid rgba(244, 207, 120, 0.12);
}.footer-legal-link {
  color: var(--text-soft);
  text-decoration: none;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: color 180ms ease, opacity 180ms ease;
}.footer-legal-link:hover,
.footer-legal-link:focus-visible {
  color: var(--gold-pale);
  opacity: 1;
  outline: none;
}.footer-social-link {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(244, 207, 120, 0.14);
  transition:
    transform 180ms ease,
    color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}.footer-social-link:hover,
.footer-social-link:focus-visible {
  transform: translateY(-2px);
  color: var(--text);
  border-color: rgba(244, 207, 120, 0.28);
  box-shadow:
    0 12px 24px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  outline: none;
}@keyframes equalize {
  0%, 100% {
    transform: scaleY(0.48);
    opacity: 0.76;
  }
  50% {
    transform: scaleY(1.06);
    opacity: 1;
  }
}@keyframes bookingFieldsIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}@keyframes badgePulse {
  0% {
    box-shadow: 0 0 0 0 rgba(244, 207, 120, 0.48);
  }
  70% {
    box-shadow: 0 0 0 12px rgba(244, 207, 120, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(244, 207, 120, 0);
  }
}@keyframes badgeFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
}@keyframes badgeSheen {
  from {
    transform: translateX(-130%);
  }
  to {
    transform: translateX(130%);
  }
}@keyframes goldShimmer {
  from {
    background-position: 0% 50%;
  }
  to {
    background-position: 220% 50%;
  }
}@keyframes preloaderRings {
  from {
    transform: rotate(0deg) scale(0.98);
  }

  to {
    transform: rotate(360deg) scale(0.98);
  }
}@keyframes preloaderSweep {
  0%, 100% {
    opacity: 0.18;
    transform: translate(-53%, -50%);
  }

  50% {
    opacity: 0.46;
    transform: translate(-47%, -50%);
  }
}@keyframes preloaderLogoPulse {
  0%, 100% {
    transform: scale(0.98);
    filter:
      drop-shadow(0 18px 34px rgba(0, 0, 0, 0.5))
      drop-shadow(0 0 24px rgba(244, 207, 120, 0.28));
  }

  50% {
    transform: scale(1.04);
    filter:
      drop-shadow(0 24px 42px rgba(0, 0, 0, 0.58))
      drop-shadow(0 0 34px rgba(244, 207, 120, 0.42));
  }
}@keyframes navSweep {
  0%, 78% {
    transform: translateX(-120%);
  }
  100% {
    transform: translateX(120%);
  }
}@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}@media (max-width: 1180px) {
  .about-bio-shell,
  .about-signature-grid {
    grid-template-columns: 1fr;
  }

  .route-grid-expanded {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .timeline-item {
    grid-template-columns: minmax(0, 1fr) 96px minmax(0, 1fr);
  }

  .timeline-postcard {
    max-width: 280px;
  }

  .member-roster-intro {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .member-roster-badges {
    justify-content: flex-start;
  }

  .member-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .nav-shell {
    gap: 0.8rem;
    padding-inline: 0.9rem;
  }

  .site-nav {
    padding-inline: 0.35rem;
  }

  .site-nav a:not(.header-cta):not(.site-nav-mobile-utility) {
    padding-inline: 0.76rem;
    font-size: 0.69rem;
  }

  .brand-center {
    width: clamp(108px, 9vw, 132px);
  }

  .header-center-stack {
    gap: 0.5rem;
  }

  .header-cta-desktop {
    padding-inline: 0.92rem;
    font-size: 0.68rem;
  }
}@media (max-width: 980px) {
  .about-bio-stats,
  .signature-cards,
  .route-grid-expanded {
    grid-template-columns: 1fr;
  }

  .timeline-head {
    margin-bottom: 2rem;
  }

  .band-timeline {
    gap: 1.35rem;
    padding-top: 0.2rem;
  }

  .band-timeline::before {
    display: none;
  }

  .timeline-item {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.9rem;
    grid-template-areas:
      "marker"
      "content"
      "postcard";
  }

  .timeline-marker {
    grid-area: marker;
    grid-template-columns: auto auto;
    justify-content: start;
    align-items: center;
    justify-items: start;
    gap: 0.7rem;
    padding: 0 0.15rem;
  }

  .timeline-year {
    writing-mode: initial;
    transform: none;
    min-height: 34px;
    min-width: 0;
    padding: 0.58rem 0.85rem 0.54rem;
    font-size: 0.62rem;
    letter-spacing: 0.16em;
  }

  .timeline-item:nth-child(odd) .timeline-content,
  .timeline-item:nth-child(even) .timeline-content {
    grid-area: content;
  }

  .timeline-item:nth-child(odd) .timeline-postcard,
  .timeline-item:nth-child(even) .timeline-postcard {
    grid-area: postcard;
    justify-self: stretch;
    width: 100%;
    max-width: none;
    margin: 0;
    transform: rotate(0deg);
  }

  .timeline-postcard img {
    aspect-ratio: 16 / 10;
    object-position: center 32%;
  }

  .timeline-content h3 {
    max-width: none;
  }

  .global-player {
    right: 0.85rem;
    bottom: 0.85rem;
  }

  .global-player-shell {
    gap: 0.65rem;
  }

  .global-events-button,
  .global-booking-button,
  .global-player-trigger {
    min-height: 58px;
  }

  .global-events-button {
    display: inline-flex;
    width: 58px;
    min-width: 58px;
  }

  .global-booking-button {
    width: 58px;
    min-width: 58px;
  }

  .global-player-trigger {
    width: 58px;
    height: 58px;
    min-width: 58px;
    min-height: 58px;
  }

  .global-player-drawer {
    width: min(510px, calc(100vw - 7rem));
  }

  .global-player-drawer-panel {
    gap: 0.8rem;
    padding: 0.9rem 0.95rem;
  }

  .global-player-drawer-art {
    min-height: 168px;
  }

  .global-player-drawer-copy strong {
    font-size: 0.92rem;
  }

  .global-player-drawer-copy > span:last-child {
    font-size: 0.72rem;
  }

  .player-modal-layout {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .player-modal-art {
    min-height: 320px;
    border-right: 0;
    border-bottom: 1px solid rgba(244, 207, 120, 0.1);
  }

  .player-modal-copy {
    padding: 1.75rem;
  }

  .player-modal-track-title {
    font-size: clamp(2.8rem, 8vw, 5rem);
  }

  .player-modal-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .player-modal-playlist {
    max-height: min(360px, 36vh);
  }

  .page-hero-grid,
  .content-grid-two,
  .contact-shell,
  .preview-grid,
  .card-grid-three,
  .info-grid,
  .article-grid,
  .contact-grid,
  .home-release-grid,
  .home-showcase-grid,
  .home-booking-panel,
  .spotify-panel,
  .spotify-follow-banner {
    grid-template-columns: 1fr;
  }


  .card-grid-two,
  .hero-mini-grid,
  .audio-playlist,
  .contact-direct-links,
  .form-row,
  .gallery-mosaic,
  .band-wall,
  .still-grid,
  .contact-photo-stack,
  .home-route-grid,
  .home-contests-grid {
    grid-template-columns: 1fr 1fr;
  }

  .form-row-event,
  .form-row-scope-detail {
    grid-template-columns: 1fr;
  }

  .member-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-news-head,
  .home-contests-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .home-contests-head .button,
  .home-contest-actions .button,
  .home-events-head-actions .button {
    width: auto;
  }

  .home-events-spotlight {
    grid-template-columns: 1fr;
  }

  .home-events-spotlight-actions {
    justify-content: flex-start;
  }

  .member-card {
    aspect-ratio: 4 / 5;
  }

  .gallery-item-wide,
  .gallery-item-tall,
  .band-shot-large {
    grid-column: span 1;
    grid-row: span 1;
  }

  .hero-stage-photo {
    min-height: 520px;
    background-position: center 22%;
  }

  .page-hero-home .page-hero-grid {
    min-height: 700px;
    background-position: center 36%;
    padding: 0.9rem 1rem;
  }

  .page-hero-about .page-hero-grid {
    min-height: 680px;
    padding: 2rem 1.2rem;
  }

  .hero-main-layout {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .hero-foreground {
    padding: 0 0.25rem 0.4rem;
  }

  .hero-tag-track {
    gap: 1.3rem;
    padding: 0.8rem 1rem;
    font-size: clamp(1rem, 2.8vw, 1.25rem);
  }

  .home-release-cover {
    min-height: 420px;
  }

  .home-release-related-grid {
    grid-template-columns: 1fr;
  }

  .home-showcase-feature {
    min-height: 460px;
  }

  .home-showcase-stack {
    grid-template-rows: none;
  }

  .home-booking-actions {
    justify-content: flex-start;
  }

  .home-booking-panel {
    min-height: 520px;
    align-content: end;
  }

  .home-booking-panel::before {
    background:
      linear-gradient(180deg, rgba(5, 4, 3, 0.12) 0%, rgba(5, 4, 3, 0.55) 42%, rgba(5, 4, 3, 0.94) 100%),
      url("images/musicos/musicos14.webp") center 36% / cover no-repeat;
  }

  .home-streaming-shell {
    width: min(100%, 920px);
    min-height: 300px;
  }

  .home-streaming-photo {
    background-position: center 46%;
  }

  .home-streaming-shell::before {
    background:
      linear-gradient(180deg, rgba(5, 4, 3, 0.02), rgba(5, 4, 3, 0.24) 48%, rgba(5, 4, 3, 0.54) 100%),
      repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.012) 0 1px, transparent 1px 5px);
  }

  .spotify-panel-actions,
  .spotify-follow-actions {
    justify-content: flex-start;
  }

  .page-hero-home::before {
    inset: 0 0.7rem 1.5rem;
  }

  .audio-player-cover {
    min-height: 360px;
  }

  .site-footer {
    padding: 1.15rem 1rem 2.15rem;
  }

  .footer-nav,
  .footer-copy {
    justify-content: center;
    text-align: center;
  }

  .footer-nav {
    gap: 0.45rem 0.65rem;
    padding-bottom: 0.95rem;
  }

  .footer-meta {
    justify-items: center;
    gap: 1.2rem;
  }

  .footer-action-row {
    grid-template-columns: 1fr;
    width: 100%;
    gap: 1.15rem;
  }

  .footer-social-group {
    justify-items: center;
    text-align: center;
  }

  .footer-social {
    justify-content: center;
  }

  .footer-bottom-bar {
    width: 100%;
    gap: 0.8rem;
  }

  .cta-banner {
    flex-direction: column;
    align-items: flex-start;
  }

  .spotify-follow-banner {
    padding: 1.35rem;
  }
}@media (max-width: 980px) {
  .home-events-head,
  .home-news-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .home-events-grid {
    grid-template-columns: 1fr;
  }

  .events-page-grid {
    grid-template-columns: 1fr;
  }

  .event-highlight-card {
    grid-template-rows: minmax(220px, 240px) auto;
  }

  .events-page-grid.is-single-event .event-highlight-card {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(260px, 340px) auto;
    min-height: auto;
  }

  .events-page-grid.is-single-event .event-highlight-media {
    min-height: 260px;
  }

  .events-page-grid.is-single-event .event-highlight-copy {
    align-content: start;
    padding: 1.35rem 1.25rem 1.45rem;
  }

  .events-page-grid.is-single-event .event-highlight-schedule {
    margin-top: -2.6rem;
  }

  .events-page-grid.is-single-event .event-highlight-card h3 {
    font-size: clamp(2rem, 8vw, 3.4rem);
  }

  .event-highlight-schedule {
    margin-top: -2.6rem;
  }

  .event-highlight-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .event-card-cta {
    width: 100%;
    justify-content: center;
  }

  .event-share-toolbar {
    justify-content: flex-start;
  }

  .event-modal-layout {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .event-modal-media {
    aspect-ratio: 16 / 10;
    min-height: 220px;
    max-height: 280px;
  }

  .event-modal-headline {
    padding-right: 4.1rem;
  }

  .event-modal-details-grid {
    grid-template-columns: 1fr;
  }

  .event-modal-ticket-block {
    flex-direction: column;
    align-items: stretch;
  }

  .event-modal-ticket-button {
    width: 100%;
  }

  .nav-shell {
    display: flex;
    justify-content: center;
    gap: 0.55rem;
    align-items: center;
    padding: 0.85rem 1rem;
  }

  .nav-shell::before {
    content: none;
  }

  .site-nav-desktop {
    display: none;
  }

  .header-center-stack {
    position: relative;
    display: grid;
    place-items: center;
    width: min(100%, 332px);
    min-height: 118px;
    margin: 0 auto;
    padding-inline: 2.75rem;
    isolation: isolate;
  }

  .header-center-stack::before,
  .header-center-stack::after {
    content: "";
    position: absolute;
    top: 50%;
    width: clamp(3rem, 17vw, 5.2rem);
    height: 1.2rem;
    transform: translateY(-50%);
    filter:
      drop-shadow(0 0 1px rgba(244, 207, 120, 0.12))
      drop-shadow(0 0 10px rgba(0, 0, 0, 0.24));
    pointer-events: none;
    opacity: 1;
  }

  .header-center-stack::before {
    left: 0;
    background:
      radial-gradient(circle at 12% 50%, rgba(244, 207, 120, 0.76) 0 2px, transparent 3px),
      linear-gradient(90deg, rgba(6, 5, 4, 0.96), rgba(6, 5, 4, 0.08)) 0 14% / 100% 2px no-repeat,
      linear-gradient(90deg, rgba(7, 6, 5, 0.94), rgba(7, 6, 5, 0.08)) 0 50% / 82% 2px no-repeat,
      linear-gradient(90deg, rgba(8, 7, 5, 0.92), rgba(8, 7, 5, 0.08)) 0 86% / 64% 2px no-repeat,
      linear-gradient(90deg, rgba(244, 207, 120, 0.12), transparent) 0 8% / 100% 1px no-repeat,
      linear-gradient(90deg, rgba(244, 207, 120, 0.08), transparent) 0 44% / 82% 1px no-repeat,
      linear-gradient(90deg, rgba(244, 207, 120, 0.06), transparent) 0 80% / 64% 1px no-repeat;
  }

  .header-center-stack::after {
    right: 0;
    background:
      radial-gradient(circle at 88% 50%, rgba(244, 207, 120, 0.76) 0 2px, transparent 3px),
      linear-gradient(90deg, rgba(6, 5, 4, 0.08), rgba(6, 5, 4, 0.96)) 100% 14% / 100% 2px no-repeat,
      linear-gradient(90deg, rgba(7, 6, 5, 0.08), rgba(7, 6, 5, 0.94)) 100% 50% / 82% 2px no-repeat,
      linear-gradient(90deg, rgba(8, 7, 5, 0.08), rgba(8, 7, 5, 0.92)) 100% 86% / 64% 2px no-repeat,
      linear-gradient(90deg, transparent, rgba(244, 207, 120, 0.12)) 100% 8% / 100% 1px no-repeat,
      linear-gradient(90deg, transparent, rgba(244, 207, 120, 0.08)) 100% 44% / 82% 1px no-repeat,
      linear-gradient(90deg, transparent, rgba(244, 207, 120, 0.06)) 100% 80% / 64% 1px no-repeat;
  }

  .brand-center {
    min-height: auto;
    padding: 0;
    justify-content: center;
    gap: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    cursor: pointer;
    transition: transform 180ms ease;
  }

  .brand-center-record {
    width: 128px;
    flex-basis: 128px;
    padding: 0.34rem;
  }

  .brand-center-record img {
    width: 74%;
  }

  .brand-center-copy {
    display: none;
  }

  .brand-center-arrow {
    display: none;
  }

  .brand-action-menu {
    position: absolute;
    top: calc(100% + 0.6rem);
    left: 50%;
    z-index: 24;
    width: min(300px, calc(100vw - 2rem));
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.45rem;
    padding: 0.55rem;
    border: 1px solid rgba(244, 207, 120, 0.2);
    border-radius: 18px;
    background:
      radial-gradient(circle at top center, rgba(244, 207, 120, 0.16), transparent 52%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent),
      rgba(8, 7, 5, 0.98);
    box-shadow:
      0 24px 54px rgba(0, 0, 0, 0.46),
      0 0 0 1px rgba(255, 255, 255, 0.03) inset;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -8px) scale(0.98);
    transform-origin: top center;
    transition:
      opacity 180ms ease,
      transform 180ms ease,
      visibility 180ms ease;
    visibility: hidden;
  }

  body.has-site-stories .brand-action-menu.is-open {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 0) scale(1);
    visibility: visible;
  }

  .brand-action-menu::before {
    content: "";
    position: absolute;
    top: -7px;
    left: 50%;
    width: 13px;
    height: 13px;
    border-top: 1px solid rgba(244, 207, 120, 0.2);
    border-left: 1px solid rgba(244, 207, 120, 0.2);
    background: rgba(8, 7, 5, 0.98);
    transform: translateX(-50%) rotate(45deg);
  }

  .brand-action-option {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.68rem;
    min-height: 48px;
    padding: 0.7rem 0.82rem;
    border: 1px solid rgba(244, 207, 120, 0.12);
    border-radius: 14px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent),
      rgba(15, 11, 9, 0.88);
    color: var(--text);
    cursor: pointer;
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.14em;
    line-height: 1.15;
    text-align: left;
    text-transform: uppercase;
    transition:
      transform 180ms ease,
      border-color 180ms ease,
      background-color 180ms ease,
      color 180ms ease,
      box-shadow 180ms ease;
  }

  .brand-action-option i {
    display: inline-grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    border-radius: 50%;
    background: rgba(244, 207, 120, 0.1);
    color: var(--gold-bright);
    font-size: 0.86rem;
  }

  .brand-action-option:hover,
  .brand-action-option:focus-visible {
    border-color: rgba(244, 207, 120, 0.28);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent),
      rgba(22, 16, 11, 0.96);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24);
    outline: none;
    transform: translateY(-1px);
  }

  .brand-action-option.is-primary {
    color: #171006;
    background: linear-gradient(135deg, var(--gold-bright), var(--gold) 64%, #efbd58);
    border-color: rgba(244, 207, 120, 0.36);
    box-shadow: 0 16px 30px rgba(186, 130, 40, 0.28);
  }

  .brand-action-option.is-primary i {
    background: rgba(23, 16, 6, 0.12);
    color: currentColor;
  }

  .brand-center.is-choice-open .brand-center-record {
    border-color: rgba(244, 207, 120, 0.35);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      0 18px 34px rgba(0, 0, 0, 0.34),
      0 0 32px rgba(244, 207, 120, 0.22);
  }

  .brand-center:hover,
  .brand-center:focus-visible {
    transform: translateY(-1px);
  }

  .header-cta-desktop {
    display: none;
  }

  .site-nav-mobile {
    position: absolute;
    top: calc(100% + 0.65rem);
    left: 0;
    right: 0;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.58rem;
    padding: 0.78rem;
    border: 1px solid rgba(244, 207, 120, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-12px);
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
  }

  .site-nav-mobile.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .site-nav-mobile-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    margin-bottom: 0.15rem;
    padding: 0.04rem 0.05rem 0.55rem;
    border-bottom: 1px solid rgba(244, 207, 120, 0.08);
  }

.site-nav-mobile-title {
  display: grid;
  gap: 0.2rem;
}

.site-nav-mobile-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

  .site-nav-mobile-kicker {
    margin: 0;
    color: rgba(246, 239, 228, 0.48);
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.2em;
    text-transform: uppercase;
  }

  .site-nav-mobile-caption {
    color: var(--text);
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .site-nav-mobile-close {
    display: inline-flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(244, 207, 120, 0.2);
    border-radius: 50%;
    background:
      radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.08), transparent 55%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent),
      rgba(15, 11, 9, 0.94);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.04),
      0 14px 28px rgba(0, 0, 0, 0.22);
    color: var(--gold-bright);
    transition:
      transform 180ms ease,
      border-color 180ms ease,
      background-color 180ms ease,
      box-shadow 180ms ease,
      color 180ms ease;
    cursor: pointer;
    appearance: none;
    font-size: 0;
    line-height: 0;
  }

  .site-nav-mobile-close i {
    color: currentColor;
    font-size: 0.96rem;
    transition: transform 180ms ease, color 180ms ease;
  }

  .site-nav-mobile-close:hover,
  .site-nav-mobile-close:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(244, 207, 120, 0.28);
    background:
      radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.11), transparent 58%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent),
      rgba(21, 16, 12, 0.96);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      0 18px 34px rgba(0, 0, 0, 0.24),
      0 0 18px rgba(244, 207, 120, 0.08);
    outline: none;
  }

  .site-nav-mobile-close:hover i,
  .site-nav-mobile-close:focus-visible i {
    transform: scale(1.08) rotate(90deg);
    color: var(--gold-pale);
  }

  .site-nav-mobile a:not(.header-cta):not(.site-nav-mobile-utility) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 54px;
    padding: 0.92rem 1.05rem 0.95rem 2rem;
    border: 1px solid rgba(244, 207, 120, 0.1);
    border-radius: 16px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent),
      rgba(14, 11, 8, 0.8);
    white-space: normal;
    text-align: left;
    line-height: 1.15;
    text-wrap: balance;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .site-nav-mobile a:not(.header-cta):not(.site-nav-mobile-utility)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.95rem;
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 50%;
    background: var(--gold-bright);
    box-shadow: 0 0 10px rgba(244, 207, 120, 0.18);
    transform: translateY(-50%);
  }

  .site-nav-mobile a:not(.header-cta):not(.site-nav-mobile-utility)::after {
    display: none;
  }

  .site-nav-mobile a:not(.header-cta):not(.site-nav-mobile-utility):first-child {
    grid-column: auto;
  }

  .site-nav-mobile .header-cta {
    width: 100%;
    margin-top: 0.18rem;
  }

  body.has-global-player .site-shell {
    padding-bottom: 6.4rem;
  }

  .global-player {
    display: block;
  }

  .brand-center.is-open {
    background: none;
    box-shadow: none;
    transform: translateY(-1px);
  }

  .brand-center.is-open .brand-center-record {
    border-color: rgba(244, 207, 120, 0.28);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      0 18px 34px rgba(0, 0, 0, 0.34),
      0 0 32px rgba(244, 207, 120, 0.2);
  }
}@media (max-width: 760px) {
  body.has-global-player .site-shell {
    padding-bottom: calc(6rem + env(safe-area-inset-bottom));
  }

  .home-contests-grid {
    grid-template-columns: 1fr;
  }

  .home-events-spotlight {
    padding: 1.2rem 1rem;
  }

  .home-events-spotlight-actions {
    width: 100%;
  }

  .site-nav-mobile-head {
    padding-bottom: 0.42rem;
  }

  .site-nav-mobile-close {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }

  .site-nav-mobile {
    border-radius: 22px;
  }

  .player-modal {
    padding: 0;
  }

  .event-modal-dialog {
    width: min(100% - 1rem, 1120px);
    max-height: calc(100vh - 1rem);
    margin: 0.5rem auto;
    border-radius: 28px;
  }

  .event-modal-copy {
    padding: 1.25rem 1rem 1.1rem;
  }

  .event-modal-headline h2,
  #event-modal-title {
    max-width: none;
    font-size: clamp(1.2rem, 6vw, 1.8rem);
    line-height: 0.94;
  }

  .player-modal-dialog {
    width: 100vw;
    max-height: 100dvh;
    min-height: 100dvh;
    border-radius: 0;
  }

  .player-modal-copy {
    padding: 1.3rem 1.15rem calc(1.05rem + env(safe-area-inset-bottom));
  }

  .player-modal-track-title {
    font-size: clamp(2.35rem, 10vw, 4.2rem);
  }

  .player-modal-progress-shell {
    grid-template-columns: 1fr;
  }

  .player-modal-toolbar,
  .player-modal-primary-controls,
  .player-modal-secondary-controls {
    gap: 0.65rem;
  }

  .global-player {
    left: 50%;
    right: auto;
    bottom: max(0.7rem, env(safe-area-inset-bottom));
    transform: translateX(-50%);
  }

  .global-player-shell {
    position: relative;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
  }

  .global-player-row {
    position: static;
    justify-content: center;
  }

  .global-events-button,
  .global-booking-button,
  .global-player-trigger {
    min-height: 54px;
  }

  .global-events-button {
    width: 54px;
    min-width: 54px;
  }

  .global-booking-button {
    width: 54px;
    min-width: 54px;
    padding-inline: 0;
    font-size: 0.64rem;
  }

  .global-player-trigger {
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;
  }

  .global-player-drawer {
    left: 50%;
    right: auto;
    bottom: calc(100% + 0.7rem);
    width: min(calc(100vw - 1.6rem), 348px);
    transform: translate(-50%, 14px) scale(0.96);
    transform-origin: center bottom;
  }

  .global-player.is-open .global-player-drawer {
    transform: translate(-50%, 0) scale(1);
  }

  body[data-page="contactanos"] .global-booking-button {
    display: none;
  }

  .global-player-drawer-head {
    gap: 0.65rem;
  }

  .global-player-drawer-panel {
    grid-template-columns: 1fr;
    padding: 0.88rem 0.9rem 0.9rem;
    border-radius: 24px;
  }

  .global-player-drawer-art {
    display: none;
  }

  .global-player-drawer-copy strong {
    font-size: 0.86rem;
  }

  .global-player-drawer-copy > span:last-child {
    font-size: 0.69rem;
  }

  .booking-modal {
    padding: 0.7rem;
  }

  .booking-modal-head,
  .booking-modal-form {
    padding-inline: 1rem;
  }

  .booking-modal-head h2 {
    max-width: 12ch;
    font-size: clamp(1.9rem, 8vw, 2.9rem);
  }

  .section {
    padding: 0 1rem 4.4rem;
  }

  .site-header {
    padding: 0.8rem 0.8rem 0;
  }

  .nav-shell {
    gap: 0.45rem;
    padding: 0.75rem 0.8rem;
  }

  .nav-shell::before {
    content: none;
  }

  .header-center-stack {
    width: min(100%, 286px);
    min-height: 104px;
    padding-inline: 2rem;
  }

  .brand-center {
    width: 122px;
  }

  .brand-center-record {
    width: 108px;
    flex-basis: 108px;
  }

  .brand-center-record img {
    width: 70%;
  }

  .header-center-stack::before,
  .header-center-stack::after {
    width: 2rem;
    height: 0.96rem;
  }

  .site-nav-mobile {
    width: 100%;
    gap: 0.5rem;
    padding: 0.68rem;
  }

  .page-title,
  .section-head h2 {
    max-width: 100%;
    font-size: clamp(2.6rem, 11.5vw, 4.4rem);
  }

  .home-release-copy h2,
  .home-booking-copy h2 {
    max-width: 100%;
    font-size: clamp(2.4rem, 8vw, 3.8rem);
  }

  .page-hero-home .page-hero-grid {
    min-height: 640px;
  }

  .page-hero-about .page-hero-grid {
    min-height: 620px;
  }

  .home-showcase-feature h3,
  .home-showcase-card h3 {
    font-size: clamp(1.85rem, 6vw, 2.5rem);
  }

  .hero-tag-marquee {
    border-radius: 28px;
  }

  .ticker {
    margin-bottom: 4.5rem;
  }

  .page-hero-home .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 0.72rem;
  }

  .page-hero-home .hero-actions .button {
    min-height: 54px;
    min-width: 0;
  }
}@media (max-width: 640px) {
  .about-bio-main,
  .about-signature-lead,
  .signature-card {
    padding: 1.2rem 1.05rem 1.25rem;
    border-radius: 28px;
  }

  .about-bio-sidebar {
    padding: 1.05rem;
    border-radius: 28px;
  }

  .about-bio-main h2,
  .about-signature-lead h2 {
    font-size: clamp(2.2rem, 10vw, 3.2rem);
  }

  .about-bio-stat {
    padding: 0.95rem;
    border-radius: 22px;
  }

  .band-timeline {
    gap: 0.95rem;
  }

  .timeline-item {
    gap: 0.78rem;
    padding: 0.92rem;
    border: 1px solid rgba(244, 207, 120, 0.14);
    border-radius: 24px;
    background:
      radial-gradient(circle at top right, rgba(244, 207, 120, 0.1), transparent 34%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.03), transparent),
      rgba(13, 10, 8, 0.88);
    box-shadow: 0 22px 44px rgba(0, 0, 0, 0.24);
  }

  .timeline-marker {
    gap: 0.58rem;
    padding: 0;
  }

  .timeline-year {
    min-height: 32px;
    padding: 0.55rem 0.8rem 0.5rem;
  }

  .timeline-content {
    gap: 0.68rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .timeline-content::before {
    top: 0;
    right: 0;
    font-size: clamp(2.3rem, 11vw, 3.2rem);
  }

  .timeline-content h3 {
    font-size: clamp(1.4rem, 6.8vw, 1.92rem);
  }

  .timeline-content:hover {
    transform: none;
    border-color: transparent;
    box-shadow: none;
  }

  .timeline-postcard {
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .timeline-postcard::before {
    display: none;
  }

  .timeline-postcard::after {
    display: none;
  }

  .timeline-postcard img {
    aspect-ratio: 16 / 10;
    border-radius: 18px;
  }

  .timeline-postcard figcaption {
    margin-top: 0.62rem;
    padding: 0 0.05rem;
    font-size: 0.72rem;
    line-height: 1.48;
  }

  .timeline-item:hover .timeline-postcard {
    border-color: transparent;
    box-shadow: none;
  }

  .timeline-item:hover .timeline-postcard img,
  .timeline-item:nth-child(odd):hover .timeline-postcard,
  .timeline-item:nth-child(even):hover .timeline-postcard {
    transform: none;
    filter: saturate(104%);
  }

  .timeline-tags {
    gap: 0.46rem;
  }

  .timeline-tags span {
    padding: 0.56rem 0.68rem 0.6rem;
    font-size: 0.54rem;
    letter-spacing: 0.1em;
  }

  .choice-group {
    padding: 0.95rem;
    border-radius: 22px;
  }

  .choice-group-note {
    font-size: 0.82rem;
    line-height: 1.55;
  }

  .choice-options {
    grid-template-columns: 1fr;
    gap: 0.7rem;
  }

  .choice-option-ui {
    padding: 0.9rem 0.92rem;
  }

  .choice-option-icon {
    width: 40px;
    height: 40px;
  }

  .choice-option-copy strong {
    font-size: 0.95rem;
  }

  .choice-option-copy span {
    font-size: 0.78rem;
  }

  .member-roster-intro {
    gap: 1rem;
    padding: 1.2rem;
    border-radius: 26px;
  }

  .member-roster-copy h3 {
    font-size: clamp(2rem, 11vw, 3.2rem);
  }

  .member-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .member-card {
    aspect-ratio: 4 / 5;
    border-radius: 24px;
  }

  .member-card::before {
    inset: 0.85rem;
    border-radius: 20px;
  }

  .member-card-copy {
    padding: 0.95rem 0.95rem 1rem;
  }

  .member-card-copy h3 {
    font-size: clamp(1.6rem, 7vw, 2.15rem);
  }

  body.has-global-player .site-shell {
    padding-bottom: calc(5.8rem + env(safe-area-inset-bottom));
  }

  .global-player {
    left: 50%;
    right: auto;
    bottom: max(0.7rem, env(safe-area-inset-bottom));
    transform: translateX(-50%);
  }

  .global-player-shell {
    position: relative;
    flex-direction: row;
    align-items: center;
    gap: 0.45rem;
    padding: 0.34rem;
    border: 1px solid rgba(244, 207, 120, 0.14);
    border-radius: 999px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent),
      rgba(8, 7, 5, 0.92);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
  }

  .global-events-button {
    width: 52px;
    min-width: 52px;
    min-height: 52px;
  }

  .global-booking-button {
    min-height: 52px;
    width: 52px;
    min-width: 52px;
    padding-inline: 0;
    font-size: 0.6rem;
  }

  .global-booking-button span {
    display: none;
  }

  .global-player-trigger {
    width: 52px;
    height: 52px;
    min-width: 52px;
    min-height: 52px;
  }

  .global-player-trigger-icon {
    font-size: 0.92rem;
  }

  .global-player-trigger-status {
    right: 0.72rem;
    bottom: 0.7rem;
  }

  .global-player-row {
    position: static;
    display: flex;
    align-items: center;
  }

  .global-player-drawer {
    left: 50%;
    right: auto;
    bottom: calc(100% + 0.74rem);
    width: min(calc(100vw - 1.4rem), 322px);
    transform: translate(-50%, 14px) scale(0.96);
    transform-origin: center bottom;
  }

  .global-player.is-open .global-player-drawer {
    transform: translate(-50%, 0) scale(1);
  }

  .global-player-drawer-panel {
    gap: 0.75rem;
    padding: 0.82rem 0.82rem 0.85rem;
  }

  .global-player-mini-progress-shell {
    gap: 0.5rem;
  }

  .global-player-mini-controls {
    gap: 0.5rem;
  }

  .global-player-mini-button {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }

  .global-player-mini-button-primary {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
  }

  .player-modal-dialog {
    border-radius: 0;
    max-height: 100dvh;
  }

  .player-modal-art {
    min-height: 220px;
  }

  .player-modal-toolbar {
    align-items: stretch;
  }

  .player-modal-primary-controls {
    justify-content: center;
  }

  .player-modal-secondary-controls {
    display: flex;
    justify-content: center;
  }

  #player-modal-track-actions .track-platform-links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    width: min(100%, 24rem);
  }

  #player-modal-track-actions .track-platform-link {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding-inline: 0.7rem;
    justify-content: center;
    text-align: center;
  }

  #player-modal-track-actions .track-platform-link.is-share {
    order: 2;
  }

  #player-modal-track-actions .track-platform-links > :nth-child(2) {
    order: 1;
  }

  #player-modal-track-actions .track-platform-links > :nth-child(3) {
    order: 3;
  }

  .booking-modal-dialog {
    border-radius: 24px;
  }

  .booking-modal-head {
    padding-top: 1.1rem;
  }

  .booking-modal-close {
    position: relative;
    top: 0;
    float: none;
    margin: 0.85rem 0.85rem 0 auto;
  }

  .hero-actions,
  .home-booking-actions,
  .spotify-panel-actions,
  .spotify-inline-actions,
  .spotify-follow-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .platform-link-strip {
    flex-direction: column;
    align-items: stretch;
  }

  .video-youtube-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .video-youtube-card {
    grid-column: span 1;
  }

  .video-youtube-card.is-featured {
    grid-column: 1 / -1;
    grid-template-columns: 1fr;
  }

  .video-youtube-card:not(.is-featured):nth-child(3n + 3) {
    margin-top: 0;
  }

  .video-youtube-copy {
    padding: 1rem 1rem 1.1rem;
  }

  .event-highlight-copy {
    padding: 1.15rem 1.05rem 1.2rem;
  }

  .event-highlight-topline {
    align-items: flex-start;
    flex-direction: column;
  }

  .event-highlight-schedule {
    grid-template-columns: 1fr;
    margin-top: -2.25rem;
  }

  .event-highlight-schedule-primary,
  .event-highlight-schedule-time {
    padding: 0.85rem 0.9rem;
  }

  .event-highlight-schedule-day,
  .event-highlight-schedule-icon {
    width: 60px;
    min-width: 60px;
    border-radius: 18px;
  }

  .event-highlight-schedule-day {
    font-size: 2.55rem;
  }

  .event-highlight-schedule-time {
    min-width: 0;
  }

  .event-highlight-meta {
    gap: 0.5rem;
  }

  .event-highlight-meta span {
    width: 100%;
    justify-content: flex-start;
  }

  .event-share-toolbar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .event-highlight-footer .event-share-toolbar {
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
    grid-template-columns: repeat(4, minmax(54px, 60px));
    justify-content: center;
    justify-items: center;
  }

  .event-share-link {
    width: 100%;
    border-radius: 16px;
  }

  .button,
  .hero-actions .button {
    width: 100%;
  }

  .hero-mini-grid,
  .card-grid-two,
  .gallery-mosaic,
  .contact-direct-links,
  .form-row,
  .band-wall,
  .still-grid,
  .contact-photo-stack,
  .home-route-grid {
    grid-template-columns: 1fr;
  }

  .contact-aside-panel,
  .contact-form {
    padding: 1.3rem;
  }

  .home-streaming-shell {
    width: min(calc(100% - 1rem), 430px);
    min-height: clamp(410px, 112vw, 500px);
    place-items: stretch;
    border-radius: 24px;
  }

  .home-streaming-shell[data-reveal] {
    opacity: 1;
    transform: none;
  }

  .home-streaming-shell::before {
    background:
      radial-gradient(circle at 50% 16%, rgba(244, 207, 120, 0.18), transparent 32%),
      linear-gradient(180deg, rgba(5, 4, 3, 0.04) 0%, rgba(5, 4, 3, 0.16) 34%, rgba(5, 4, 3, 0.82) 72%, rgba(5, 4, 3, 0.96) 100%),
      repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.012) 0 1px, transparent 1px 5px);
  }

  .home-streaming-shell::after {
    right: -7rem;
    bottom: -5rem;
    width: 16rem;
    height: 16rem;
    opacity: 0.78;
  }

  .home-streaming-photo {
    inset: 0;
    background-position: center 42%;
    transform: translate3d(0, var(--parallax-shift, 0px), 0) scale(1.03);
  }

  .home-streaming-content {
    align-self: stretch;
    justify-content: flex-end;
    width: 100%;
    padding: clamp(1rem, 4vw, 1.25rem);
    padding-top: clamp(7rem, 34vw, 10rem);
  }

  .home-streaming-content h2 {
    max-width: min(100%, 13.5ch);
    font-size: clamp(2.12rem, 11.2vw, 3rem);
    line-height: 0.9;
  }

  .home-streaming-content > p:not(.section-kicker) {
    max-width: 19rem;
    margin-top: 0.55rem;
    font-size: 0.86rem;
    line-height: 1.45;
  }

  .home-streaming-platforms.platform-link-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    width: 100%;
    gap: 0.52rem;
    margin-top: 0.85rem;
  }

  .home-streaming-platforms .platform-link-chip {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    justify-content: flex-start;
    gap: 0.38rem;
    padding: 0.43rem 0.5rem;
    border-radius: 16px;
    font-size: clamp(0.56rem, 2.55vw, 0.66rem);
    letter-spacing: 0.045em;
  }

  .home-streaming-platforms .platform-link-chip i {
    width: 1.55rem;
    height: 1.55rem;
    font-size: 0.76rem;
  }

  .home-streaming-platforms .platform-link-chip span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .home-booking-panel {
    min-height: 500px;
    padding: 1.15rem;
    border-radius: 28px;
  }

  .home-booking-panel::before {
    background:
      linear-gradient(180deg, rgba(5, 4, 3, 0.04) 0%, rgba(5, 4, 3, 0.48) 34%, rgba(5, 4, 3, 0.96) 100%),
      url("images/musicos/musicos10.webp") center 31% / cover no-repeat;
  }

  .home-booking-copy h2 {
    max-width: 100%;
  }

  .home-booking-copy p:last-child {
    width: 100%;
    justify-content: center;
    text-align: center;
    font-size: 0.9rem;
  }

  .home-booking-actions {
    width: 100%;
  }

  .home-booking-actions .button {
    width: 100%;
    justify-content: center;
  }

  .preview-card,
  .gallery-item img {
    min-height: 260px;
  }

  .hero-signal-row {
    gap: 0.6rem;
  }

  .hero-live-pill,
  .hero-hash-pill {
    width: 100%;
    justify-content: center;
  }

  .page-hero-home .page-hero-grid {
    min-height: 620px;
    padding-inline: 0.7rem;
  }

  .page-hero-about .page-hero-grid {
    min-height: 540px;
    padding: 1.6rem 0.85rem;
  }

  .page-hero-about .page-hero-grid::after {
    inset: 0.85rem;
    border-radius: 24px;
  }

  .page-hero-about .page-title {
    max-width: 100%;
    font-size: clamp(2.7rem, 10vw, 4.2rem);
  }

  .page-hero-about .page-hero-copy {
    max-width: min(100%, 22rem);
  }

  .page-hero-about .lead {
    max-width: 19rem;
    margin-top: 0.9rem;
    font-size: 0.98rem;
    line-height: 1.62;
  }

  .page-hero-about .hero-copy-desktop {
    display: none;
  }

  .page-hero-about .hero-copy-mobile {
    display: inline;
  }

  .hero-main-layout {
    gap: 1rem;
  }

  .hero-proof-tile {
    padding: 0.85rem 0.9rem;
  }

  .hero-proof-tile strong {
    font-size: 1.12rem;
  }

  .hero-tag-track {
    gap: 1rem;
    font-size: 0.98rem;
    letter-spacing: 0.12em;
  }

  .hero-foreground {
    gap: 1rem;
    padding: 0;
  }

  .home-release-cover {
    min-height: 320px;
  }

  .home-release-cover-copy,
  .home-showcase-copy,
  .home-showcase-card,
  .home-booking-panel,
  .spotify-panel,
  .spotify-follow-banner {
    padding: 1rem;
  }

  .video-youtube-card {
    border-radius: 24px;
  }

  .video-youtube-thumb {
    min-height: 200px;
  }

  .video-youtube-card::before {
    top: 0.85rem;
    left: 0.85rem;
    min-width: 38px;
    height: 38px;
    padding: 0 0.62rem;
    font-size: 0.92rem;
  }

  .video-youtube-card.is-featured .video-youtube-thumb {
    min-height: 250px;
  }

  .video-youtube-card.is-featured .video-youtube-copy {
    padding: 1rem 1rem 1.12rem;
  }

  .video-youtube-card.is-featured .video-youtube-copy h3 {
    font-size: clamp(1.95rem, 8vw, 3rem);
  }

  .video-platform-pill {
    top: 0.85rem;
    right: 0.85rem;
    padding: 0.4rem 0.62rem;
    font-size: 0.68rem;
  }

  .video-play-button {
    left: 0.85rem;
    bottom: 0.85rem;
    width: 58px;
    height: 58px;
  }

  .video-youtube-title {
    font-size: 0.74rem;
  }

  .video-youtube-link {
    width: 100%;
    justify-content: space-between;
  }

  .home-showcase-feature {
    min-height: 380px;
    padding: 1rem;
  }

  .home-showcase-card {
    min-height: 190px;
  }

  .page-hero-home::before {
    inset: 0 0.45rem 1.1rem;
  }

  .page-hero-home .hero-actions {
    width: 100%;
    gap: 0.62rem;
    display: grid;
    grid-template-columns: 1fr;
  }

  .page-hero-home .hero-actions .button {
    width: 100%;
    min-height: 52px;
    min-width: 0;
  }

  .hero-stage-photo {
    min-height: 420px;
    padding: 1.1rem;
  }

  .hero-stage-copy h2 {
    font-size: clamp(1.8rem, 9vw, 2.8rem);
  }

  .page-hero-home .hero-stage-copy {
    margin: 0;
    padding: 1rem 1rem 1.05rem;
  }

  .hero-stage-badge {
    width: min(78%, 220px);
  }

  .floating-card-image {
    height: 112px;
  }

  .audio-controls {
    justify-content: center;
  }

  .audio-control-button,
  .audio-play-button {
    width: 3.7rem;
    height: 3.7rem;
  }

  .audio-play-button {
    width: 4.2rem;
    height: 4.2rem;
  }

  .audio-progress-shell {
    grid-template-columns: 1fr;
  }

  .audio-time {
    display: flex;
    justify-content: space-between;
  }
}@media (max-width: 420px) {
  body.has-global-player .site-shell {
    padding-bottom: calc(5.65rem + env(safe-area-inset-bottom));
  }

  .header-center-stack {
    width: min(100%, 272px);
    min-height: 98px;
    padding-inline: 1.7rem;
  }

  .brand-center {
    width: 112px;
  }

  .brand-center-record {
    width: 98px;
    flex-basis: 98px;
  }

  .header-center-stack::before,
  .header-center-stack::after {
    width: 1.55rem;
    height: 0.86rem;
  }

  .site-nav-mobile {
    width: 100%;
    padding: 0.62rem;
  }

  .site-nav-mobile a:not(.header-cta):not(.site-nav-mobile-utility) {
    min-height: 50px;
    padding: 0.82rem 0.9rem 0.84rem 1.86rem;
    font-size: 0.69rem;
    letter-spacing: 0.15em;
  }

  .site-nav-mobile a:not(.header-cta):not(.site-nav-mobile-utility)::before {
    left: 0.88rem;
  }

  .global-player-shell {
    gap: 0.45rem;
  }

  .global-events-button,
  .global-booking-button {
    min-width: 50px;
    width: 50px;
    min-height: 50px;
  }

  .global-booking-button {
    padding-inline: 0;
  }

  .global-player-trigger {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
  }

  .global-player-drawer {
    bottom: calc(100% + 0.76rem);
    width: min(calc(100vw - 1.1rem), 304px);
  }

  .global-player-drawer-copy strong {
    font-size: 0.8rem;
  }

  .global-player-drawer-copy > span:last-child {
    font-size: 0.66rem;
  }
}body[data-page]:not([data-page="inicio"]) {
  --internal-hero-image: url("images/eventos/52.webp");
  --internal-hero-position: center 46%;
  --internal-hero-position-mobile: center 44%;
  --internal-hero-copy-max: 35rem;
  --internal-hero-lead-max: 28rem;
  --internal-hero-title-max: 11ch;
}body[data-page="nosotros"] {
  --internal-hero-image: url("images/hero/nosotros-grupo-20260619.webp");
  --internal-hero-position: center 50%;
  --internal-hero-position-mobile: center 52%;
  --internal-hero-copy-max: 38rem;
  --internal-hero-lead-max: 29rem;
  --internal-hero-title-max: 13.2ch;
}body[data-page="eventos"] {
  --internal-hero-image: url("images/hero/eventos-agenda-20260619.webp");
  --internal-hero-position: center 50%;
  --internal-hero-position-mobile: center 50%;
}body[data-page="musica"] {
  --internal-hero-image: url("images/eventos/16.webp");
  --internal-hero-position: center 38%;
  --internal-hero-position-mobile: center 34%;
  --internal-hero-copy-max: 34rem;
  --internal-hero-lead-max: 26rem;
}body[data-page="videos"] {
  --internal-hero-image: url("images/hero/videos-show-20260619.webp");
  --internal-hero-position: center 48%;
  --internal-hero-position-mobile: center 50%;
}body[data-page="blog"] {
  --internal-hero-image: url("images/musicos/musicos14.webp");
  --internal-hero-position: center 58%;
  --internal-hero-position-mobile: center 58%;
  --internal-hero-copy-max: 34rem;
}body[data-page="galeria"] {
  --internal-hero-image: url("images/eventos/57.webp");
  --internal-hero-position: center 56%;
  --internal-hero-position-mobile: center 60%;
  --internal-hero-copy-max: 34rem;
}body[data-page="contactanos"] {
  --internal-hero-image: url("images/hero/contactanos-escenario-20260619.webp");
  --internal-hero-position: center 52%;
  --internal-hero-position-mobile: center 54%;
  --internal-hero-copy-max: 35rem;
  --internal-hero-lead-max: 27rem;
  --internal-hero-title-max: 8ch;
}body[data-page="aviso-de-privacidad"] {
  --internal-hero-image: url("images/musicos/musicos3.webp");
  --internal-hero-position: center 54%;
  --internal-hero-position-mobile: center 58%;
  --internal-hero-copy-max: 36rem;
  --internal-hero-lead-max: 30rem;
  --internal-hero-title-max: 12ch;
}body[data-page="bolsa-de-trabajo"] {
  --internal-hero-image: url("images/eventos/49.webp");
  --internal-hero-position: center 52%;
  --internal-hero-position-mobile: center 56%;
  --internal-hero-copy-max: 33rem;
  --internal-hero-lead-max: 25rem;
  --internal-hero-title-max: 9ch;
}.jobs-hero-note {
  max-width: 29rem;
  margin: 0.15rem 0 0;
  font-size: 0.84rem;
  line-height: 1.65;
  letter-spacing: 0.04em;
  color: rgba(247, 240, 230, 0.72);
}.legal-grid {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.2rem;
}.legal-card {
  display: grid;
  gap: 0.95rem;
}.legal-card h2,
.legal-card h3 {
  margin: 0;
}.legal-card p {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.72;
}.legal-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}.legal-meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.62rem 0.8rem;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(247, 240, 230, 0.8);
  font-size: 0.78rem;
  font-weight: 700;
}.legal-meta i {
  color: var(--gold-bright);
}.legal-card .feature-list {
  margin-top: 0.1rem;
}.legal-note {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
  padding: 1.35rem 1.45rem;
  border: 1px dashed rgba(244, 207, 120, 0.22);
  border-radius: 28px;
  background: rgba(11, 8, 6, 0.68);
}.legal-note p {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.72;
}.jobs-summary-shell,
.jobs-board-shell {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
}.jobs-summary-shell {
  padding: clamp(1.35rem, 2.8vw, 2rem);
  border: 1px solid var(--line);
  border-radius: 32px;
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.1), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(18, 12, 8, 0.9);
  box-shadow: var(--shadow-strong);
}.jobs-summary-copy {
  display: grid;
  gap: 0.7rem;
  max-width: 48rem;
}.jobs-summary-copy h2,
.jobs-panel-head h2 {
  margin: 0;
}.jobs-summary-copy p,
.jobs-panel-head p,
.jobs-board-copy p,
.jobs-empty-state p {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.72;
}.jobs-guide-note,
.jobs-board-note {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: rgba(247, 240, 230, 0.76);
}.jobs-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.2rem;
  margin-top: 1.25rem;
}.jobs-summary-card {
  display: grid;
  gap: 0.85rem;
}.jobs-summary-step {
  display: inline-grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--gold-bright), var(--gold));
  color: #140d06;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.3rem;
  letter-spacing: 0.06em;
  box-shadow: 0 18px 32px rgba(186, 130, 40, 0.2);
}.jobs-summary-card h3 {
  margin: 0;
}.jobs-summary-card p {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.66;
}.jobs-intake-layout {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
  gap: 1.2rem;
  align-items: stretch;
}.jobs-apply-panel {
  padding: clamp(1.35rem, 2.6vw, 1.9rem);
  border: 1px solid var(--line);
  border-radius: 32px;
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.1), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    var(--panel-strong);
  box-shadow: var(--shadow-strong);
}.jobs-requirements-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: clamp(1.35rem, 2.6vw, 1.9rem);
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 32px;
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.12), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(17, 12, 9, 0.92);
  box-shadow: var(--shadow-strong);
}.jobs-panel-head {
  display: grid;
  gap: 0.55rem;
  margin-bottom: 0.75rem;
}.jobs-apply-form {
  display: grid;
  gap: 1rem;
}.jobs-selected-vacancy {
  display: grid;
  gap: 0.35rem;
  padding: 1rem 1.05rem;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(244, 207, 120, 0.08), transparent 70%),
    rgba(255, 255, 255, 0.025);
}.jobs-selected-vacancy[hidden] {
  display: none;
}.jobs-selected-vacancy-label {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold-bright);
}.jobs-selected-vacancy strong {
  font-size: 1.05rem;
  line-height: 1.2;
  color: var(--text);
}.jobs-selected-vacancy p,
.jobs-form-note {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.6;
}.jobs-file-field {
  display: grid;
  gap: 0.5rem;
}.jobs-file-field input[type="file"] {
  padding: 0.8rem 0.9rem;
}.jobs-file-field input[type="file"]::file-selector-button {
  margin-right: 0.8rem;
  padding: 0.72rem 0.9rem;
  border: 1px solid rgba(244, 207, 120, 0.22);
  border-radius: 14px;
  background: rgba(244, 207, 120, 0.1);
  color: var(--gold-pale);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}.jobs-file-meta {
  font-size: 0.82rem;
  color: rgba(247, 240, 230, 0.68);
}.jobs-form-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
  align-items: stretch;
}.jobs-form-actions .button {
  min-width: 0;
  min-height: 60px;
  padding: 0.92rem 1rem;
  border-radius: 22px;
  justify-content: center;
  text-align: center;
  line-height: 1.15;
}.jobs-requirements-panel .feature-list {
  flex: 1;
  margin-top: 0.35rem;
  padding-top: 0;
  border-top: 0;
  gap: 0.92rem;
}.jobs-requirements-note {
  margin-top: 1.1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(244, 207, 120, 0.12);
  line-height: 1.72;
}.jobs-board-shell {
  padding: clamp(1.35rem, 2.6vw, 1.9rem);
  border: 1px solid rgba(244, 207, 120, 0.18);
  border-radius: 32px;
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.16), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.05), transparent),
    rgba(22, 17, 12, 0.94);
  box-shadow: var(--shadow-strong);
}.jobs-board-copy {
  display: grid;
  gap: 0.55rem;
  max-width: 46rem;
  margin-bottom: 1.4rem;
}.jobs-board-copy h2 {
  margin: 0;
}.jobs-summary-copy p.section-kicker,
.jobs-panel-head p.section-kicker,
.jobs-board-copy p.section-kicker {
  color: var(--gold-bright);
}.jobs-board-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(220px, 0.65fr);
  gap: 1rem;
  margin-bottom: 1rem;
}.jobs-filter-field {
  display: grid;
  gap: 0.5rem;
}.jobs-filter-label {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold-bright);
}.jobs-search-input,
.jobs-filter-select {
  width: 100%;
  padding: 0.95rem 1rem;
  border: 1px solid var(--line-strong);
  border-radius: 20px;
  background: rgba(11, 8, 6, 0.88);
  color: var(--text);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}.jobs-search-input::placeholder {
  color: rgba(247, 240, 230, 0.42);
}.jobs-search-input:focus,
.jobs-filter-select:focus {
  outline: none;
  border-color: rgba(244, 207, 120, 0.42);
  box-shadow: 0 0 0 4px rgba(244, 207, 120, 0.1);
}.jobs-search-input:disabled,
.jobs-filter-select:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}.jobs-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-bottom: 1rem;
}.jobs-filter-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--text);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    color 180ms ease;
}.jobs-filter-chip:hover,
.jobs-filter-chip:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(244, 207, 120, 0.22);
  outline: none;
}.jobs-filter-chip.is-active {
  border-color: transparent;
  background: linear-gradient(135deg, var(--gold-bright), var(--gold));
  color: #140d06;
  box-shadow: 0 16px 28px rgba(186, 130, 40, 0.22);
}.jobs-results-meta {
  margin: 0 0 1.35rem;
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: rgba(247, 240, 230, 0.74);
}.jobs-openings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.2rem;
}.job-card {
  display: grid;
  gap: 1.6rem;
  border-color: rgba(244, 207, 120, 0.16);
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.08), transparent 26%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01)),
    linear-gradient(145deg, rgba(24, 18, 12, 0.98), rgba(14, 11, 8, 0.98));
  box-shadow:
    0 26px 56px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}.job-card-topline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center;
}.job-status-badge,
.job-category-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.72rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}.job-status-badge {
  border: 1px solid rgba(107, 214, 150, 0.34);
  background: rgba(58, 129, 86, 0.28);
  color: #d9ffe5;
}.job-category-badge {
  border: 1px solid rgba(244, 207, 120, 0.26);
  background: rgba(244, 207, 120, 0.14);
  color: var(--gold-pale);
}.job-card h3 {
  margin: 0;
  color: #fff3d5;
  font-size: clamp(1.85rem, 2.4vw, 2.3rem);
  line-height: 0.98;
  text-shadow: 0 10px 24px rgba(0, 0, 0, 0.26);
}.job-card-summary {
  margin: 0;
  max-width: 48rem;
  color: rgba(250, 240, 220, 0.82);
  font-size: 1.02rem;
  line-height: 1.8;
}.job-card-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 1.15rem 1.8rem;
  margin: 0;
  padding: 1.2rem 0 0;
  border-top: 1px solid rgba(244, 207, 120, 0.12);
}.job-card-fact {
  display: grid;
  gap: 0.25rem;
  min-width: min(15rem, 100%);
}.job-card-fact dt {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  color: rgba(255, 222, 153, 0.92);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}.job-card-fact dd {
  margin: 0;
  color: rgba(250, 240, 225, 0.92);
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 1.45;
}.job-card-fact i {
  color: var(--gold-bright);
}.job-card-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.35rem 1.8rem;
  padding-top: 0.45rem;
}.job-card-detail {
  display: grid;
  gap: 0.7rem;
}.job-card-detail h4 {
  margin: 0;
  color: var(--gold-bright);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}.job-card-list {
  display: grid;
  gap: 0.8rem;
  margin: 0;
  padding: 0;
  list-style: none;
}.job-card-list li {
  position: relative;
  padding-left: 1.05rem;
  color: rgba(250, 240, 225, 0.9);
  font-size: 0.98rem;
  line-height: 1.62;
}.job-card-list li::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gold-bright), var(--gold));
}.job-card-extra {
  margin: 0;
  padding-top: 0.5rem;
  color: rgba(250, 240, 225, 0.84);
  font-size: 0.96rem;
  line-height: 1.76;
}.job-card-extra strong {
  color: var(--gold-bright);
}.job-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  margin-top: auto;
  padding-top: 1.35rem;
  border-top: 1px solid rgba(244, 207, 120, 0.16);
}.job-card-compensation {
  display: grid;
  gap: 0.28rem;
}.job-card-compensation span {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gold-bright);
}.job-card-compensation strong {
  font-size: 1.18rem;
  line-height: 1.2;
  color: var(--text);
}.jobs-empty-state {
  display: grid;
  gap: 1rem;
  padding: clamp(1.45rem, 3vw, 2.2rem);
  border: 1px dashed rgba(244, 207, 120, 0.24);
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.14), transparent 32%),
    rgba(11, 8, 6, 0.74);
}.jobs-openings-grid .jobs-empty-state,
.jobs-openings-grid .jobs-no-results {
  grid-column: 1 / -1;
}.jobs-empty-copy {
  display: grid;
  gap: 0.6rem;
}.jobs-empty-state h3 {
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 0.98;
}.jobs-empty-note {
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  color: rgba(247, 240, 230, 0.62);
}.jobs-empty-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
}@media (max-width: 980px) {
  .legal-grid,
  .jobs-summary-grid,
  .jobs-intake-layout,
  .jobs-openings-grid {
    grid-template-columns: 1fr;
  }

  .job-card-details {
    grid-template-columns: 1fr;
  }
}@media (max-width: 640px) {
  .jobs-summary-shell,
  .jobs-apply-panel,
  .jobs-requirements-panel,
  .jobs-board-shell {
    padding: 1.2rem;
    border-radius: 26px;
  }

  .jobs-apply-modal-form-wrap,
  .jobs-apply-modal-head {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }

  .jobs-board-toolbar {
    grid-template-columns: 1fr;
  }

  .job-card-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .job-card-footer .button {
    width: 100%;
  }

  .jobs-form-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.72rem;
  }

  .jobs-form-actions .button {
    min-height: 54px;
    padding: 0.82rem 0.88rem;
    border-radius: 20px;
    font-size: 0.68rem;
    letter-spacing: 0.08em;
  }

  .jobs-empty-actions {
    flex-direction: column;
  }

  .jobs-empty-actions .button {
    width: 100%;
  }

  body.has-cookie-banner .site-shell {
    padding-bottom: 13.5rem;
  }

  .cookie-banner {
    left: 1rem;
    right: 1rem;
    bottom: 5.3rem;
    width: auto;
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }

  .cookie-banner-actions {
    flex-direction: column;
    align-items: stretch;
    min-width: 0;
  }

  .cookie-banner-actions .button {
    width: 100%;
    justify-content: center;
  }
}@media (max-width: 420px) {
  .jobs-form-actions {
    grid-template-columns: 1fr;
  }
}body[data-page="musica"] {
  --music-disc-rotation: 0deg;
  --music-sleeve-shift: 0px;
  --music-scroll-progress: 0;
}.music-player-shell {
  position: relative;
  --music-disc-rotation: 0deg;
  --music-sleeve-shift: 0px;
  width: min(1780px, 100%);
}.music-player-layout {
  display: grid;
  grid-template-columns: minmax(300px, 0.62fr) minmax(0, 1.38fr);
  gap: clamp(1.1rem, 2.4vw, 2rem);
  align-items: start;
}.music-vinyl-column {
  position: relative;
}.music-vinyl-sticky {
  position: sticky;
  top: clamp(5.8rem, 9vw, 7.1rem);
}.music-vinyl-stage.audio-player-cover {
  position: relative;
  display: grid;
  place-items: end center;
  min-height: clamp(500px, 66vw, 680px);
  padding: 1.4rem;
  background-image:
    linear-gradient(180deg, rgba(7, 6, 5, 0.14), rgba(7, 6, 5, 0.9)),
    linear-gradient(135deg, rgba(186, 130, 40, 0.14), transparent 50%, rgba(186, 130, 40, 0.05)),
    url("images/portadas-musicales/web/bendiciones.webp");
  background-position:
    center,
    center,
    center 1.9rem;
  background-size:
    auto,
    auto,
    86% auto;
  background-repeat: no-repeat;
  isolation: isolate;
}.music-vinyl-aura {
  position: absolute;
  inset: auto 12% 16%;
  height: 22%;
  z-index: 0;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(244, 207, 120, 0.34), transparent 72%);
  filter: blur(22px);
  opacity: calc(0.7 + (var(--music-scroll-progress) * 0.3));
  pointer-events: none;
}.music-current-sleeve {
  position: absolute;
  right: 1.2rem;
  bottom: 1.2rem;
  z-index: 1;
  display: grid;
  gap: 0.35rem;
  align-items: center;
  width: min(280px, calc(100% - 2.4rem));
  padding: 0.95rem 1rem;
  border: 1px solid rgba(244, 207, 120, 0.18);
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.05), transparent),
    rgba(11, 8, 6, 0.76);
  backdrop-filter: blur(12px);
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.32);
  transform: translateY(var(--music-sleeve-shift));
  transition: transform 140ms linear;
}.music-current-sleeve-copy {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
}.music-current-sleeve-kicker {
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold-bright);
}.music-current-sleeve-copy strong {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.38rem;
  line-height: 1.02;
  text-wrap: balance;
}.music-player-flow {
  display: grid;
  gap: 1rem;
  min-width: 0;
}.music-playlist-head,
.audio-playlist.music-track-grid {
  grid-column: 1 / -1;
}.music-player-panel.audio-player-panel {
  padding: clamp(1.35rem, 2.6vw, 1.8rem);
}.music-player-panel .audio-player-title {
  max-width: 11ch;
}.music-player-panel .audio-player-copy {
  max-width: 38rem;
}.music-playlist-head {
  display: grid;
  gap: 0.55rem;
  width: 100%;
  max-width: none;
  padding-top: 0.35rem;
}.music-playlist-head h3 {
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2rem, 3.3vw, 3rem);
  line-height: 0.96;
  color: var(--text);
}.music-playlist-head p:last-child {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.72;
}.audio-playlist.music-track-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.15rem;
  max-height: none;
  overflow: visible;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}.audio-playlist.music-track-grid::before {
  display: none;
}.audio-track-art {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(244, 207, 120, 0.14);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.03) center / cover no-repeat;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 18px 34px rgba(0, 0, 0, 0.26);
}.audio-track-art::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.04), rgba(7, 6, 5, 0.42)),
    linear-gradient(145deg, rgba(244, 207, 120, 0.08), transparent 48%);
}.audio-track-content {
  display: grid;
  gap: 0.8rem;
  min-width: 0;
}.audio-track-topline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
}.audio-track-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.35rem;
  min-height: 2.1rem;
  padding: 0.3rem 0.6rem;
  border-radius: 999px;
  background: rgba(244, 207, 120, 0.12);
  color: var(--gold-pale);
  font-family: "Bebas Neue", sans-serif;
  font-size: 1rem;
  letter-spacing: 0.08em;
}.music-track-grid .audio-track-card {
  display: grid;
  grid-template-columns: 184px minmax(0, 1fr);
  gap: 1.15rem;
  align-items: stretch;
  padding: 1.18rem 1.25rem;
  border-radius: 32px;
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.12), transparent 26%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.05), transparent),
    rgba(12, 9, 7, 0.9);
}.music-track-grid .audio-track-art {
  min-height: 196px;
}.music-track-grid .audio-track {
  gap: 0.42rem;
}.music-track-grid .audio-track-title {
  font-size: clamp(1.7rem, 2.6vw, 2.2rem);
  line-height: 0.98;
}.music-track-grid .audio-track-meta {
  line-height: 1.66;
}.music-track-grid .audio-track-actions {
  margin-top: auto;
}.music-track-grid .audio-track-card:hover,
.music-track-grid .audio-track-card:focus-within,
.music-track-grid .audio-track-card.is-active {
  transform: translateX(8px);
  border-color: rgba(244, 207, 120, 0.34);
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.16), transparent 28%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.06), transparent),
    rgba(15, 11, 8, 0.96);
  box-shadow:
    0 24px 46px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(244, 207, 120, 0.08);
}.music-track-grid .audio-track-card.is-active .audio-track-art {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 22px 40px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(244, 207, 120, 0.08);
}.player-modal-playlist .audio-track-card {
  display: grid;
}.custom-select-options {
  display: grid;
  gap: 0.7rem;
}.custom-select-search {
  position: sticky;
  top: -0.8rem;
  z-index: 3;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.65rem;
  margin: -0.8rem -0.8rem 0.15rem;
  padding: 0.8rem;
  border-bottom: 1px solid rgba(244, 207, 120, 0.12);
  border-radius: 24px 24px 14px 14px;
  background: rgba(12, 9, 7, 0.98);
  backdrop-filter: blur(16px);
}.custom-select-search-icon {
  position: relative;
  width: 17px;
  height: 17px;
  margin-left: 0.25rem;
  border: 2px solid rgba(244, 207, 120, 0.72);
  border-radius: 50%;
}.custom-select-search-icon::after {
  content: "";
  position: absolute;
  right: -5px;
  bottom: -3px;
  width: 7px;
  height: 2px;
  border-radius: 999px;
  background: rgba(244, 207, 120, 0.72);
  transform: rotate(45deg);
  transform-origin: left center;
}.contact-form .custom-select-search-input,
.custom-select-search-input {
  min-width: 0;
  min-height: 44px;
  padding: 0.7rem 0.85rem;
  border: 1px solid rgba(244, 207, 120, 0.2);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  box-shadow: none;
  color: var(--text);
  font: inherit;
  font-weight: 650;
  outline: none;
}.contact-form .custom-select-search-input:focus,
.custom-select-search-input:focus {
  border-color: rgba(244, 207, 120, 0.48);
  background: rgba(255, 255, 255, 0.065);
  box-shadow: 0 0 0 4px rgba(244, 207, 120, 0.08);
}.custom-select-search-input::placeholder {
  color: rgba(219, 200, 161, 0.62);
}.custom-select-empty {
  margin: 0;
  padding: 0.3rem 0.8rem 0;
  color: rgba(240, 229, 207, 0.7);
  font-size: 0.86rem;
  line-height: 1.45;
}.custom-select-custom-value {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.7rem;
  width: 100%;
  padding: 0.8rem 0.9rem;
  border: 1px dashed rgba(244, 207, 120, 0.28);
  border-radius: 16px;
  background: rgba(244, 207, 120, 0.06);
  color: var(--gold-pale);
  text-align: left;
  cursor: pointer;
}.custom-select-custom-value:hover,
.custom-select-custom-value:focus-visible {
  border-color: rgba(244, 207, 120, 0.5);
  background: rgba(244, 207, 120, 0.11);
  outline: none;
}.custom-select-custom-value strong {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border-radius: 9px;
  background: rgba(244, 207, 120, 0.12);
  font-size: 1rem;
}.custom-select-option[hidden],
.custom-select-group[hidden],
.custom-select-empty[hidden],
.custom-select-custom-value[hidden] {
  display: none;
}.music-albums-section[hidden] {
  display: none;
}.music-albums-shell {
  display: grid;
  gap: clamp(1.2rem, 2.6vw, 2rem);
  width: min(1780px, 100%);
  margin-inline: auto;
}.music-albums-head {
  display: grid;
  gap: 0.55rem;
  max-width: 780px;
}.music-albums-head h2 {
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2.15rem, 4.2vw, 4rem);
  line-height: 0.94;
  color: var(--text);
}.music-albums-head p:last-child {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.68;
}.music-albums-grid {
  display: grid;
  gap: 1rem;
}.music-album-card {
  display: grid;
  grid-template-columns: minmax(220px, 320px) minmax(220px, 0.82fr) minmax(300px, 1fr);
  gap: clamp(1rem, 2.2vw, 1.45rem);
  align-items: stretch;
  padding: clamp(1rem, 2.2vw, 1.35rem);
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 30px;
  background:
    radial-gradient(circle at top left, rgba(244, 207, 120, 0.13), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
    rgba(12, 9, 7, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 24px 48px rgba(0, 0, 0, 0.24);
}.music-album-cover {
  min-height: 320px;
  border: 1px solid rgba(244, 207, 120, 0.16);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.04) center / cover no-repeat;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 18px 34px rgba(0, 0, 0, 0.28);
}.music-album-copy {
  display: grid;
  gap: 0.65rem;
  align-content: center;
  min-width: 0;
}.music-album-kicker {
  margin: 0;
  color: var(--gold-bright);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}.music-album-copy h3 {
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2rem, 3.2vw, 3.15rem);
  line-height: 0.94;
  color: var(--text);
}.music-album-meta,
.music-album-description,
.music-album-empty {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.62;
}.music-album-meta {
  color: var(--gold-pale);
  font-size: 0.92rem;
  font-weight: 800;
}.music-album-platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.25rem;
}.music-album-tracks {
  display: grid;
  align-content: center;
  gap: 0.65rem;
  min-width: 0;
}.music-album-track {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  padding: 0.72rem 0.75rem;
  border: 1px solid rgba(244, 207, 120, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
  transition:
    border-color 180ms ease,
    background 180ms ease,
    transform 180ms ease;
}.music-album-track:hover,
.music-album-track:focus-within,
.music-album-track.is-active {
  transform: translateX(4px);
  border-color: rgba(244, 207, 120, 0.3);
  background: rgba(244, 207, 120, 0.08);
}.music-album-track-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  min-height: 1.85rem;
  border-radius: 999px;
  background: rgba(244, 207, 120, 0.12);
  color: var(--gold-pale);
  font-family: "Bebas Neue", sans-serif;
  font-size: 0.92rem;
}.music-album-track-button {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}.music-album-track-button strong {
  overflow: hidden;
  color: var(--text);
  font-family: "Cormorant Garamond", serif;
  font-size: 1.34rem;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}.music-album-track-button span {
  overflow: hidden;
  color: var(--text-soft);
  font-size: 0.88rem;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}@media (max-width: 980px) {
  .music-player-layout {
    grid-template-columns: 1fr;
  }

  .music-vinyl-sticky {
    position: relative;
    top: auto;
  }

  .music-vinyl-stage.audio-player-cover {
    min-height: 520px;
    background-position:
      center,
      center,
      center 1.3rem;
    background-size:
      auto,
      auto,
      94% auto;
  }

  .music-player-shell {
    width: 100%;
  }

  .music-player-panel .audio-player-title {
    max-width: none;
  }

  .audio-playlist.music-track-grid {
    grid-template-columns: 1fr;
    gap: 0.95rem;
    padding-top: 0.35rem;
  }

  .music-track-grid .audio-track-card {
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    padding: 0 0 1rem;
    border: 0;
    border-bottom: 1px solid rgba(244, 207, 120, 0.14);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .music-track-grid .audio-track-card:hover,
  .music-track-grid .audio-track-card:focus-within,
  .music-track-grid .audio-track-card.is-active {
    transform: none;
    border-color: rgba(244, 207, 120, 0.22);
    background: transparent;
    box-shadow: none;
  }

  .music-track-grid .audio-track-card:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }

  .music-track-grid .audio-track-art {
    min-height: 132px;
    border-radius: 20px;
  }

  .music-track-grid .audio-track-content {
    gap: 0.7rem;
    align-content: center;
  }

  .music-track-grid .audio-track-title {
    font-size: clamp(1.45rem, 4.2vw, 1.95rem);
  }

  .music-track-grid .audio-track-meta {
    max-width: 28ch;
    line-height: 1.58;
  }

  .music-track-grid .audio-track-actions {
    margin-top: 0.15rem;
  }

  .music-album-card {
    grid-template-columns: 180px minmax(0, 1fr);
  }

  .music-album-cover {
    min-height: 180px;
  }

  .music-album-tracks {
    grid-column: 1 / -1;
  }
}@media (max-width: 640px) {
  .music-vinyl-stage.audio-player-cover {
    min-height: 430px;
    padding: 1rem;
    background-position:
      center,
      center,
      center 0.85rem;
    background-size:
      auto,
      auto,
      100% auto;
  }

  .music-current-sleeve {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    margin-top: 1rem;
    transform: none;
  }

  .music-playlist-head h3 {
    font-size: clamp(1.9rem, 8vw, 2.55rem);
  }

  .audio-playlist.music-track-grid {
    grid-template-columns: 1fr !important;
    gap: 1rem;
    padding-top: 0.15rem;
  }

  .music-track-grid .audio-track-card {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 0.9rem;
    align-items: center;
    padding: 0 0 1rem;
    border-radius: 0;
  }

  .player-modal-playlist .audio-track-card {
    grid-template-columns: 1fr;
    padding: 1.05rem 1rem;
  }

  .music-track-grid .audio-track-art {
    min-height: 104px;
    border-radius: 18px;
  }

  .player-modal-playlist .audio-track-art {
    min-height: 168px;
  }

  .music-track-grid .audio-track-content {
    gap: 0.62rem;
  }

  .music-track-grid .audio-track {
    gap: 0.38rem;
  }

  .music-track-grid .audio-track-topline {
    gap: 0.45rem;
  }

  .music-track-grid .audio-track-number {
    min-width: 2.05rem;
    min-height: 1.85rem;
    padding: 0.25rem 0.48rem;
    font-size: 0.9rem;
  }

  .music-track-grid .audio-track-kicker {
    font-size: 0.6rem;
    letter-spacing: 0.14em;
  }

  .music-track-grid .audio-track-title {
    font-size: clamp(1.45rem, 6.6vw, 1.85rem);
    line-height: 0.98;
  }

  .music-track-grid .audio-track-meta {
    max-width: none;
    font-size: 0.94rem;
    line-height: 1.5;
  }

  .music-track-grid .audio-track-actions .track-platform-links.is-compact {
    gap: 0.45rem;
  }

  .music-track-grid .audio-track-actions .track-platform-link.is-compact {
    min-width: 42px;
    min-height: 42px;
  }

  .music-album-card {
    grid-template-columns: 1fr;
    padding: 1rem;
    border-radius: 24px;
  }

  .music-album-cover {
    min-height: auto;
    aspect-ratio: 1;
  }

  .music-album-track {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .music-album-track .track-platform-links {
    grid-column: 1 / -1;
  }
}@media (max-width: 760px) {
  .audio-playlist.music-track-grid {
    width: 100vw;
    max-width: none;
    margin-inline: calc(50% - 50vw);
    padding-inline: clamp(1rem, 4vw, 1.35rem);
    gap: 0;
    overflow-x: clip;
    scrollbar-gutter: auto;
  }

  .music-track-grid .audio-track-card {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 0.9rem;
    align-items: center;
    padding: 0.95rem 0;
    border: 0;
    border-bottom: 1px solid rgba(244, 207, 120, 0.14);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .music-track-grid .audio-track-card:last-child {
    border-bottom: 0;
  }

  .music-track-grid .audio-track-art {
    min-height: 88px;
    border-radius: 16px;
  }

  .music-track-grid .audio-track-content {
    gap: 0.55rem;
  }

  .music-track-grid .audio-track-topline {
    gap: 0.42rem;
  }

  .music-track-grid .audio-track-kicker {
    font-size: 0.58rem;
    letter-spacing: 0.13em;
  }

  .music-track-grid .audio-track-title {
    font-size: clamp(1.22rem, 6.2vw, 1.68rem);
    line-height: 0.98;
  }

  .music-track-grid .audio-track-meta {
    font-size: 0.92rem;
    line-height: 1.46;
  }

  .music-track-grid .audio-track-actions {
    margin-top: 0.05rem;
  }

  .music-track-grid .audio-track-actions .track-platform-links.is-compact {
    gap: 0.4rem;
    justify-content: flex-start;
  }

  .music-track-grid .audio-track-actions .track-platform-link.is-compact {
    min-width: 40px;
    min-height: 40px;
  }

  .player-modal-playlist {
    max-height: min(64vh, 520px);
    padding: 0.2rem 0 0;
    border-radius: 0;
    background: transparent;
    scrollbar-gutter: auto;
  }

  .player-modal-playlist.audio-playlist {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .player-modal-playlist .audio-track-card {
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 0.82rem;
    padding: 0.92rem 0;
    border: 0;
    border-bottom: 1px solid rgba(244, 207, 120, 0.14);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .player-modal-playlist .audio-track-card:last-child {
    border-bottom: 0;
  }

  .player-modal-playlist .audio-track-art {
    min-height: 84px;
    border-radius: 16px;
  }

  .player-modal-playlist .audio-track-title {
    font-size: 1.12rem;
  }

  .player-modal-playlist .audio-track-meta {
    font-size: 0.88rem;
    line-height: 1.42;
  }
}body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-grid {
  --internal-hero-shift: 0px;
  --internal-hero-progress: 0.5;
  position: relative;
  z-index: 2;
  isolation: isolate;
  width: 100vw;
  max-width: none;
  min-height: clamp(560px, 78vh, 760px);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  grid-template-columns: minmax(0, 1fr);
  align-items: end;
  gap: 1rem;
  padding: clamp(1.2rem, 2.8vw, 2rem) clamp(1.4rem, 3.6vw, 3rem);
  overflow: hidden;
  border-top: 1px solid rgba(244, 207, 120, 0.14);
  border-bottom: 1px solid rgba(244, 207, 120, 0.14);
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.16) 0%, rgba(7, 6, 5, 0.24) 44%, rgba(7, 6, 5, 0.76) 100%),
    linear-gradient(90deg, rgba(7, 6, 5, 0.8) 0%, rgba(7, 6, 5, 0.46) 30%, rgba(7, 6, 5, 0.1) 60%, rgba(7, 6, 5, 0.28) 100%),
    radial-gradient(circle at 14% 24%, rgba(244, 207, 120, 0.1), transparent 24%),
    linear-gradient(122deg, rgba(255, 255, 255, 0.04), transparent 30%, rgba(255, 255, 255, 0.02) 54%, transparent 72%),
    var(--internal-hero-image) var(--internal-hero-position) / cover no-repeat;
  box-shadow: var(--shadow-strong);
}body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-grid::before {
  content: "";
  position: absolute;
  inset: -8%;
  z-index: 0;
  background:
    radial-gradient(circle at 14% 16%, rgba(244, 207, 120, 0.24), transparent 22%),
    radial-gradient(circle at 84% 18%, rgba(255, 124, 54, 0.14), transparent 20%),
    linear-gradient(115deg, transparent 18%, rgba(255, 255, 255, 0.1) 49%, transparent 58%);
  opacity: 0.82;
  filter: blur(28px);
  mix-blend-mode: screen;
  transform: translate3d(0, calc(var(--internal-hero-shift) * -0.45), 0) scale(1);
  animation: internalHeroAuraDrift 18s ease-in-out infinite alternate;
  pointer-events: none;
}body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-grid::after {
  content: "";
  position: absolute;
  inset: 0.95rem 1.25rem;
  z-index: 1;
  border: 1px solid rgba(244, 207, 120, 0.07);
  border-radius: 30px;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.02),
    inset 0 0 42px rgba(244, 207, 120, 0.02);
  animation: internalHeroFrameGlow 9s ease-in-out infinite;
  pointer-events: none;
}body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 0.85rem;
  max-width: min(100%, var(--internal-hero-copy-max));
  padding: clamp(1.05rem, 2vw, 1.55rem) clamp(1.05rem, 2.2vw, 1.55rem) clamp(1.2rem, 2.2vw, 1.75rem);
  border: 1px solid rgba(244, 207, 120, 0.12);
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent),
    linear-gradient(135deg, rgba(18, 15, 11, 0.78), rgba(10, 8, 6, 0.52));
  box-shadow:
    0 26px 54px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(12px);
  overflow: hidden;
  transform: translate3d(0, calc(var(--internal-hero-shift) * -0.18), 0);
  transition: transform 180ms linear;
}body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy::before {
  content: "";
  position: absolute;
  top: 1rem;
  bottom: 1rem;
  left: 0;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 240, 199, 0.96), rgba(186, 130, 40, 0.14));
  box-shadow: 0 0 24px rgba(244, 207, 120, 0.32);
  animation: internalHeroAccentPulse 4.6s ease-in-out infinite;
}body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy::after {
  content: "";
  position: absolute;
  right: -2.5rem;
  bottom: -2.6rem;
  width: 9.5rem;
  height: 9.5rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(244, 207, 120, 0.14), transparent 68%);
  opacity: 0.72;
  pointer-events: none;
}body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy > * {
  position: relative;
  z-index: 1;
}body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy > * {
  opacity: 0;
  transform: translateY(22px);
  filter: blur(6px);
}body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy.is-visible > * {
  animation: internalHeroCopyRise 760ms cubic-bezier(0.18, 0.9, 0.2, 1) forwards;
}body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy.is-visible > :nth-child(1) {
  animation-delay: 70ms;
}body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy.is-visible > :nth-child(2) {
  animation-delay: 150ms;
}body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy.is-visible > :nth-child(3) {
  animation-delay: 230ms;
}body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy.is-visible > :nth-child(4) {
  animation-delay: 310ms;
}body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy.is-visible > :nth-child(5) {
  animation-delay: 390ms;
}body[data-page]:not([data-page="inicio"]) .page-hero .page-title {
  margin: 0;
  max-width: var(--internal-hero-title-max);
  font-size: clamp(3rem, 6.2vw, 5.8rem);
  line-height: 0.9;
  text-wrap: balance;
  text-shadow: 0 18px 38px rgba(0, 0, 0, 0.4);
}body[data-page]:not([data-page="inicio"]) .page-hero .lead {
  max-width: var(--internal-hero-lead-max);
  margin-top: 0;
  font-size: 1rem;
  line-height: 1.68;
  color: rgba(247, 240, 230, 0.88);
  text-shadow: 0 10px 24px rgba(0, 0, 0, 0.26);
}body[data-page]:not([data-page="inicio"]) .page-hero .section-kicker {
  margin-bottom: 0.15rem;
}body[data-page]:not([data-page="inicio"]) .page-hero .hero-actions {
  margin-top: 1.15rem;
}body[data-page]:not([data-page="inicio"]) .page-hero .platform-link-strip {
  max-width: min(100%, 40rem);
  margin-top: 0.2rem;
}body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-visual {
  display: none;
}body[data-page="eventos"] .page-hero .page-hero-bg-image,
body[data-page="videos"] .page-hero .page-hero-bg-image,
body[data-page="contactanos"] .page-hero .page-hero-bg-image {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--internal-hero-position);
  pointer-events: none;
}body[data-page="eventos"] .page-hero .page-hero-grid::before,
body[data-page="videos"] .page-hero .page-hero-grid::before,
body[data-page="contactanos"] .page-hero .page-hero-grid::before {
  z-index: 1;
  filter: none;
  opacity: 1;
}body[data-page="eventos"] .page-hero .page-hero-grid::after,
body[data-page="videos"] .page-hero .page-hero-grid::after,
body[data-page="contactanos"] .page-hero .page-hero-grid::after {
  z-index: 2;
}body[data-page="eventos"] .page-hero .page-hero-copy,
body[data-page="videos"] .page-hero .page-hero-copy,
body[data-page="contactanos"] .page-hero .page-hero-copy {
  z-index: 3;
}body[data-page="contactanos"] .page-hero .page-hero-grid {
  min-height: clamp(540px, 74vh, 720px);
  align-items: end;
  background: #070605;
}body[data-page="contactanos"] .page-hero .page-hero-grid::after {
  inset: 1rem 1.2rem;
  border-color: rgba(244, 207, 120, 0.08);
}body[data-page="contactanos"] .page-hero .page-hero-copy {
  gap: 0.75rem;
  padding-bottom: 0.25rem;
}body[data-page="contactanos"] .page-hero .page-title {
  font-size: clamp(3.4rem, 6.4vw, 6.2rem);
  line-height: 0.88;
  text-shadow: 0 18px 42px rgba(0, 0, 0, 0.44);
}body[data-page="contactanos"] .page-hero .lead {
  font-size: 1.02rem;
  line-height: 1.66;
  color: rgba(247, 240, 230, 0.92);
}body[data-page="contactanos"] .page-hero .hero-actions {
  margin-top: 0.9rem;
}body[data-page="eventos"] .page-hero .page-hero-grid {
  min-height: clamp(420px, 58vh, 620px);
  align-items: center;
  background: #070605;
}body[data-page="eventos"] .page-hero .page-hero-grid::before {
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.04) 0%, rgba(7, 6, 5, 0.14) 42%, rgba(7, 6, 5, 0.58) 100%),
    linear-gradient(90deg, rgba(7, 6, 5, 0.58) 0%, rgba(7, 6, 5, 0.22) 30%, rgba(7, 6, 5, 0.02) 62%, rgba(7, 6, 5, 0.14) 100%),
    linear-gradient(108deg, transparent 18%, rgba(255, 236, 188, 0.16) 38%, transparent 56%),
    linear-gradient(124deg, transparent 26%, rgba(255, 176, 84, 0.1) 44%, transparent 60%),
    radial-gradient(circle at 78% 18%, rgba(244, 207, 120, 0.22), transparent 24%);
}body[data-page="eventos"] .page-hero .page-hero-copy {
  border-radius: 34px 24px 30px 24px;
  justify-items: center;
  margin-inline: auto;
  text-align: center;
}body[data-page="eventos"] .page-hero .page-title,
body[data-page="eventos"] .page-hero .lead {
  margin-inline: auto;
}body[data-page="musica"] .page-hero .page-hero-grid {
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.18) 0%, rgba(7, 6, 5, 0.2) 44%, rgba(7, 6, 5, 0.78) 100%),
    linear-gradient(90deg, rgba(7, 6, 5, 0.8) 0%, rgba(7, 6, 5, 0.44) 30%, rgba(7, 6, 5, 0.1) 60%, rgba(7, 6, 5, 0.3) 100%),
    radial-gradient(circle at 82% 24%, rgba(244, 207, 120, 0.18), transparent 18%),
    linear-gradient(122deg, rgba(255, 255, 255, 0.04), transparent 34%, rgba(255, 255, 255, 0.02) 56%, transparent 72%),
    var(--internal-hero-image) var(--internal-hero-position) / cover no-repeat;
}body[data-page="musica"] .page-hero .page-hero-grid::before {
  background:
    repeating-radial-gradient(circle at 82% 24%, rgba(255, 241, 204, 0.08) 0 1px, transparent 1px 16px),
    radial-gradient(circle at 82% 24%, rgba(244, 207, 120, 0.2) 0 7%, transparent 8% 100%),
    radial-gradient(circle at 18% 20%, rgba(255, 123, 53, 0.14), transparent 24%);
  filter: blur(20px);
  opacity: 0.9;
  animation: musicHeroPulse 9s ease-in-out infinite;
}body[data-page="musica"] .page-hero .page-hero-copy {
  border-radius: 34px;
}body[data-page="musica"] .page-hero .page-hero-copy::after {
  right: -1.4rem;
  bottom: -1.4rem;
  width: 8.5rem;
  height: 8.5rem;
  background:
    radial-gradient(circle, rgba(244, 207, 120, 0.14) 0 24%, transparent 24% 32%, rgba(255, 255, 255, 0.08) 32% 33%, transparent 33% 48%, rgba(255, 255, 255, 0.06) 48% 49%, transparent 49% 100%);
  animation: musicHeroOrbSpin 14s linear infinite;
}body[data-page="videos"] .page-hero .page-hero-grid {
  background: #070605;
}body[data-page="videos"] .page-hero .page-hero-grid::before {
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.08) 0%, rgba(7, 6, 5, 0.16) 42%, rgba(7, 6, 5, 0.64) 100%),
    linear-gradient(90deg, rgba(7, 6, 5, 0.74) 0%, rgba(7, 6, 5, 0.32) 32%, rgba(7, 6, 5, 0.04) 62%, rgba(7, 6, 5, 0.18) 100%),
    linear-gradient(116deg, transparent 24%, rgba(255, 250, 232, 0.2) 44%, rgba(255, 185, 94, 0.12) 48%, transparent 58%),
    radial-gradient(circle at 84% 18%, rgba(255, 124, 54, 0.18), transparent 20%);
  animation: videoHeroSweep 12s cubic-bezier(0.28, 0.1, 0.22, 1) infinite;
}body[data-page="videos"] .page-hero .page-hero-copy {
  border-radius: 20px 32px 20px 32px;
}body[data-page="galeria"] .page-hero .page-hero-grid {
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.16) 0%, rgba(7, 6, 5, 0.24) 44%, rgba(7, 6, 5, 0.78) 100%),
    linear-gradient(90deg, rgba(7, 6, 5, 0.8) 0%, rgba(7, 6, 5, 0.42) 28%, rgba(7, 6, 5, 0.08) 62%, rgba(7, 6, 5, 0.28) 100%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0 1px, transparent 1px 11.5%),
    radial-gradient(circle at 80% 16%, rgba(255, 255, 255, 0.1), transparent 16%),
    var(--internal-hero-image) var(--internal-hero-position) / cover no-repeat;
}body[data-page="galeria"] .page-hero .page-hero-grid::before {
  background:
    repeating-linear-gradient(90deg, transparent 0 12%, rgba(255, 255, 255, 0.05) 12% 12.4%, transparent 12.4% 24%),
    repeating-linear-gradient(0deg, transparent 0 22%, rgba(255, 255, 255, 0.04) 22% 22.4%, transparent 22.4% 44%),
    radial-gradient(circle at 80% 16%, rgba(255, 255, 255, 0.14), transparent 18%);
  filter: blur(18px);
  opacity: 0.78;
  animation: galleryHeroFlash 8s ease-in-out infinite;
}body[data-page="galeria"] .page-hero .page-hero-copy {
  border-radius: 30px 30px 30px 12px;
}body[data-page="blog"] .page-hero .page-hero-grid {
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.16) 0%, rgba(7, 6, 5, 0.24) 44%, rgba(7, 6, 5, 0.8) 100%),
    linear-gradient(90deg, rgba(7, 6, 5, 0.84) 0%, rgba(7, 6, 5, 0.5) 28%, rgba(7, 6, 5, 0.12) 58%, rgba(7, 6, 5, 0.26) 100%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0 1px, transparent 1px 42px),
    linear-gradient(118deg, rgba(151, 26, 34, 0.16), transparent 24%, transparent 74%, rgba(244, 207, 120, 0.06)),
    var(--internal-hero-image) var(--internal-hero-position) / cover no-repeat;
}body[data-page="blog"] .page-hero .page-hero-grid::before {
  background:
    linear-gradient(90deg, rgba(151, 26, 34, 0.24), transparent 34%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 36px),
    radial-gradient(circle at 86% 18%, rgba(244, 207, 120, 0.14), transparent 18%);
  filter: blur(12px);
  opacity: 0.86;
}body[data-page="blog"] .page-hero .page-hero-copy {
  border-radius: 18px 30px 24px 30px;
}body[data-page="blog"] .page-hero .page-hero-copy::before {
  width: 5px;
  background: linear-gradient(180deg, rgba(255, 240, 199, 0.96), rgba(142, 28, 37, 0.32));
}body[data-page="nosotros"] .page-hero .page-hero-grid {
  padding-left: clamp(2.4rem, 6vw, 6.4rem);
  padding-right: clamp(1.4rem, 4.5vw, 4.8rem);
  background: #070605;
}body[data-page="nosotros"] .page-hero .page-hero-bg-image {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--internal-hero-position);
  pointer-events: none;
}body[data-page="nosotros"] .page-hero .page-hero-grid::before {
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.02) 0%, rgba(7, 6, 5, 0.06) 46%, rgba(7, 6, 5, 0.38) 100%),
    linear-gradient(90deg, rgba(7, 6, 5, 0.42) 0%, rgba(7, 6, 5, 0.18) 32%, rgba(7, 6, 5, 0.02) 64%, rgba(7, 6, 5, 0.08) 100%),
    radial-gradient(circle at 18% 18%, rgba(244, 207, 120, 0.18), transparent 24%),
    radial-gradient(circle at 82% 20%, rgba(255, 124, 54, 0.12), transparent 20%);
  filter: none;
  opacity: 1;
}body[data-page="nosotros"] .page-hero .page-hero-grid::after {
  z-index: 2;
}body[data-page="nosotros"] .page-hero .page-hero-copy {
  z-index: 3;
  border-radius: 38px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent),
    linear-gradient(135deg, rgba(21, 16, 11, 0.72), rgba(9, 7, 5, 0.38));
  backdrop-filter: blur(13px) saturate(124%);
}body[data-page="nosotros"] .page-hero .page-title {
  font-size: clamp(3rem, 5.25vw, 5.35rem);
}body[data-page="contactanos"] .page-hero .page-hero-grid::before {
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.04) 0%, rgba(7, 6, 5, 0.16) 42%, rgba(7, 6, 5, 0.66) 100%),
    linear-gradient(90deg, rgba(7, 6, 5, 0.72) 0%, rgba(7, 6, 5, 0.34) 32%, rgba(7, 6, 5, 0.08) 62%, rgba(7, 6, 5, 0.2) 100%),
    repeating-radial-gradient(circle at 84% 22%, rgba(244, 207, 120, 0.12) 0 2px, transparent 2px 18px),
    radial-gradient(circle at 84% 22%, rgba(244, 207, 120, 0.18), transparent 28%),
    linear-gradient(118deg, transparent 24%, rgba(255, 242, 212, 0.12) 48%, transparent 58%);
  filter: none;
  opacity: 1;
  animation: contactHeroPing 8s ease-in-out infinite;
}body[data-page="contactanos"] .page-hero .page-hero-copy {
  border-radius: 32px 24px 32px 24px;
}body[data-page="bolsa-de-trabajo"] .page-hero .page-hero-grid {
  background:
    linear-gradient(180deg, rgba(7, 6, 5, 0.16) 0%, rgba(7, 6, 5, 0.24) 44%, rgba(7, 6, 5, 0.78) 100%),
    linear-gradient(90deg, rgba(7, 6, 5, 0.82) 0%, rgba(7, 6, 5, 0.46) 28%, rgba(7, 6, 5, 0.1) 58%, rgba(7, 6, 5, 0.28) 100%),
    linear-gradient(rgba(244, 207, 120, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 207, 120, 0.05) 1px, transparent 1px),
    radial-gradient(circle at 78% 20%, rgba(244, 207, 120, 0.14), transparent 22%),
    var(--internal-hero-image) var(--internal-hero-position) / cover no-repeat;
  background-size: auto, auto, 32px 32px, 32px 32px, auto, cover;
}body[data-page="bolsa-de-trabajo"] .page-hero .page-hero-grid::before {
  background:
    linear-gradient(rgba(244, 207, 120, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244, 207, 120, 0.07) 1px, transparent 1px),
    radial-gradient(circle at 78% 20%, rgba(244, 207, 120, 0.18), transparent 22%);
  background-size: 28px 28px, 28px 28px, auto;
  filter: blur(10px);
  opacity: 0.74;
  animation: jobsHeroGridShift 14s linear infinite;
}body[data-page="bolsa-de-trabajo"] .page-hero .page-hero-copy {
  border-radius: 24px 34px 24px 34px;
}body[data-page="aviso-de-privacidad"] .page-hero .page-hero-grid::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 42%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0 1px, transparent 1px 36px),
    radial-gradient(circle at 84% 18%, rgba(244, 207, 120, 0.12), transparent 18%);
  filter: blur(14px);
  opacity: 0.72;
}body[data-page="aviso-de-privacidad"] .page-hero .page-hero-copy {
  border-radius: 20px 30px;
}@media (max-width: 980px) {
  body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-grid {
    min-height: 620px;
    padding: 1.45rem 1rem;
  }

  body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy {
    max-width: min(100%, 32rem);
    padding: 1rem 1rem 1.25rem;
    border-radius: 26px;
  }

  body[data-page]:not([data-page="inicio"]) .page-hero .page-title {
    max-width: 10ch;
    font-size: clamp(2.85rem, 8vw, 4.5rem);
  }

  body[data-page="contactanos"] .contact-shell-refined {
    grid-template-columns: 1fr;
    gap: 1.15rem;
  }

  body[data-page="contactanos"] .choice-options {
    grid-template-columns: 1fr;
  }
}@media (max-width: 640px) {
  body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-grid {
    min-height: 630px;
    padding: 1.15rem 0.75rem 1.35rem;
    background:
      linear-gradient(180deg, rgba(7, 6, 5, 0.05) 0%, rgba(7, 6, 5, 0.14) 24%, rgba(7, 6, 5, 0.56) 62%, rgba(7, 6, 5, 0.88) 100%),
      linear-gradient(110deg, rgba(7, 6, 5, 0.68) 0%, rgba(7, 6, 5, 0.24) 34%, rgba(7, 6, 5, 0.08) 62%, rgba(7, 6, 5, 0.22) 100%),
      radial-gradient(circle at 18% 20%, rgba(244, 207, 120, 0.14), transparent 24%),
      var(--internal-hero-image) var(--internal-hero-position-mobile) / cover no-repeat;
  }

  body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-grid::before {
    inset: -12%;
    filter: blur(24px);
    opacity: 0.88;
  }

  body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-grid::after {
    inset: 0.72rem;
    border-radius: 22px;
  }

  body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy {
    max-width: min(100%, 22rem);
    padding: 0.92rem 0.94rem 1.02rem;
    border-radius: 22px;
    gap: 0.75rem;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent),
      linear-gradient(135deg, rgba(18, 15, 11, 0.62), rgba(10, 8, 6, 0.32));
    box-shadow:
      0 18px 40px rgba(0, 0, 0, 0.24),
      inset 0 1px 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(9px);
  }

  body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy::before {
    top: 0.85rem;
    bottom: 0.85rem;
  }

  body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy::after {
    width: 7rem;
    height: 7rem;
    right: -1.9rem;
    bottom: -1.8rem;
  }

  body[data-page]:not([data-page="inicio"]) .page-hero .page-title {
    max-width: 11.2ch;
    font-size: clamp(2.18rem, 8.7vw, 3.35rem);
    line-height: 0.93;
  }

  body[data-page]:not([data-page="inicio"]) .page-hero .lead {
    max-width: 19.5rem;
    font-size: 0.91rem;
    line-height: 1.54;
  }

  body[data-page]:not([data-page="inicio"]) .page-hero .section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.46rem;
    width: fit-content;
    margin-bottom: 0;
    padding: 0.38rem 0.66rem;
    border: 1px solid rgba(244, 207, 120, 0.14);
    border-radius: 999px;
    background: rgba(8, 7, 5, 0.38);
    font-size: 0.67rem;
    letter-spacing: 0.12em;
  }

  body[data-page="nosotros"] .page-hero .page-hero-grid {
    min-height: 590px;
    align-items: center;
    justify-items: center;
    padding: 4.8rem 0.8rem 1.1rem;
    background: #070605;
  }

  body[data-page="nosotros"] .page-hero .page-hero-bg-image {
    object-position: var(--internal-hero-position-mobile);
  }

  body[data-page="nosotros"] .page-hero .page-hero-grid::before {
    background:
      linear-gradient(180deg, rgba(7, 6, 5, 0.02) 0%, rgba(7, 6, 5, 0.05) 30%, rgba(7, 6, 5, 0.42) 100%),
      linear-gradient(108deg, rgba(7, 6, 5, 0.3) 0%, rgba(7, 6, 5, 0.06) 48%, rgba(7, 6, 5, 0.16) 100%);
  }

  body[data-page="nosotros"] .page-hero .page-hero-copy {
    width: min(88vw, 21rem);
    max-width: min(88vw, 21rem);
    justify-items: center;
    margin-inline: auto;
    padding: 0.98rem 1.02rem 1.1rem;
    gap: 0.66rem;
    border-radius: 24px;
    text-align: center;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.09), transparent 38%),
      linear-gradient(135deg, rgba(24, 18, 12, 0.56), rgba(9, 7, 5, 0.26));
    box-shadow:
      0 18px 40px rgba(0, 0, 0, 0.22),
      inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px) saturate(132%);
  }

  body[data-page="nosotros"] .page-hero .page-hero-copy::before {
    display: none;
  }

  body[data-page="nosotros"] .page-hero .page-title {
    max-width: 9.8ch;
    font-size: clamp(2.35rem, 11.4vw, 3.22rem);
    line-height: 0.9;
    text-align: center;
  }

  body[data-page="nosotros"] .page-hero .lead {
    max-width: 18.5rem;
    margin-inline: auto;
    text-align: center;
  }

  body[data-page="nosotros"] .page-hero .section-kicker {
    justify-self: center;
  }

  body[data-page]:not([data-page="inicio"]) .page-hero .hero-actions {
    display: grid;
    width: min(100%, 19.5rem);
    gap: 0.62rem;
  }

  body[data-page]:not([data-page="inicio"]) .page-hero .hero-actions .button {
    width: 100%;
    min-height: 52px;
  }

  body[data-page="contactanos"] .page-hero .page-hero-grid {
    min-height: 560px;
    background: #070605;
  }

  body[data-page="contactanos"] .page-hero .page-hero-bg-image {
    object-position: var(--internal-hero-position-mobile);
  }

  body[data-page="contactanos"] .page-hero .page-hero-copy {
    width: min(100%, 22.5rem);
    max-width: min(100%, 22.5rem);
    padding: 1rem 1rem 1.2rem;
    gap: 0.78rem;
  }

  body[data-page="contactanos"] .page-hero .page-title {
    max-width: 8ch;
    font-size: clamp(2.65rem, 10vw, 4rem);
    line-height: 0.92;
  }

  body[data-page="contactanos"] .page-hero .lead {
    max-width: 20rem;
    font-size: 0.95rem;
    line-height: 1.58;
  }

  body[data-page="contactanos"] .contact-shell-refined {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  body[data-page="contactanos"] .contact-shell-refined > * {
    min-width: 0;
  }

  body[data-page="contactanos"] .contact-aside-panel,
  body[data-page="contactanos"] .contact-form {
    padding: 1.05rem;
    border-radius: 24px;
  }

  body[data-page="contactanos"] .contact-overview h2,
  body[data-page="contactanos"] .form-header h2 {
    font-size: clamp(2rem, 9vw, 3rem);
    line-height: 0.94;
  }

  body[data-page="contactanos"] .contact-overview p:not(.panel-kicker),
  body[data-page="contactanos"] .form-header p:not(.panel-kicker) {
    font-size: 0.92rem;
    line-height: 1.58;
  }

  body[data-page="contactanos"] .contact-info-grid {
    gap: 0.85rem;
  }

  body[data-page="contactanos"] .contact-overview-compact p:last-child,
  body[data-page="contactanos"] .form-header p:last-child {
    max-width: none;
  }

  body[data-page="contactanos"] .contact-info-card {
    gap: 0.8rem;
    padding: 1rem;
    border-radius: 20px;
  }

  body[data-page="contactanos"] .contact-info-icon {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    font-size: 1rem;
  }

  body[data-page="contactanos"] .contact-info-value {
    font-size: 1.02rem;
    overflow-wrap: anywhere;
  }

  body[data-page="contactanos"] .contact-info-note {
    font-size: 0.84rem;
    line-height: 1.5;
  }

  body[data-page="contactanos"] .choice-group,
  body[data-page="contactanos"] .scope-panel {
    padding: 0.92rem 0.94rem 0.96rem;
    border-radius: 20px;
  }

  body[data-page="contactanos"] .choice-options {
    grid-template-columns: 1fr;
    gap: 0.7rem;
  }

  body[data-page="contactanos"] .choice-option-ui {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.9rem;
  }

  body[data-page="contactanos"] .choice-option-copy strong {
    font-size: 0.96rem;
  }

  body[data-page="contactanos"] .choice-option-copy span {
    font-size: 0.84rem;
    line-height: 1.42;
  }

  body[data-page="contactanos"] .form-header {
    gap: 0.6rem;
    padding-bottom: 0.95rem;
  }

  body[data-page="contactanos"] .contact-form label {
    font-size: 0.9rem;
  }

  body[data-page="contactanos"] .contact-form input,
  body[data-page="contactanos"] .contact-form select,
  body[data-page="contactanos"] .contact-form textarea {
    border-radius: 16px;
    padding: 0.92rem;
  }

  body[data-page="contactanos"] .contact-form textarea {
    min-height: 150px;
  }

  body[data-page="contactanos"] .button-full {
    min-height: 54px;
  }

  body[data-page="contactanos"] .form-note,
  body[data-page="contactanos"] .form-response {
    font-size: 0.84rem;
    line-height: 1.55;
  }

  body[data-page="videos"] .page-hero .page-hero-grid {
    background: #070605;
  }

  body[data-page="videos"] .page-hero .page-hero-bg-image {
    object-position: var(--internal-hero-position-mobile);
  }

  body[data-page="videos"] .page-hero .page-hero-copy {
    max-width: min(100%, 21.5rem);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    overflow: visible;
    transform: none;
  }

  body[data-page="videos"] .page-hero .page-hero-copy::before,
  body[data-page="videos"] .page-hero .page-hero-copy::after {
    display: none;
  }

  body[data-page="videos"] .page-hero .section-kicker {
    background: rgba(8, 7, 5, 0.22);
    border-color: rgba(244, 207, 120, 0.1);
  }

  body[data-page="videos"] .page-hero .page-title {
    max-width: 8.5ch;
    text-shadow: 0 18px 34px rgba(0, 0, 0, 0.46);
  }

  body[data-page="videos"] .page-hero .lead {
    max-width: 18.75rem;
    color: rgba(247, 240, 230, 0.94);
    text-shadow: 0 10px 24px rgba(0, 0, 0, 0.34);
  }
}@keyframes internalHeroAuraDrift {
  0% {
    transform: translate3d(-1.5%, -1%, 0) scale(1);
    opacity: 0.76;
  }
  50% {
    transform: translate3d(2%, 1%, 0) scale(1.04);
    opacity: 0.92;
  }
  100% {
    transform: translate3d(0.5%, 2.5%, 0) scale(1.02);
    opacity: 0.8;
  }
}@keyframes internalHeroFrameGlow {
  0%,
  100% {
    border-color: rgba(244, 207, 120, 0.07);
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.02),
      inset 0 0 42px rgba(244, 207, 120, 0.02);
  }
  50% {
    border-color: rgba(244, 207, 120, 0.14);
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.03),
      inset 0 0 56px rgba(244, 207, 120, 0.05);
  }
}@keyframes internalHeroAccentPulse {
  0%,
  100% {
    opacity: 0.84;
    transform: scaleY(1);
  }
  50% {
    opacity: 1;
    transform: scaleY(0.92);
  }
}@keyframes internalHeroCopyRise {
  0% {
    opacity: 0;
    transform: translateY(22px);
    filter: blur(6px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}@keyframes musicHeroPulse {
  0%,
  100% {
    opacity: 0.82;
    transform: translate3d(0, calc(var(--internal-hero-shift) * -0.4), 0) scale(1);
  }
  50% {
    opacity: 1;
    transform: translate3d(1.2%, calc(var(--internal-hero-shift) * -0.55), 0) scale(1.04);
  }
}@keyframes musicHeroOrbSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}@keyframes videoHeroSweep {
  0% {
    transform: translate3d(-8%, calc(var(--internal-hero-shift) * -0.3), 0) scale(0.98);
    opacity: 0.22;
  }
  18% {
    opacity: 0.88;
  }
  52% {
    transform: translate3d(9%, calc(var(--internal-hero-shift) * -0.45), 0) scale(1.03);
    opacity: 0.94;
  }
  100% {
    transform: translate3d(18%, calc(var(--internal-hero-shift) * -0.2), 0) scale(1);
    opacity: 0.2;
  }
}@keyframes galleryHeroFlash {
  0%,
  100% {
    opacity: 0.64;
  }
  48% {
    opacity: 0.92;
  }
  52% {
    opacity: 0.72;
  }
}@keyframes contactHeroPing {
  0%,
  100% {
    transform: translate3d(0, calc(var(--internal-hero-shift) * -0.4), 0) scale(1);
    opacity: 0.78;
  }
  50% {
    transform: translate3d(0, calc(var(--internal-hero-shift) * -0.55), 0) scale(1.06);
    opacity: 0.96;
  }
}@keyframes jobsHeroGridShift {
  0% {
    transform: translate3d(0, calc(var(--internal-hero-shift) * -0.16), 0);
  }
  50% {
    transform: translate3d(0.9%, calc(var(--internal-hero-shift) * -0.26), 0);
  }
  100% {
    transform: translate3d(0, calc(var(--internal-hero-shift) * -0.16), 0);
  }
}@media (max-width: 1180px) {
  body[data-page="blog"][data-blog-view="archive"] .page-hero .page-hero-grid {
    min-height: clamp(760px, 92vh, 980px);
  }
}@media (max-width: 980px) {
  body[data-page="blog"][data-blog-view="archive"] .page-hero .page-hero-grid {
    min-height: clamp(920px, 100vh, 1260px);
    align-items: stretch;
  }


  .blog-post-shell,
  .blog-home-feed-head {
    grid-template-columns: 1fr;
  }

  .blog-archive-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .blog-home-year-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .blog-post-aside-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }

  .blog-ad-slot.is-sidebar {
    min-height: 260px;
  }

  .blog-post-info-card {
    position: static;
  }
}@media (max-width: 640px) {
  .blog-floating-share {
    right: 1rem;
    bottom: 1rem;
    left: auto;
  }

  body.has-global-player[data-page="blog"][data-blog-view="post"] .blog-floating-share {
    right: 1rem;
    bottom: calc(5.9rem + env(safe-area-inset-bottom));
  }

  .blog-floating-share-panel {
    width: min(18rem, calc(100vw - 2rem));
  }

  .blog-floating-share-trigger {
    padding: 0.78rem 0.92rem;
  }

  body[data-page="blog"][data-blog-view="archive"] .page-hero .page-hero-grid {
    min-height: clamp(1020px, 100vh, 1380px);
    padding: 1.15rem 1rem 1.3rem;
    align-items: stretch;
  }

  body[data-page="blog"][data-blog-view="archive"] .page-hero .page-hero-grid::after {
    inset: 0.8rem;
    border-radius: 26px;
  }


  .blog-archive-year-pill,
  .blog-side-card {
    border-radius: 24px;
  }


  .blog-entry-copy,
  .blog-side-card {
    padding: 1.1rem;
  }

  .blog-archive-actions {
    display: grid;
  }

  .blog-archive-actions .button-primary,
  .blog-archive-actions .button-secondary {
    width: 100%;
  }

  .blog-archive-grid,
  .blog-post-aside-stack {
    grid-template-columns: 1fr;
  }

  .blog-ad-slot.is-banner,
  .blog-ad-slot.is-related {
    min-height: 120px;
  }

  .blog-ad-slot.is-feed,
  .blog-ad-slot.is-inline,
  .blog-ad-slot.is-sidebar {
    min-height: 220px;
  }

  .blog-home-year-rail,
  .blog-home-feed-head {
    grid-template-columns: 1fr;
  }

  .blog-story-link {
    font-size: 0.94rem;
  }

  .blog-entry-card {
    grid-template-rows: minmax(210px, 230px) 1fr;
  }

  .blog-post-subhead {
    padding: 1.15rem 1.1rem 0;
  }

  .blog-post-return-row {
    margin-bottom: 0.85rem;
  }

  .blog-breadcrumb-link-inline {
    padding: 0.64rem 0.9rem;
    font-size: 0.7rem;
  }

  .blog-post-entry-header {
    gap: 0.7rem;
    padding: 1.1rem 1.1rem 0.95rem;
  }

  .blog-post-entry-topline {
    justify-content: flex-start;
  }

  .blog-comments-header,
  .blog-comments-layout {
    grid-template-columns: 1fr;
  }

  .blog-comments-card {
    gap: 1.15rem;
    padding: 1.1rem;
  }

  .blog-comment-form,
  .blog-comment-item {
    padding: 0.95rem;
  }

  .blog-comments-head-copy h2 {
    font-size: clamp(1.7rem, 7vw, 2.25rem);
  }

  .blog-comments-average {
    font-size: clamp(2.15rem, 9vw, 2.7rem);
  }

  .blog-comment-actions .button {
    width: 100%;
  }

  .blog-comment-submit-note {
    width: 100%;
  }

  .blog-post-entry-title {
    font-size: clamp(1.85rem, 7.8vw, 2.7rem);
    line-height: 0.98;
    letter-spacing: -0.015em;
  }

  .blog-post-entry-lead {
    font-size: 0.92rem;
    line-height: 1.6;
  }

  .blog-post-body p.is-opening {
    font-size: 1.03rem;
  }

  .blog-post-section-heading {
    padding-left: 0.85rem;
    font-size: 1.02rem;
    letter-spacing: 0.12em;
  }

  .blog-post-quote {
    padding: 1rem 1rem 0.95rem 1.12rem;
  }

  .blog-post-quote::before {
    left: 0.72rem;
    top: 0.42rem;
    font-size: 2.5rem;
  }

  .blog-post-quote p {
    padding-left: 0.62rem;
    font-size: clamp(1.18rem, 5vw, 1.42rem);
  }

  .blog-post-quote cite {
    padding-left: 0.65rem;
  }

  .blog-post-list {
    gap: 0.7rem;
    padding-left: 1.1rem;
  }

  .blog-post-archive-note {
    margin: 1rem 1rem 0;
  }

  .blog-post-info-card {
    padding: 1.1rem;
  }

  body[data-page="blog"][data-blog-view="post"] .page-hero .page-hero-grid {
    min-height: clamp(620px, 96svh, 760px);
    padding: 1rem 0.72rem 1.2rem;
    background:
      linear-gradient(180deg, rgba(7, 6, 5, 0.03) 0%, rgba(7, 6, 5, 0.1) 26%, rgba(7, 6, 5, 0.42) 68%, rgba(7, 6, 5, 0.68) 100%),
      linear-gradient(104deg, rgba(7, 6, 5, 0.52) 0%, rgba(7, 6, 5, 0.24) 38%, rgba(7, 6, 5, 0.02) 68%, rgba(7, 6, 5, 0.08) 100%),
      radial-gradient(circle at 20% 18%, rgba(244, 207, 120, 0.08), transparent 24%),
      var(--internal-hero-image) var(--internal-hero-position-mobile) / cover no-repeat;
  }

  body[data-page="blog"][data-blog-view="post"] .page-hero .page-hero-grid::before {
    inset: -8%;
    filter: blur(10px);
    opacity: 0.26;
  }

  body[data-page="blog"][data-blog-view="post"] .page-hero .page-hero-copy {
    max-width: min(100%, 21.5rem);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent),
      linear-gradient(135deg, rgba(18, 15, 11, 0.46), rgba(10, 8, 6, 0.2));
    box-shadow:
      0 16px 34px rgba(0, 0, 0, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(3px) saturate(108%);
  }
}@media (max-width: 760px) {

  .video-youtube-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .video-youtube-card,
  .video-youtube-card.is-featured {
    grid-column: 1 / -1;
    grid-template-columns: 1fr;
    border-radius: 24px;
  }

  .video-youtube-card::before {
    top: 0.8rem;
    left: 0.8rem;
    min-width: 38px;
    height: 38px;
    padding: 0 0.6rem;
    font-size: 0.92rem;
  }

  .video-youtube-thumb,
  .video-youtube-card.is-featured .video-youtube-thumb {
    min-height: 228px;
  }

  .video-platform-pill {
    top: 0.8rem;
    right: 0.8rem;
    max-width: calc(100% - 5.2rem);
    padding: 0.38rem 0.62rem;
    font-size: 0.66rem;
    white-space: nowrap;
  }

  .video-play-button,
  .video-youtube-card.is-featured .video-play-button {
    left: 0.8rem;
    bottom: 0.8rem;
    width: 56px;
    height: 56px;
  }

  .video-youtube-card.is-featured .video-play-button i,
  .video-play-button i {
    font-size: 0.96rem;
  }

  .video-youtube-copy,
  .video-youtube-card.is-featured .video-youtube-copy {
    gap: 0.62rem;
    padding: 1rem 1rem 1.12rem;
  }

  .video-youtube-copy h3,
  .video-youtube-card.is-featured .video-youtube-copy h3 {
    font-size: clamp(1.82rem, 7vw, 2.45rem);
    line-height: 0.95;
  }

  .video-youtube-title {
    font-size: 0.73rem;
    line-height: 1.38;
  }

  .video-youtube-link {
    width: 100%;
    justify-content: space-between;
  }
}@media (max-width: 420px) {

  .video-youtube-thumb,
  .video-youtube-card.is-featured .video-youtube-thumb {
    min-height: 210px;
  }

  .video-youtube-copy,
  .video-youtube-card.is-featured .video-youtube-copy {
    padding: 0.95rem 0.92rem 1rem;
  }

  .video-youtube-copy h3,
  .video-youtube-card.is-featured .video-youtube-copy h3 {
    font-size: clamp(1.6rem, 8vw, 2.1rem);
  }
}/* Home hero poster */.page-hero-home {
  padding-top: 0;
}.page-hero-home .page-hero-grid.hero-showcase-stage {
  position: relative;
  display: block;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0;
  gap: 0;
  text-align: left;
  isolation: isolate;
}.page-hero-home .hero-showcase-stage::before,
.page-hero-home .hero-showcase-stage::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 2;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}.page-hero-home .hero-showcase-stage::before {
  inset: 0;
}.page-hero-home .hero-showcase-stage::after {
  inset: auto 0 0;
}.hero-showcase-backdrop {
  position: absolute;
  z-index: 0;
  overflow: hidden;
  transform-origin: center;
}.hero-showcase-backdrop-frame {
  position: absolute;
  background-position: center 45%;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  will-change: opacity, transform;
  animation: heroBackdropCycle 32s ease-in-out infinite;
}.hero-showcase-backdrop-frame-1 {
  background-image: url("images/eventos/47.webp");
  background-position: center 48%;
}.hero-showcase-backdrop-frame-2 {
  background-image: url("images/musicos/musicos10.webp");
  background-position: center 43%;
  animation-delay: 8s;
}.hero-showcase-backdrop-frame-3 {
  background-image: url("images/eventos/48.webp");
  background-position: center 50%;
  animation-delay: 16s;
}.hero-showcase-backdrop-frame-4 {
  background-image: url("images/eventos/40.webp");
  background-position: center 52%;
  animation-delay: 24s;
}.hero-showcase-wash {
  position: absolute;
  pointer-events: none;
}.hero-showcase-wash::before,
.hero-showcase-wash::after {
  content: "";
  position: absolute;
  inset: -18%;
  pointer-events: none;
}.hero-showcase-wash::before {
  mix-blend-mode: screen;
  transform: translate3d(0, 0, 0);
}.hero-showcase-wash::after {
  inset: 0;
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 4px),
    radial-gradient(circle at 25% 30%, rgba(255, 255, 255, 0.035), transparent 0.18rem),
    radial-gradient(circle at 70% 62%, rgba(255, 255, 255, 0.025), transparent 0.16rem);
  background-size: auto, 7px 7px, 9px 9px;
  opacity: 0.24;
  mix-blend-mode: overlay;
  animation: heroFilmNoise 1.4s steps(2, end) infinite;
}.hero-showcase-camera-flashes {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
  mix-blend-mode: screen;
}.hero-showcase-camera-flashes::before {
  content: "";
  position: absolute;
  top: 13%;
  left: 20%;
  width: 62%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 240, 196, 0.38), transparent);
  opacity: 0;
  filter: blur(0.5px);
  transform: rotate(-2deg);
  animation: heroCameraStreak 9.5s ease-in-out infinite;
}.hero-camera-flash {
  position: absolute;
  display: block;
  width: 8rem;
  height: 8rem;
  border-radius: 999px;
  opacity: 0;
  background:
    radial-gradient(circle, rgba(255, 255, 255, 0.95) 0 0.32rem, rgba(255, 232, 171, 0.76) 0.7rem, rgba(244, 207, 120, 0.3) 25%, rgba(244, 207, 120, 0.08) 48%, transparent 70%);
  filter: blur(0.2px);
  transform: translate3d(0, 0, 0) scale(0.6);
  animation: heroCameraFlash 8.4s steps(1, end) infinite;
}.hero-camera-flash::before,
.hero-camera-flash::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  width: 140%;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255, 250, 224, 0.74), transparent);
  transform: translate(-50%, -50%);
  border-radius: 999px;
}.hero-camera-flash::after {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0.72;
}.hero-camera-flash-1 {
  top: 16%;
  left: 27%;
  animation-delay: -1.2s;
}.hero-camera-flash-2 {
  top: 20%;
  right: 24%;
  width: 9.5rem;
  height: 9.5rem;
  animation-delay: -4.8s;
  animation-duration: 9.8s;
}.hero-camera-flash-3 {
  top: 44%;
  right: 11%;
  width: 6.6rem;
  height: 6.6rem;
  animation-delay: -6.7s;
  animation-duration: 11.2s;
}.hero-camera-flash-4 {
  bottom: 16%;
  left: 47%;
  width: 5.8rem;
  height: 5.8rem;
  animation-delay: -8.9s;
  animation-duration: 12.4s;
}.hero-showcase-content {
  position: relative;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 100%;
  color: #fff8e6;
}.hero-showcase-copy {
  position: relative;
  display: grid;
}.hero-showcase-copy::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.24);
}.hero-showcase-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.72rem;
  width: fit-content;
  margin: 0 0 0.2rem;
  padding: 0.58rem 0.78rem;
  border: 1px solid rgba(244, 207, 120, 0.18);
  border-radius: 999px;
  background: rgba(6, 5, 4, 0.48);
  color: #f7d58d;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 16px 34px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(12px);
}.hero-showcase-kicker::before {
  content: "";
}.hero-showcase-title {
  display: grid;
  gap: 0.24rem;
  margin: 0;
  font-family: "Bebas Neue", "Impact", "Arial Narrow", sans-serif;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-wrap: balance;
}.hero-showcase-title-line {
  max-width: 6.9ch;
  white-space: normal;
}.hero-showcase-title-line-outline {
  text-shadow:
    0 2px 0 rgba(0, 0, 0, 0.78),
    0 14px 24px rgba(0, 0, 0, 0.52);
}.hero-showcase-title-line-accent {
  max-width: 6.8ch;
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-stroke: 0.55px rgba(75, 42, 5, 0.62);
}.hero-showcase-title-line-small {
  max-width: 9.8ch;
  color: #fff1c2;
  font-size: 0.42em;
  letter-spacing: 0.08em;
  line-height: 0.92;
  text-shadow:
    0 2px 0 rgba(0, 0, 0, 0.74),
    0 12px 22px rgba(0, 0, 0, 0.58);
}.hero-showcase-subtitle {
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-size: clamp(1rem, 1.35vw, 1.24rem);
  font-weight: 700;
  line-height: 1.65;
  letter-spacing: -0.02em;
}.hero-showcase-subtitle-accent {
  color: var(--gold-bright);
  background:
    linear-gradient(112deg, transparent 0%, transparent 37%, rgba(255, 255, 255, 0.78) 48%, transparent 60%, transparent 100%),
    linear-gradient(180deg, #fff2b5 0%, #ffd15f 24%, #e0a12a 64%, #f2c45b 100%);
  background-size: 260% 100%, 100% 100%;
  background-position: 180% 0, 0 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 8px rgba(255, 212, 94, 0.2)) drop-shadow(0 8px 15px rgba(0, 0, 0, 0.34));
  animation: heroGoldSweep 7.2s ease-in-out infinite 0.8s;
}.hero-showcase-subtitle strong {
  font: inherit;
  color: #fff9ed;
}.hero-showcase-footer {
  margin-top: 1.8rem;
}.hero-showcase-song-card {
  display: inline-grid;
  gap: 0.24rem;
  margin: 0;
  padding: 0.8rem 1rem 0.86rem;
  border: 1px solid rgba(244, 207, 120, 0.2);
  border-radius: 1.1rem;
  backdrop-filter: blur(14px);
  color: #fff8e8;
  text-transform: uppercase;
}.hero-showcase-song-title,
.hero-showcase-song-note {
  margin: 0;
  font-family: "Bebas Neue", "Impact", sans-serif;
  line-height: 0.95;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.78), 0 10px 20px rgba(0, 0, 0, 0.62);
}.hero-showcase-song-note {
  font-family: "Manrope", sans-serif;
}.hero-showcase-marquee {
  position: absolute;
  right: -8rem;
  z-index: 3;
  width: min(74rem, 84vw);
  overflow: hidden;
  pointer-events: none;
  transform: rotate(-12deg);
  transform-origin: center;
  opacity: 0.62;
  mix-blend-mode: screen;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
}.hero-showcase-marquee-left {
  bottom: 5.1rem;
}.hero-showcase-marquee-right {
  right: -11rem;
  bottom: 1.45rem;
  opacity: 0.47;
}.hero-showcase-marquee-track {
  display: flex;
  width: max-content;
  align-items: center;
  gap: 0.75rem;
  animation: heroPosterMarquee 24s linear infinite;
  will-change: transform;
}.hero-showcase-marquee-right .hero-showcase-marquee-track {
  animation-direction: reverse;
  animation-duration: 29s;
}.hero-showcase-marquee span {
  flex: 0 0 auto;
  display: block;
  font-family: "Archivo Black", "Impact", sans-serif;
  font-size: 43px;
  line-height: 0.92;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.07);
  -webkit-text-stroke: 1.35px rgba(242, 245, 255, 0.72);
  text-shadow:
    0 2px 5px rgba(0, 0, 0, 0.78),
    0 0 13px rgba(126, 158, 235, 0.18);
}.hero-showcase-hashtag-cloud {
  display: none;
}@keyframes heroPosterWiggle {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }

  34% {
    transform: translate3d(1px, -1px, 0) rotate(-0.25deg);
  }

  68% {
    transform: translate3d(-1px, 1px, 0) rotate(0.2deg);
  }
}@keyframes heroPosterMarquee {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}@keyframes heroGoldSweep {
  0%, 58%, 100% {
    background-position: 180% 0, 0 0, 0 0;
  }

  76% {
    background-position: -40% 0, 0 0, 0 0;
  }
}@keyframes heroLightDrift {
  0% {
    opacity: 0.58;
    transform: translate3d(-1.5%, -1%, 0) scale(1);
  }

  48% {
    opacity: 0.82;
    transform: translate3d(1.5%, 1%, 0) scale(1.04);
  }

  100% {
    opacity: 0.68;
    transform: translate3d(3%, -0.5%, 0) scale(1.02);
  }
}@keyframes heroFilmNoise {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-7px, 5px, 0);
  }
}@keyframes heroCameraFlash {
  0%, 9%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0.58);
  }

  10% {
    opacity: 0.96;
    transform: translate3d(0, 0, 0) scale(1);
  }

  11% {
    opacity: 0.18;
    transform: translate3d(0, 0, 0) scale(1.42);
  }

  12%, 42% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(1.7);
  }

  43% {
    opacity: 0.5;
    transform: translate3d(0, 0, 0) scale(0.9);
  }

  44% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(1.35);
  }
}@keyframes heroCameraStreak {
  0%, 62%, 100% {
    opacity: 0;
    transform: translate3d(-2%, 0, 0) rotate(-2deg);
  }

  63% {
    opacity: 0.52;
    transform: translate3d(0, 0, 0) rotate(-2deg);
  }

  65% {
    opacity: 0;
    transform: translate3d(3%, 0, 0) rotate(-2deg);
  }
}@keyframes heroBackdropCycle {
  0%,
  22% {
    opacity: 1;
    transform: scale(1.055);
  }

  31%,
  91% {
    opacity: 0;
    transform: scale(1.018);
  }

  100% {
    opacity: 1;
    transform: scale(1.055);
  }
}@media (max-width: 1100px) {
  .page-hero-home .page-hero-grid.hero-showcase-stage {
    height: 700px;
  }

  .hero-showcase-content {
    width: min(100%, 38rem);
    padding: 56px 0 52px clamp(1.4rem, 3vw, 2.4rem);
  }

  .hero-showcase-title {
    font-size: clamp(4.1rem, 8.4vw, 6.6rem);
    line-height: 0.78;
    letter-spacing: 0.02em;
  }

  .hero-showcase-subtitle {
    max-width: 28rem;
    font-size: clamp(0.96rem, 1.45vw, 1.1rem);
    line-height: 1.62;
  }

  .hero-showcase-marquee {
    right: -12rem;
    width: min(66rem, 96vw);
  }

  .hero-showcase-marquee-right {
    right: -15rem;
  }

  .hero-showcase-marquee span {
    font-size: 35px;
  }
}@media (max-width: 760px) {
  .page-hero-home .page-hero-grid.hero-showcase-stage {
    height: clamp(610px, 146vw, 700px);
    min-height: 0;
  }

  .page-hero-home .hero-showcase-stage::before {
    background:
      radial-gradient(circle at 72% 12%, rgba(255, 185, 44, 0.2), transparent 10rem),
      radial-gradient(circle at 28% 24%, rgba(244, 207, 120, 0.12), transparent 9rem),
      linear-gradient(180deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.3) 34%, rgba(0, 0, 0, 0.5) 62%, rgba(0, 0, 0, 0.9) 100%),
      linear-gradient(90deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.34) 74%, rgba(0, 0, 0, 0.5) 100%);
  }

  .hero-showcase-backdrop {
    background-position: 58% 46%;
    filter: brightness(1.12) contrast(1.04) saturate(1.12);
    transform: translate3d(0, var(--parallax-shift, 0px), 0) scale(1.01);
  }

  .hero-showcase-backdrop-frame {
    background-position: 58% 50%;
  }

  .hero-showcase-wash::before {
    opacity: 0.42;
  }

  .hero-showcase-camera-flashes {
    opacity: 0.72;
  }

  .hero-showcase-content {
    width: min(calc(100% - 1.5rem), 23rem);
    min-height: auto;
    padding: clamp(1.9rem, 8vw, 3rem) 0 0 clamp(1rem, 5vw, 1.45rem);
  }

  .hero-showcase-copy {
    gap: 18px;
  }

  .hero-showcase-title {
    font-size: clamp(3.05rem, 15vw, 4.35rem);
    line-height: 0.86;
    letter-spacing: 0.005em;
  }

  .hero-showcase-subtitle {
    gap: 0;
    font-size: clamp(2rem, 9.4vw, 2.85rem);
    line-height: 0.93;
  }

  .hero-showcase-song-title {
    font-size: clamp(1.35rem, 6.3vw, 1.8rem);
  }

  .hero-showcase-song-note {
    font-size: clamp(0.86rem, 4.4vw, 1.2rem);
  }

  .hero-showcase-footer {
    margin-top: 24px;
  }

  .hero-showcase-marquee {
    right: -19rem;
    width: 44rem;
    opacity: 0.54;
    mix-blend-mode: normal;
  }

  .hero-showcase-marquee-left {
    bottom: 4.1rem;
  }

  .hero-showcase-marquee-right {
    right: -21rem;
    bottom: 1.4rem;
    opacity: 0.4;
  }

  .hero-showcase-marquee span {
    font-size: clamp(1.45rem, 6.5vw, 1.85rem);
    -webkit-text-stroke-width: 1px;
  }
}@media (max-width: 460px) {
  .page-hero-home .page-hero-grid.hero-showcase-stage {
    height: clamp(600px, 158vw, 660px);
  }

  .hero-showcase-backdrop {
    background-position: 58% 45%;
  }

  .hero-showcase-backdrop-frame-1,
  .hero-showcase-backdrop-frame-2,
  .hero-showcase-backdrop-frame-3,
  .hero-showcase-backdrop-frame-4 {
    background-position: 58% 50%;
  }

  .hero-showcase-content {
    width: min(calc(100% - 1.15rem), 21rem);
    padding-top: clamp(1.55rem, 7vw, 2.25rem);
    padding-left: clamp(0.85rem, 4.8vw, 1.15rem);
  }

  .hero-showcase-title {
    font-size: clamp(2.95rem, 14.2vw, 3.55rem);
  }

  .hero-showcase-subtitle {
    font-size: clamp(1.85rem, 8.9vw, 2.35rem);
  }

  .hero-showcase-song-title {
    font-size: clamp(1.2rem, 6vw, 1.5rem);
  }

  .hero-showcase-song-note {
    font-size: clamp(0.75rem, 4vw, 1rem);
  }

  .hero-showcase-marquee {
    right: -20rem;
    width: 42rem;
    opacity: 0.48;
  }

  .hero-showcase-marquee span {
    font-size: clamp(1.2rem, 6vw, 1.55rem);
  }
}@media (max-width: 420px) {
  .home-streaming-shell {
    width: calc(100% - 0.8rem);
    min-height: clamp(390px, 118vw, 470px);
    border-radius: 22px;
  }

  .home-streaming-platforms.platform-link-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.46rem;
  }

  .home-streaming-actions,
  .home-streaming-actions .button {
    width: 100%;
    justify-content: center;
  }
}/* Mobile hero reset: keep the home hero simple and avoid legacy rule collisions. */@media (max-width: 760px) {
  body[data-page="inicio"] .page-hero-home {
    padding: 0 !important;
    margin: 0 !important;
  }

  body[data-page="inicio"] .page-hero-home .page-hero-grid.hero-showcase-stage {
    width: 100% !important;
    height: min(650px, calc(100svh - 116px)) !important;
    min-height: 570px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: #050403 !important;
    overflow: hidden !important;
  }

  body[data-page="inicio"] .page-hero-home .hero-showcase-stage::before {
    inset: 0 !important;
    z-index: 2 !important;
    background:
      radial-gradient(circle at 76% 16%, rgba(244, 174, 42, 0.22), transparent 9rem),
      linear-gradient(180deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0.62) 29%, rgba(0, 0, 0, 0.28) 48%, rgba(0, 0, 0, 0.74) 100%) !important;
  }

  body[data-page="inicio"] .page-hero-home .hero-showcase-stage::after {
    height: 36% !important;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.92)) !important;
  }

  body[data-page="inicio"] .hero-showcase-backdrop {
    inset: -4% 0 -2% !important;
    background-position: 56% 54% !important;
    background-size: cover !important;
    filter: brightness(1.04) contrast(1.02) saturate(1.04) !important;
    transform: translate3d(0, calc(var(--parallax-shift, 0px) * 0.3), 0) scale(1.02) !important;
  }

  body[data-page="inicio"] .hero-showcase-backdrop-frame {
    display: none !important;
    background-image: none !important;
    background-position: 58% 52% !important;
    animation: none !important;
    opacity: 0 !important;
    transform: none !important;
    will-change: auto !important;
  }

  body[data-page="inicio"] .hero-showcase-backdrop-frame-1 {
    display: block !important;
    background-image: url("images/hero/home-hero-mobile.webp") !important;
    opacity: 1 !important;
  }

  body[data-page="inicio"] .hero-showcase-backdrop-frame-4 {
    background-position: 51% 50% !important;
  }

  body[data-page="inicio"] .hero-showcase-wash,
  body[data-page="inicio"] .hero-showcase-wash::before,
  body[data-page="inicio"] .hero-showcase-wash::after,
  body[data-page="inicio"] .hero-showcase-camera-flashes,
  body[data-page="inicio"] .hero-showcase-marquee,
  body[data-page="inicio"] .hero-showcase-hashtag-cloud {
    display: none !important;
  }

  body[data-page="inicio"] .hero-showcase-content {
    position: relative !important;
    z-index: 4 !important;
    display: grid !important;
    align-content: start !important;
    justify-items: center !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: clamp(1.1rem, 5vw, 1.75rem) 1rem 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body[data-page="inicio"] .hero-showcase-copy {
    display: grid !important;
    justify-items: center !important;
    gap: 0.58rem !important;
    width: min(84vw, 19rem) !important;
    max-width: none !important;
    padding: clamp(0.82rem, 3.8vw, 1.05rem) !important;
    border: 1px solid rgba(244, 207, 120, 0.12) !important;
    border-radius: 1.15rem !important;
    text-align: center !important;
  }

  body[data-page="inicio"] .hero-showcase-copy::before {
    background:
      linear-gradient(145deg, rgba(8, 6, 4, 0.48), rgba(8, 6, 4, 0.24)),
      radial-gradient(circle at 18% 22%, rgba(244, 207, 120, 0.09), transparent 42%) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22) !important;
    backdrop-filter: none !important;
  }

  body[data-page="inicio"] .hero-showcase-kicker {
    padding: 0.48rem 0.62rem !important;
    font-size: 0.58rem !important;
    letter-spacing: 0.13em !important;
  }

  body[data-page="inicio"] .hero-showcase-title {
    width: auto !important;
    max-width: 7.4ch !important;
    justify-items: center !important;
    font-family: "Bebas Neue", "Impact", "Arial Narrow", sans-serif !important;
    font-size: clamp(3rem, 13vw, 4.05rem) !important;
    line-height: 0.78 !important;
    letter-spacing: 0.018em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-shadow: none !important;
  }

  body[data-page="inicio"] .hero-showcase-title-line {
    max-width: 7.4ch !important;
    white-space: normal !important;
    text-align: center !important;
    text-shadow:
      0 3px 0 rgba(0, 0, 0, 0.82),
      0 14px 24px rgba(0, 0, 0, 0.58) !important;
  }

  body[data-page="inicio"] .hero-showcase-title-line-outline {
    color: #fff7e9 !important;
    -webkit-text-stroke: 0.95px rgba(10, 7, 4, 0.66) !important;
  }

  body[data-page="inicio"] .hero-showcase-title-line-accent,
  body[data-page="inicio"] .hero-showcase-subtitle-accent {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #ffd35f !important;
    color: #ffd35f !important;
    -webkit-text-stroke: 0.55px rgba(75, 42, 5, 0.62) !important;
    text-shadow:
      0 1px 0 rgba(255, 241, 177, 0.28),
      0 3px 0 rgba(39, 23, 4, 0.54),
      0 10px 18px rgba(0, 0, 0, 0.38) !important;
    filter: drop-shadow(0 0 12px rgba(255, 214, 99, 0.3)) !important;
  }

  body[data-page="inicio"] .hero-showcase-title-line-small {
    max-width: 9.8ch !important;
    font-size: 0.44em !important;
    letter-spacing: 0.075em !important;
    line-height: 0.9 !important;
  }

  body[data-page="inicio"] .hero-showcase-subtitle {
    width: min(100%, 17rem) !important;
    max-width: 17rem !important;
    font-family: "Manrope", sans-serif !important;
    font-size: clamp(0.9rem, 3.85vw, 1.02rem) !important;
    font-weight: 700 !important;
    line-height: 1.56 !important;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
    text-align: center !important;
    text-shadow: 0 6px 16px rgba(0, 0, 0, 0.5) !important;
  }

  body[data-page="inicio"] .hero-showcase-footer {
    width: min(100%, 18.75rem) !important;
    margin-top: 1.1rem !important;
    display: flex !important;
    justify-content: center !important;
  }

  body[data-page="inicio"] .hero-showcase-song-card {
    justify-items: center !important;
    gap: 0.2rem !important;
    width: fit-content !important;
    max-width: 100% !important;
    padding: 0.72rem 0.9rem !important;
    border: 1px solid rgba(244, 207, 120, 0.18) !important;
    border-radius: 1rem !important;
    background: rgba(5, 4, 3, 0.48) !important;
    backdrop-filter: none !important;
    animation: none !important;
  }

  body[data-page="inicio"] main > .section:not(.page-hero-home) {
    content-visibility: auto;
    contain-intrinsic-size: 720px;
  }

  body[data-page="inicio"] .hero-showcase-song-title {
    font-size: clamp(0.94rem, 4.6vw, 1.16rem) !important;
  }

  body[data-page="inicio"] .hero-showcase-song-note {
    font-size: clamp(0.64rem, 3.2vw, 0.8rem) !important;
  }
}@media (max-width: 420px) {
  body[data-page="inicio"] .page-hero-home .page-hero-grid.hero-showcase-stage {
    height: min(620px, calc(100svh - 104px)) !important;
    min-height: 560px !important;
  }

  body[data-page="inicio"] .hero-showcase-content {
    padding-top: 1rem !important;
    padding-inline: 0.9rem !important;
  }

  body[data-page="inicio"] .hero-showcase-title {
    font-size: clamp(2.75rem, 12.5vw, 3.45rem) !important;
    max-width: 7.4ch !important;
  }

  body[data-page="inicio"] .hero-showcase-subtitle {
    font-size: clamp(0.86rem, 3.9vw, 0.98rem) !important;
  }
}/* Final booking CTA refresh */.home-booking-final-section {
  padding-block: clamp(1.2rem, 3vw, 2.8rem);
}.home-booking-final-section .home-booking-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.34fr);
  grid-template-areas:
    "copy highlight";
  gap: clamp(1.1rem, 2.4vw, 2rem);
  width: min(var(--header-width), calc(100% - 2rem));
  min-height: clamp(240px, 20vw, 315px);
  padding: clamp(1rem, 2.4vw, 1.85rem);
  border-radius: clamp(22px, 2vw, 28px);
  border: 1px solid rgba(238, 190, 82, 0.28);
  background: #050403;
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  isolation: isolate;
}.home-booking-final-section .home-booking-panel::before {
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(5, 4, 3, 0.97) 0%, rgba(5, 4, 3, 0.84) 30%, rgba(5, 4, 3, 0.42) 54%, rgba(5, 4, 3, 0.88) 100%),
    radial-gradient(circle at 74% 26%, rgba(238, 190, 82, 0.24), transparent 20%),
    url("images/musicos/musicos10.webp") center 44% / cover no-repeat;
  filter: saturate(1.14) contrast(1.08);
  transform: scale(1.04);
  animation: bookingSceneDrift 16s ease-in-out infinite alternate;
}.home-booking-final-section .home-booking-panel::after {
  z-index: 1;
  border-radius: inherit;
  border: 1px solid rgba(255, 218, 136, 0.14);
  background:
    linear-gradient(115deg, transparent 0 35%, rgba(255, 222, 146, 0.12) 44%, transparent 54%),
    radial-gradient(circle at 15% 18%, rgba(238, 190, 82, 0.18), transparent 22%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.024) 0 1px, transparent 1px 5px);
  mix-blend-mode: screen;
  opacity: 0.78;
  animation: bookingLightSweep 7.5s ease-in-out infinite;
}.home-booking-final-section .home-booking-panel > * {
  position: relative;
  z-index: 2;
}.home-booking-motion {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}.home-booking-motion span {
  position: absolute;
  display: block;
  width: clamp(5rem, 8vw, 9rem);
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(255, 221, 132, 0.92), transparent);
  filter: drop-shadow(0 0 14px rgba(238, 190, 82, 0.42));
  opacity: 0.62;
  transform: rotate(-16deg);
  animation: bookingSparkFloat 6.5s ease-in-out infinite;
}.home-booking-motion span:nth-child(1) {
  left: 8%;
  top: 18%;
}.home-booking-motion span:nth-child(2) {
  right: 13%;
  top: 24%;
  width: clamp(4rem, 7vw, 7rem);
  animation-delay: -1.8s;
}.home-booking-motion span:nth-child(3) {
  left: 42%;
  bottom: 18%;
  width: clamp(4.5rem, 6vw, 7.5rem);
  animation-delay: -3.4s;
}.home-booking-motion span:nth-child(4) {
  right: 24%;
  bottom: 34%;
  width: clamp(3.8rem, 5vw, 6.4rem);
  opacity: 0.4;
  animation-delay: -4.8s;
}.home-booking-copy,
.home-booking-highlight,
.home-booking-actions {
  z-index: 3;
}.home-booking-copy {
  grid-area: copy;
  max-width: 42rem;
}.home-booking-copy .section-kicker {
  margin-bottom: clamp(0.4rem, 1vw, 0.7rem);
}.home-booking-copy h2 {
  max-width: 17ch;
  color: #fff7e7;
  font-size: clamp(2.35rem, 4.45vw, 4.9rem);
  line-height: 0.9;
  letter-spacing: 0.028em;
  text-wrap: balance;
  text-shadow:
    0 2px 0 rgba(255, 255, 255, 0.08),
    0 14px 34px rgba(0, 0, 0, 0.54),
    0 0 28px rgba(244, 207, 120, 0.12);
}.home-booking-copy h2 span {
  display: block;
  margin-top: 0.05em;
  background: linear-gradient(180deg, #fff1bb 0%, #f1c554 38%, #c58a29 70%, #8b5a18 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.34));
}.home-booking-lead {
  max-width: 28rem;
  margin: clamp(0.55rem, 1.3vw, 0.82rem) 0 0;
  color: rgba(255, 246, 226, 0.84);
  font-size: clamp(0.9rem, 1vw, 0.98rem);
  line-height: 1.5;
}.home-booking-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
  margin-top: clamp(0.55rem, 1.3vw, 0.78rem);
}.home-booking-tags span {
  display: inline-flex;
  align-items: center;
  gap: 0.36rem;
  min-height: 30px;
  padding: 0.38rem 0.62rem;
  border: 1px solid rgba(238, 190, 82, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  color: rgba(255, 246, 226, 0.78);
  font-size: 0.64rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
}.home-booking-tags span::before {
  content: "";
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 999px;
  background: var(--gold-bright);
  box-shadow: 0 0 14px rgba(238, 190, 82, 0.46);
}.home-booking-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: clamp(0.65rem, 1.5vw, 0.95rem);
}.home-booking-meta a,
.home-booking-highlight {
  border: 1px solid rgba(238, 190, 82, 0.24);
  background: rgba(5, 4, 3, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(12px);
}.home-booking-meta a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0.56rem 0.86rem;
  border-radius: 999px;
  color: var(--gold-pale);
  font-weight: 700;
  letter-spacing: 0.035em;
}.home-booking-meta a:hover,
.home-booking-meta a:focus-visible {
  color: #070605;
  background: linear-gradient(135deg, #ffe58c, #d69a25);
  transform: translateY(-2px);
}.home-booking-highlight {
  grid-area: highlight;
  justify-self: end;
  align-self: start;
  min-width: min(100%, 160px);
  padding: 0.72rem;
  border-radius: 18px;
  color: var(--gold-pale);
  overflow: hidden;
}.home-booking-highlight::before {
  content: "";
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 0.58rem;
  height: 0.58rem;
  border-radius: 999px;
  background: #ffd36b;
  box-shadow: 0 0 0 8px rgba(238, 190, 82, 0.12), 0 0 28px rgba(238, 190, 82, 0.72);
  animation: bookingPulse 1.8s ease-in-out infinite;
}.home-booking-highlight span,
.home-booking-highlight small {
  display: block;
  max-width: 12rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}.home-booking-highlight span {
  color: rgba(255, 239, 196, 0.86);
  font-size: 0.72rem;
  font-weight: 900;
}.home-booking-highlight strong {
  display: block;
  margin-top: 0.25rem;
  font-family: "Bebas Neue", sans-serif;
  color: #fff6dc;
  font-size: clamp(2rem, 3.6vw, 3.35rem);
  line-height: 0.86;
  letter-spacing: 0.04em;
}.home-booking-highlight small {
  margin-top: 0.45rem;
  color: rgba(255, 246, 226, 0.66);
  font-size: 0.66rem;
  line-height: 1.45;
}.home-booking-rhythm {
  display: flex;
  align-items: end;
  gap: 0.32rem;
  height: 1.55rem;
  margin-top: 0.1rem;
}.home-booking-rhythm i {
  display: block;
  width: 0.44rem;
  min-height: 0.7rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #fff1ad, #d99d2d);
  box-shadow: 0 0 18px rgba(238, 190, 82, 0.28);
  animation: bookingRhythmBeat 1.2s ease-in-out infinite;
}.home-booking-rhythm i:nth-child(2) {
  animation-delay: -0.18s;
}.home-booking-rhythm i:nth-child(3) {
  animation-delay: -0.36s;
}.home-booking-rhythm i:nth-child(4) {
  animation-delay: -0.54s;
}.home-booking-actions {
  grid-area: actions;
  align-self: end;
  justify-self: end;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.85rem;
  max-width: 28rem;
}.home-booking-actions .button {
  min-height: 44px;
  box-shadow:
    0 20px 48px rgba(0, 0, 0, 0.38),
    0 10px 34px rgba(214, 154, 37, 0.18);
}@keyframes bookingSceneDrift {
  from {
    background-position: center 42%, 74% 26%, center 40%;
    transform: scale(1.04) translate3d(-0.3%, 0, 0);
  }
  to {
    background-position: center 42%, 76% 24%, center 46%;
    transform: scale(1.08) translate3d(0.8%, -0.8%, 0);
  }
}@keyframes bookingLightSweep {
  0%,
  100% {
    opacity: 0.55;
    background-position: -120% 0, center, 0 0;
  }
  50% {
    opacity: 0.9;
    background-position: 120% 0, center, 0 0;
  }
}@keyframes bookingPulse {
  0%,
  100% {
    transform: scale(0.88);
    opacity: 0.72;
  }
  50% {
    transform: scale(1.12);
    opacity: 1;
  }
}@keyframes bookingSparkFloat {
  0%,
  100% {
    opacity: 0.26;
    transform: translate3d(-0.35rem, 0, 0) rotate(-16deg) scaleX(0.72);
  }
  50% {
    opacity: 0.78;
    transform: translate3d(0.65rem, -0.25rem, 0) rotate(-16deg) scaleX(1.08);
  }
}@keyframes bookingRhythmBeat {
  0%,
  100% {
    height: 0.75rem;
    opacity: 0.56;
  }
  42% {
    height: 2.25rem;
    opacity: 1;
  }
}@media (max-width: 980px) {
  .home-booking-final-section .home-booking-panel {
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "highlight";
    min-height: 0;
  }

  .home-booking-highlight,
  .home-booking-actions {
    justify-self: start;
  }

  .home-booking-copy h2 {
    max-width: 17ch;
    font-size: clamp(2.6rem, 8vw, 4rem);
  }
}@media (max-width: 640px) {
  .home-booking-final-section {
    padding-block: 2.3rem;
  }

  .home-booking-final-section .home-booking-panel {
    width: calc(100% - 1rem);
    min-height: 320px;
    padding: 1.2rem;
    border-radius: 28px;
  }

  .home-booking-final-section .home-booking-panel::before {
    background:
      linear-gradient(180deg, rgba(5, 4, 3, 0.74) 0%, rgba(5, 4, 3, 0.52) 38%, rgba(5, 4, 3, 0.94) 100%),
      radial-gradient(circle at 70% 20%, rgba(238, 190, 82, 0.18), transparent 28%),
      url("images/musicos/musicos10.webp") center 35% / cover no-repeat;
  }

  .home-booking-copy h2 {
    font-size: clamp(2.45rem, 12vw, 3.45rem);
  }

  .home-booking-lead {
    font-size: 0.96rem;
  }

  .home-booking-tags span {
    flex: 1 1 calc(50% - 0.55rem);
    justify-content: center;
    min-width: 0;
    font-size: 0.64rem;
  }

  .home-booking-meta,
  .home-booking-actions {
    width: 100%;
  }

  .home-booking-meta a,
  .home-booking-actions .button {
    width: 100%;
    justify-content: center;
  }

  .home-booking-highlight {
    width: 100%;
  }
}@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-grid::before,
  body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-grid::after,
  body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy::before,
  body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy::after,
  body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy.is-visible > * {
    animation: none !important;
  }

  body[data-page]:not([data-page="inicio"]) .page-hero .page-hero-copy > * {
    opacity: 1;
    transform: none;
    filter: none;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  [data-reveal] {
    opacity: 1;
    transform: none;
  }


  .hero-particle {
    animation: none !important;
  }

  .hero-showcase-hashtag-cloud,
  .hero-showcase-hashtag-cloud span,
  .hero-showcase-marquee-track,
  .hero-showcase-camera-flashes::before,
  .hero-camera-flash,
  .site-preloader::after,
  .site-preloader-halo {
    animation: none !important;
  }

  .hero-showcase-camera-flashes {
    display: none;
  }

  .hero-showcase-backdrop {
    transform: none !important;
  }

  .hero-showcase-backdrop-frame {
    animation: none !important;
    opacity: 0 !important;
    transform: none !important;
  }

  .hero-showcase-backdrop-frame-1 {
    opacity: 1 !important;
  }
}/* Blog archive reboot */body[data-page="blog"][data-blog-view="archive"] .section-blog-archive-stage .page-hero-grid {
  min-height: auto;
  width: min(var(--max-width), 100%);
  margin: 0 auto;
  padding: clamp(1rem, 2vw, 1.35rem);
  gap: 1.15rem;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: stretch;
  background:
    radial-gradient(circle at top left, rgba(244, 207, 120, 0.1), transparent 24%),
    radial-gradient(circle at top right, rgba(151, 26, 34, 0.14), transparent 22%),
    linear-gradient(180deg, rgba(10, 8, 6, 0.96), rgba(6, 5, 4, 0.98));
}body[data-page="blog"][data-blog-view="archive"] .section-blog-archive-stage .page-hero-grid::before,
body[data-page="blog"][data-blog-view="archive"] .section-blog-archive-stage .page-hero-grid::after {
  content: none;
}.section-blog-highlights {
  padding-bottom: clamp(1rem, 2.2vw, 1.6rem);
}.blog-highlights-shell,
.blog-spotlight-shell {
  position: relative;
  width: min(var(--max-width), 100%);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgba(244, 207, 120, 0.12);
  border-radius: calc(var(--radius) + 0.25rem);
  background:
    radial-gradient(circle at 8% 0%, rgba(244, 207, 120, 0.12), transparent 20rem),
    radial-gradient(circle at 94% 18%, rgba(143, 26, 35, 0.16), transparent 22rem),
    linear-gradient(145deg, rgba(16, 12, 9, 0.96), rgba(6, 5, 4, 0.98));
  box-shadow:
    0 22px 48px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}.blog-highlights-shell {
  display: grid;
  gap: 1rem;
}.blog-highlights-head,
.blog-spotlight-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 1rem;
}.blog-highlights-head h2,
.blog-spotlight-head h2 {
  margin: 0;
  color: var(--text);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1.9rem, 3vw, 3rem);
  letter-spacing: 0.04em;
  line-height: 0.95;
  text-transform: uppercase;
}.blog-highlights-head .section-kicker,
.blog-spotlight-head .section-kicker {
  margin-bottom: 0.35rem;
}.blog-story-rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: clamp(142px, 12vw, 178px);
  overflow-x: auto;
  scroll-snap-type: x proximity;
  -ms-overflow-style: none;
}.blog-story-rail::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}.blog-story-highlight {
  position: relative;
  display: block;
  min-width: 0;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border: 1px solid rgba(244, 207, 120, 0.14);
  color: inherit;
  text-align: left;
  scroll-snap-align: start;
  cursor: pointer;
  transform: translateZ(0);
}.blog-story-highlight-ring {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  border-radius: inherit;
  background: rgba(10, 8, 6, 0.9);
}.blog-story-highlight-ring::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.08) 42%, rgba(0, 0, 0, 0.84) 100%),
    radial-gradient(circle at 24% 16%, rgba(244, 207, 120, 0.24), transparent 38%);
}.blog-story-highlight.is-new:not(.is-seen),
.blog-story-highlight.has-unseen-story {
  border-color: #ffd766;
  box-shadow:
    0 20px 38px rgba(0, 0, 0, 0.24),
    0 0 0 2px rgba(255, 135, 31, 0.88),
    0 0 24px rgba(255, 174, 49, 0.22);
}.blog-story-highlight.is-new:not(.is-seen)::before,
.blog-story-highlight.has-unseen-story::before {
  content: "";
  position: absolute;
  inset: 0.38rem;
  z-index: 3;
  pointer-events: none;
  border: 2px solid #ffe17a;
  border-radius: 1rem;
  box-shadow: 0 0 0 1px rgba(255, 132, 24, 0.95);
}.blog-story-highlight-ring img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform 260ms ease;
}.blog-story-highlight:hover,
.blog-story-highlight:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(244, 207, 120, 0.42);
}.blog-story-highlight:hover .blog-story-highlight-ring img,
.blog-story-highlight:focus-visible .blog-story-highlight-ring img {
  transform: scale(1.08);
}.blog-story-highlight-copy {
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  display: grid;
  gap: 0.22rem;
  min-width: 0;
  padding: 1.05rem 0.78rem 0.82rem;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.58));
}.blog-story-highlight-copy strong {
  color: var(--gold-bright);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}.blog-story-highlight-copy span {
  display: -webkit-box;
  overflow: hidden;
  color: rgba(247, 240, 230, 0.86);
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.2;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}.section-blog-spotlight {
  padding-top: 0;
}.blog-spotlight-shell {
  display: grid;
  gap: 1rem;
  padding: clamp(1rem, 2.35vw, 1.55rem);
}.blog-spotlight-head p:not(.section-kicker) {
  max-width: 36rem;
  margin: 0;
  color: var(--text-soft);
  line-height: 1.65;
}.blog-spotlight-media {
  display: block;
  overflow: hidden;
  background: rgba(5, 5, 5, 0.9);
}.blog-spotlight-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}.blog-spotlight-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 320ms ease;
}.blog-spotlight-card:hover .blog-spotlight-media img,
.blog-spotlight-card:focus-within .blog-spotlight-media img {
  transform: scale(1.04);
}.blog-spotlight-copy {
  display: grid;
}.blog-spotlight-copy h3 {
  margin: 0;
  text-wrap: balance;
}.blog-spotlight-copy h3 a {
  color: inherit;
}.blog-spotlight-copy p {
  margin: 0;
  line-height: 1.58;
}.blog-social-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.15rem;
  border: 1px solid rgba(244, 207, 120, 0.12);
}.blog-social-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.38rem;
  color: rgba(247, 240, 230, 0.86);
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  text-transform: uppercase;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    color 180ms ease;
}.blog-social-action i {
  color: var(--gold-bright);
  font-size: 0.84rem;
}.blog-social-action strong {
  color: var(--text);
  font-size: 0.72rem;
  line-height: 1;
}.blog-social-action:hover,
.blog-social-action:focus-visible,
.blog-social-action.is-active {
  transform: translateY(-1px);
  border-color: rgba(244, 207, 120, 0.34);
  background: linear-gradient(135deg, rgba(244, 207, 120, 0.2), rgba(151, 26, 34, 0.1));
  color: var(--text);
}.blog-social-action:disabled {
  cursor: wait;
  opacity: 0.7;
}.blog-social-feedback {
  display: none !important;
  flex-basis: 100%;
  min-height: 1rem;
  margin: -0.1rem 0 0.1rem;
  padding: 0 0.55rem;
  color: rgba(247, 240, 230, 0.68);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.35;
}.blog-social-feedback[data-state="success"] {
  color: var(--gold-bright);
}.blog-social-feedback[data-state="error"] {
  color: #ffb8a8;
}.blog-post-social-bar {
  width: min(100%, 34rem);
  margin-top: 0.4rem;
}.blog-archive-stage-copy,
.blog-archive-stage-feature,
.blog-archive-empty-shell,
.blog-stream-entry,
.blog-stream-empty,
.blog-stream-intro-shell {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(244, 207, 120, 0.12);
  border-radius: calc(var(--radius) + 0.15rem);
  background:
    linear-gradient(150deg, rgba(13, 10, 8, 0.96), rgba(7, 6, 5, 0.94)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 36%);
  box-shadow:
    0 18px 36px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
}.blog-archive-stage-copy,
.blog-archive-empty-shell {
  display: grid;
  align-content: start;
  gap: 1rem;
  padding: clamp(1.25rem, 2.4vw, 1.8rem);
}.blog-archive-stage-signals {
  margin: 0;
}.blog-archive-stage-signals .hero-live-pill,
.blog-archive-stage-signals .hero-hash-pill {
  padding: 0.58rem 0.88rem 0.62rem;
  box-shadow: none;
}.blog-archive-stage-signals .hero-hash-pill {
  font-family: "Manrope", sans-serif;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: rgba(246, 239, 228, 0.84);
  background-image: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  animation: none;
}.blog-archive-stage-kicker {
  margin: 0;
  text-transform: uppercase;
}.blog-archive-stage-title {
  margin: 0;
}.blog-archive-stage-title a {
  color: inherit;
}.blog-archive-stage-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.7rem;
}.blog-archive-stage-meta p,
.blog-archive-stage-support {
  margin: 0;
  color: rgba(247, 240, 230, 0.76);
  line-height: 1.65;
}.blog-archive-stage-lead {
  margin: 0;
  text-wrap: pretty;
}.blog-archive-stage-support {
  max-width: 35rem;
  font-size: 0.94rem;
}.blog-archive-stage-copy-tags {
  margin-top: -0.05rem;
}.blog-archive-stage-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}.blog-archive-stage-stats {
  display: grid;
  gap: 0.75rem;
}.blog-archive-stage-stat {
  display: grid;
  gap: 0.2rem;
  border: 1px solid rgba(244, 207, 120, 0.1);
}.blog-archive-stage-stat span {
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}.blog-archive-stage-stat strong {
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: 0.06em;
  line-height: 0.94;
}.blog-archive-stage-stat p {
  margin: 0;
  line-height: 1.4;
}.blog-archive-stage-feature {
  display: grid;
  grid-template-rows: minmax(320px, auto) auto;
  gap: 1rem;
}.blog-archive-stage-feature.is-feature-only {
  grid-template-rows: minmax(0, 1fr);
}.blog-archive-stage-feature-media {
  position: relative;
  display: grid;
  align-items: end;
  overflow: hidden;
  background: rgba(5, 5, 5, 0.92);
  isolation: isolate;
}.blog-archive-stage-feature.is-feature-only .blog-archive-stage-feature-media {
  height: 100%;
}.blog-archive-stage-feature-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}.blog-archive-stage-feature-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 320ms ease;
}.blog-archive-stage-feature-media-copy {
  position: absolute;
  z-index: 1;
  display: grid;
  border: 1px solid rgba(255, 255, 255, 0.09);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.2);
}.blog-archive-stage-feature-media-copy span {
  color: var(--gold-bright);
  font-weight: 800;
  text-transform: uppercase;
}.blog-archive-stage-feature-media-copy strong {
  text-wrap: balance;
}.blog-archive-stage-feature-media-copy p {
  margin: 0;
  color: rgba(247, 240, 230, 0.82);
  font-size: 0.92rem;
  line-height: 1.55;
}.blog-archive-stage-feature:hover .blog-archive-stage-feature-media img,
.blog-archive-stage-feature:focus-within .blog-archive-stage-feature-media img {
  transform: scale(1.03);
}.blog-archive-stage-feature-copy {
  display: grid;
  align-content: start;
  gap: 1rem;
  min-width: 0;
  padding: 0.15rem 0.1rem 0.1rem;
}.blog-archive-stage-queue-head {
  display: grid;
  gap: 0.55rem;
}.blog-archive-stage-queue-label {
  margin: 0;
  color: var(--gold-bright);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}.blog-archive-stage-queue-head h2 {
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(1.85rem, 2.5vw, 2.5rem);
  font-weight: 600;
  line-height: 0.98;
  color: var(--text);
  text-wrap: balance;
}.blog-archive-stage-queue-head p:not(.panel-kicker),
.blog-archive-stage-queue-empty {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.7;
}.blog-archive-stage-queue-list {
  display: grid;
  gap: 0.8rem;
}.blog-archive-stage-queue-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.9rem;
  align-items: start;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 1.1rem;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(255, 255, 255, 0.02);
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    background 220ms ease;
}.blog-archive-stage-queue-item:hover,
.blog-archive-stage-queue-item:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(244, 207, 120, 0.3);
  background:
    linear-gradient(145deg, rgba(244, 207, 120, 0.08), transparent),
    rgba(255, 255, 255, 0.03);
}.blog-archive-stage-queue-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.65rem;
  min-height: 2.65rem;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(246, 209, 124, 0.98), rgba(217, 161, 58, 0.98));
  box-shadow: 0 14px 30px rgba(186, 130, 40, 0.18);
  color: #180f06;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0.08em;
  line-height: 1;
}.blog-archive-stage-queue-body {
  display: grid;
  gap: 0.25rem;
}.blog-archive-stage-queue-body strong {
  color: var(--text);
  font-size: 1rem;
  line-height: 1.45;
  text-wrap: pretty;
}.blog-archive-stage-queue-body small {
  color: rgba(247, 240, 230, 0.68);
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}.blog-archive-stage-feature-tags,
.blog-stream-entry-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}.blog-archive-stage-feature-tags span,
.blog-archive-stage-feature-tags a,
.blog-stream-entry-tags a,
.blog-stream-entry-tags span {
  display: inline-flex;
  align-items: center;
  padding: 0.38rem 0.72rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(246, 239, 228, 0.82);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}.blog-archive-stage-feature-actions,
.blog-stream-entry-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}.section-blog-stream-intro,
.section-blog-stream-promo,
.section-blog-stream-feed {
  padding-top: 0;
}.blog-stream-intro-shell,
.blog-stream-promo-shell,
.blog-stream-shell {
  width: min(var(--max-width), 100%);
  margin: 0 auto;
}.blog-stream-intro-shell {
  display: grid;
  gap: 0.85rem;
  padding: 1rem 1.15rem;
}.blog-stream-intro-copy {
  display: grid;
  gap: 0.55rem;
  max-width: 46rem;
}.blog-stream-intro-label {
  margin: 0;
  color: rgba(247, 240, 230, 0.7);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}.blog-stream-intro-copy h2 {
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2.4rem, 4vw, 3.6rem);
  font-weight: 600;
  line-height: 0.94;
  color: var(--text);
}.blog-stream-intro-copy p:not(.section-kicker) {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.72;
}.blog-stream-year-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(244, 207, 120, 0.12);
  background: rgba(255, 255, 255, 0.03);
  color: var(--gold-bright);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease;
}.blog-stream-year-chip:hover,
.blog-stream-year-chip:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(244, 207, 120, 0.24);
  background: rgba(244, 207, 120, 0.08);
}.blog-stream-entry {
  display: grid;
}.blog-stream-entry.is-reversed .blog-stream-entry-media {
  order: 2;
}.blog-stream-entry.is-reversed .blog-stream-entry-copy {
  order: 1;
}.blog-stream-entry.is-archive-rescued {
  border-color: rgba(244, 207, 120, 0.18);
  background:
    radial-gradient(circle at top right, rgba(244, 207, 120, 0.08), transparent 22%),
    linear-gradient(150deg, rgba(13, 10, 8, 0.96), rgba(7, 6, 5, 0.94));
}.blog-stream-entry.is-stream-hidden {
  display: none !important;
}.blog-stream-entry-media {
  position: relative;
  display: block;
  overflow: hidden;
  background: rgba(5, 5, 5, 0.92);
}.blog-stream-entry-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}.blog-stream-entry-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 340ms ease;
}.blog-stream-entry:hover .blog-stream-entry-media img,
.blog-stream-entry:focus-within .blog-stream-entry-media img {
  transform: scale(1.03);
}.blog-stream-entry-copy {
  display: grid;
  min-width: 0;
}.blog-stream-entry-topline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
}.blog-stream-entry-copy h3 {
  margin: 0;
  text-wrap: balance;
}.blog-stream-entry-copy h3 a {
  color: inherit;
}.blog-stream-entry-copy p {
  margin: 0;
}.blog-stream-year-marker {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: -0.15rem;
}.blog-stream-year-marker::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(244, 207, 120, 0.22), rgba(244, 207, 120, 0.02));
}.blog-stream-year-marker span {
  display: inline-flex;
  align-items: center;
  padding: 0.45rem 0.78rem;
  border: 1px solid rgba(244, 207, 120, 0.12);
  color: var(--gold-bright);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}.blog-stream-status-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.8rem;
  width: min(var(--max-width), 100%);
}.blog-stream-status {
  margin: 0;
  color: rgba(247, 240, 230, 0.72);
  font-size: 0.86rem;
  line-height: 1.5;
}.blog-stream-more[hidden] {
  display: none !important;
}.blog-stream-sentinel {
  width: 100%;
  height: 1px;
}.blog-stream-empty {
  display: grid;
  gap: 0.6rem;
  padding: 1.25rem;
}.blog-stream-empty h2 {
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(2rem, 3.2vw, 2.8rem);
  font-weight: 600;
  line-height: 1;
  color: var(--text);
}.blog-stream-empty p:not(.panel-kicker) {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.68;
}@media (max-width: 1180px) {
  body[data-page="blog"][data-blog-view="archive"] .section-blog-archive-stage .page-hero-grid {
    grid-template-columns: 1fr;
  }

  .blog-spotlight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .blog-archive-stage-title {
    max-width: 16ch;
  }
}@media (max-width: 980px) {
  body[data-page="blog"][data-blog-view="archive"] .section-blog-archive-stage .page-hero-grid {
    padding: 1rem;
  }

  .blog-archive-stage-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .blog-archive-stage-feature-copy {
    padding: 0;
  }

  .blog-archive-stage-feature,
  .blog-stream-entry {
    grid-template-columns: 1fr;
  }

  .blog-stream-entry.is-reversed .blog-stream-entry-media,
  .blog-stream-entry.is-reversed .blog-stream-entry-copy {
    order: initial;
  }

  .blog-stream-entry-media {
    min-height: 260px;
  }

  .blog-stream-entry-copy h3 {
    font-size: clamp(1.8rem, 4.8vw, 2.35rem);
  }

  .blog-stream-status-row {
    flex-direction: column;
    align-items: stretch;
  }

  .blog-highlights-head,
  .blog-spotlight-head {
    display: grid;
    justify-content: start;
  }
}@media (max-width: 640px) {
  .blog-highlights-shell,
  .blog-spotlight-shell,
  .blog-archive-stage-copy,
  .blog-archive-stage-feature,
  .blog-stream-entry,
  .blog-stream-empty,
  .blog-stream-intro-shell,
  .blog-archive-empty-shell {
    border-radius: 24px;
  }

  .blog-archive-stage-copy,
  .blog-archive-empty-shell,
  .blog-stream-intro-shell,
  .blog-stream-empty {
    padding: 1.08rem;
  }

  .blog-archive-stage-feature,
  .blog-stream-entry {
    padding: 0.8rem;
  }

  .blog-story-rail {
    grid-auto-columns: minmax(104px, 128px);
    gap: 0.75rem;
    margin-right: -0.65rem;
  }

  .blog-spotlight-grid {
    grid-template-columns: 1fr;
  }

  .blog-social-bar {
    border-radius: 1.25rem;
  }

  .blog-social-action {
    font-size: 0.66rem;
  }

  .blog-social-action span {
    display: none;
  }

  .blog-social-feedback {
    grid-column: 1 / -1;
  }

  .blog-archive-stage-title {
    max-width: 14ch;
  }

  .blog-archive-stage-meta {
    gap: 0.55rem;
  }

  .blog-archive-stage-actions,
  .blog-archive-stage-feature-actions,
  .blog-stream-entry-actions {
    display: grid;
  }

  .blog-archive-stage-actions .button,
  .blog-archive-stage-actions .button-secondary,
  .blog-archive-stage-feature-actions .button,
  .blog-stream-entry-actions .button {
    width: 100%;
  }

  .blog-stream-year-row {
    display: grid;
  }

  .blog-stream-entry-media,
  .blog-archive-stage-feature-media {
    min-height: 220px;
  }

  .blog-archive-stage-feature-media-copy {
    left: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
  }

  .blog-stream-entry-copy h3,
  .blog-archive-stage-queue-head h2 {
    font-size: clamp(1.7rem, 7vw, 2.35rem);
  }

  .blog-archive-stage-queue-item {
    grid-template-columns: 1fr;
  }

  .blog-archive-stage-queue-index {
    min-width: 2.3rem;
    min-height: 2.3rem;
  }
}.home-newsletter-section {
  position: relative;
}.home-newsletter-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.75fr);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: center;
  padding: clamp(1.2rem, 4vw, 2.6rem);
  border: 1px solid rgba(244, 188, 101, 0.2);
  border-radius: clamp(1.4rem, 3vw, 2.3rem);
  background:
    radial-gradient(circle at 8% 0%, rgba(244, 181, 91, 0.24), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(121, 32, 19, 0.28), transparent 36%),
    linear-gradient(135deg, rgba(35, 18, 10, 0.92), rgba(12, 8, 5, 0.88));
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}.home-newsletter-copy h2 {
  max-width: 760px;
  margin: 0.35rem 0 0;
}.home-newsletter-copy p:not(.section-kicker) {
  max-width: 720px;
  color: rgba(255, 245, 232, 0.74);
  line-height: 1.7;
}.home-newsletter-form {
  display: grid;
  gap: 0.85rem;
  padding: 1rem;
  border: 1px solid rgba(244, 188, 101, 0.18);
  border-radius: 1.35rem;
  background: rgba(255, 255, 255, 0.075);
  backdrop-filter: blur(18px);
}.home-newsletter-form label {
  display: grid;
  gap: 0.38rem;
  color: rgba(255, 245, 232, 0.78);
  font-weight: 800;
}.home-newsletter-form input[type="text"],
.home-newsletter-form input[type="email"] {
  width: 100%;
  min-height: 52px;
  border: 1px solid rgba(244, 188, 101, 0.24);
  border-radius: 999px;
  background: rgba(10, 7, 5, 0.56);
  color: #fff7ec;
  padding: 0 1rem;
  outline: 0;
}.home-newsletter-form input:focus {
  border-color: rgba(244, 188, 101, 0.75);
  box-shadow: 0 0 0 4px rgba(244, 188, 101, 0.14);
}.home-newsletter-consent {
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: center;
  justify-self: center;
  gap: 0.75rem !important;
  font-size: 0.9rem;
  text-align: center;
}.home-newsletter-consent input[type="checkbox"] {
  position: relative;
  width: 48px;
  min-width: 48px;
  min-height: 26px;
  height: 26px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(244, 207, 120, 0.28);
  border-radius: 999px;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(5, 4, 3, 0.74);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.34);
  cursor: pointer;
  transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}.home-newsletter-consent input[type="checkbox"]::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: rgba(255, 246, 226, 0.8);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
  transition: transform 180ms ease, background 180ms ease;
}.home-newsletter-consent input[type="checkbox"]:checked {
  border-color: rgba(244, 207, 120, 0.78);
  background: linear-gradient(135deg, #f6d36f, #c9851e);
  box-shadow: 0 0 0 3px rgba(244, 207, 120, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}.home-newsletter-consent input[type="checkbox"]:checked::before {
  transform: translateX(22px);
  background: #120c05;
}.home-newsletter-consent input[type="checkbox"]:focus-visible {
  outline: 2px solid rgba(244, 207, 120, 0.7);
  outline-offset: 3px;
}.home-newsletter-form .form-response {
  min-height: 1.4em;
  margin: 0;
}.footer-newsletter-form {
  width: min(100%, 36rem);
  gap: 0.68rem;
  padding: 0.82rem;
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(9, 7, 5, 0.74);
  backdrop-filter: blur(12px);
}.footer-newsletter-fields {
  gap: 0.62rem;
}.footer-newsletter-form label:not(.footer-newsletter-consent) {
  gap: 0;
}.footer-newsletter-form input[type="text"],
.footer-newsletter-form input[type="email"] {
  min-height: 46px;
  border-radius: 16px;
  padding-inline: 0.9rem;
  font-size: 0.92rem;
  font-weight: 800;
}.footer-newsletter-form input::placeholder {
  color: rgba(255, 245, 232, 0.46);
  opacity: 1;
}.footer-newsletter-consent {
  width: 100%;
  grid-template-columns: auto minmax(0, 1fr);
  justify-content: stretch;
  justify-self: stretch;
  gap: 0.62rem !important;
  padding: 0.64rem 0.72rem;
  border: 1px solid rgba(244, 207, 120, 0.13);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(255, 245, 232, 0.74);
  font-size: 0.78rem;
  line-height: 1.35;
  text-align: left;
}.footer-newsletter-consent input[type="checkbox"] {
  width: 40px;
  min-width: 40px;
  height: 22px;
  min-height: 22px;
}.footer-newsletter-consent input[type="checkbox"]::before {
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
}.footer-newsletter-consent input[type="checkbox"]:checked::before {
  transform: translateX(18px);
}.footer-newsletter-actions {
  justify-items: stretch;
  gap: 0.48rem;
}.footer-newsletter-actions .button {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  border-radius: 16px;
  font-size: 0.76rem;
  letter-spacing: 0.16em;
}.footer-newsletter-form .form-response {
  min-height: 1.2rem;
  font-size: 0.82rem;
  line-height: 1.45;
}.newsletter-confirm-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 2rem;
  background:
    radial-gradient(circle at 20% 0%, rgba(244, 188, 101, 0.24), transparent 34%),
    linear-gradient(135deg, #130b07, #070504 62%, #2a120a);
}.newsletter-confirm-card {
  width: min(680px, 100%);
  padding: clamp(1.25rem, 5vw, 3rem);
  border: 1px solid rgba(244, 188, 101, 0.24);
  border-radius: 2rem;
  background: rgba(255, 247, 234, 0.08);
  color: #fff7ec;
  box-shadow: 0 32px 100px rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(18px);
}.newsletter-confirm-card h1 {
  margin: 0.45rem 0;
}.newsletter-confirm-card p {
  color: rgba(255, 245, 232, 0.76);
  line-height: 1.65;
}.newsletter-confirm-name {
  padding: 1rem;
  border-radius: 1rem;
  background: rgba(244, 188, 101, 0.12);
}@media (max-width: 880px) {
  .home-newsletter-panel {
    grid-template-columns: 1fr;
  }

  .footer-newsletter-fields {
    grid-template-columns: 1fr;
  }
}/* Influencer private registration */.influencer-register-page {
  min-height: 100vh;
  margin: 0;
  color: #fff7df;
  background:
    radial-gradient(circle at 12% 8%, rgba(217, 166, 59, 0.2), transparent 30rem),
    linear-gradient(135deg, #050403 0%, #11100c 48%, #050403 100%);
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}.influencer-register-shell {
  width: min(1120px, calc(100% - 2rem));
  margin: 0 auto;
  padding: clamp(1.5rem, 4vw, 4rem) 0;
}.influencer-register-hero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(220px, 0.42fr);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: center;
  padding: clamp(1rem, 3vw, 1.6rem);
  border: 1px solid rgba(231, 184, 78, 0.26);
  border-radius: 8px;
  background: rgba(7, 6, 4, 0.74);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.36);
}.influencer-register-logo {
  display: grid;
  place-items: center;
  width: clamp(78px, 10vw, 118px);
  aspect-ratio: 1;
  border: 1px solid rgba(231, 184, 78, 0.3);
  border-radius: 999px;
  background: radial-gradient(circle, rgba(231, 184, 78, 0.18), rgba(0, 0, 0, 0.35));
}.influencer-register-logo img {
  width: 82%;
  height: auto;
  display: block;
}.influencer-register-hero-copy p,
.influencer-register-campaign small,
.influencer-register-form-head p,
.influencer-register-state p {
  margin: 0 0 0.45rem;
  color: #e8bd55;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}.influencer-register-hero-copy h1 {
  margin: 0;
  max-width: 760px;
  color: #fff9e8;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(3.1rem, 8vw, 6.6rem);
  line-height: 0.9;
  letter-spacing: 0;
  text-transform: uppercase;
}.influencer-register-hero-copy span {
  display: block;
  max-width: 720px;
  margin-top: 0.75rem;
  color: rgba(255, 247, 223, 0.78);
  font-size: clamp(0.98rem, 2vw, 1.1rem);
  line-height: 1.7;
}.influencer-register-campaign {
  padding: 1rem;
  border: 1px solid rgba(231, 184, 78, 0.24);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
}.influencer-register-campaign strong {
  display: block;
  color: #fff9e8;
  font-size: 1rem;
  line-height: 1.45;
}.influencer-register-panel {
  margin-top: 1rem;
  padding: clamp(1rem, 3vw, 1.6rem);
  border: 1px solid rgba(231, 184, 78, 0.2);
  border-radius: 8px;
  background: rgba(255, 250, 239, 0.96);
  color: #15110a;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}.influencer-register-form-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(120, 91, 32, 0.18);
}.influencer-register-form-head h2,
.influencer-register-state h2 {
  margin: 0;
  color: #15110a;
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  line-height: 1.05;
}.influencer-register-form-head > span {
  flex: 0 0 auto;
  padding: 0.48rem 0.7rem;
  border-radius: 999px;
  background: #15110a;
  color: #f3c65b;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}.influencer-register-instructions,
.influencer-register-alert {
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 8px;
  line-height: 1.6;
}.influencer-register-instructions {
  border: 1px solid rgba(219, 168, 61, 0.24);
  background: #fff6e1;
  color: #342913;
}.influencer-register-alert {
  border: 1px solid rgba(154, 42, 34, 0.28);
  background: #fff0ed;
  color: #8e241b;
  font-weight: 800;
}.influencer-register-form {
  display: grid;
  gap: 1rem;
}.influencer-register-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}.influencer-register-field {
  display: grid;
  gap: 0.45rem;
  font-weight: 800;
  color: #17120a;
}.influencer-register-field input,
.influencer-register-field textarea {
  width: 100%;
  border: 1px solid rgba(69, 52, 22, 0.2);
  border-radius: 8px;
  background: #fffdf7;
  color: #15110a;
  font: inherit;
  font-weight: 650;
  padding: 0.9rem 1rem;
  outline: none;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}.influencer-register-field textarea {
  resize: vertical;
  min-height: 118px;
}.influencer-register-field input:focus,
.influencer-register-field textarea:focus {
  border-color: #d89e2f;
  box-shadow: 0 0 0 4px rgba(216, 158, 47, 0.14);
}.influencer-register-field small {
  color: #66573c;
  font-weight: 650;
  line-height: 1.5;
}.influencer-register-field strong {
  color: #9b261c;
  font-size: 0.86rem;
}.influencer-register-terms {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.8rem;
  padding: 1rem;
  border: 1px solid rgba(69, 52, 22, 0.16);
  border-radius: 8px;
  background: #fffaf0;
  color: #22190c;
  line-height: 1.65;
}.influencer-register-terms input {
  width: 20px;
  height: 20px;
  margin-top: 0.2rem;
  accent-color: #c88922;
}.influencer-register-terms strong {
  display: block;
  margin-top: 0.75rem;
}.influencer-register-privacy {
  margin: 0;
  color: #68583b;
  font-size: 0.92rem;
  line-height: 1.6;
}.influencer-register-submit {
  justify-self: start;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #dca84d, #f4cf75);
  color: #171007;
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  padding: 0.95rem 1.4rem;
  text-transform: uppercase;
  transition: transform 180ms ease, box-shadow 180ms ease;
  box-shadow: 0 16px 34px rgba(150, 96, 15, 0.24);
}.influencer-register-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(150, 96, 15, 0.32);
}.influencer-register-state {
  display: grid;
  gap: 0.6rem;
  min-height: 320px;
  align-content: center;
  text-align: center;
}.influencer-register-state span {
  max-width: 680px;
  margin: 0 auto;
  color: #5f5136;
  line-height: 1.7;
}.influencer-register-hp {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}@media (max-width: 820px) {
  .influencer-register-shell {
    width: min(100% - 1rem, 640px);
    padding: 0.5rem 0 1rem;
  }

  .influencer-register-hero {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .influencer-register-logo {
    margin: 0 auto;
  }

  .influencer-register-campaign {
    text-align: left;
  }

  .influencer-register-form-head {
    display: grid;
  }

  .influencer-register-grid {
    grid-template-columns: 1fr;
  }

  .influencer-register-submit {
    width: 100%;
  }
}



:root {
  color-scheme: dark;
  --bg: #030302;
  --bg-soft: #090806;
  --panel: rgba(12, 11, 8, 0.92);
  --panel-strong: #0e0d0a;
  --text: #fff8e9;
  --text-soft: #b8ae98;
  --gold: #d59a24;
  --gold-bright: #f5c653;
  --gold-pale: #ffe6a0;
  --line: rgba(240, 184, 55, 0.15);
  --line-strong: rgba(240, 184, 55, 0.36);
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.48);
  --shadow-strong: 0 38px 110px rgba(0, 0, 0, 0.7);
  --lt-stage-black: #050504;
  --lt-stage-surface: #0e0d0a;
  --lt-stage-surface-soft: #16140e;
  --lt-stage-gold: #efb62f;
  --lt-stage-gold-bright: #ffd66b;
  --lt-stage-cream: #fff8e9;
  --lt-stage-muted: #aaa18d;
  --lt-pointer-x: 50vw;
  --lt-pointer-y: 20vh;
}

html {
  background: #030302;
  scrollbar-color: var(--lt-stage-gold) #0a0907;
}

body {
  color: var(--lt-stage-cream);
  transition: opacity 180ms ease, filter 180ms ease, transform 180ms ease;
}

body::before,
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

body::before {
  background: radial-gradient(
    22rem circle at var(--lt-pointer-x) var(--lt-pointer-y),
    rgba(255, 204, 85, 0.065),
    transparent 72%
  );
}

body::after {
}

body::selection,
body *::selection {
  color: #171106;
  background: var(--lt-stage-gold-bright);
}

.site-shell {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  overflow: clip;
}

.ambient {
  opacity: 0.18;
  filter: blur(128px);
}

.ambient-left {
  background: radial-gradient(circle, rgba(239, 182, 47, 0.72), transparent 68%);
}

.ambient-right {
  background: radial-gradient(circle, rgba(164, 104, 18, 0.55), transparent 68%);
}

.lt-route-transition {
  position: fixed;
  inset: 0;
  z-index: 9998;
  display: grid;
  place-items: center;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
}

.lt-route-transition::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #050504;
  opacity: 0;
  transition: opacity 180ms ease;
}

.lt-route-transition span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--lt-stage-gold-bright), transparent);
  transform: translateX(-105%);
}

body.lt-route-leaving .lt-route-transition {
  visibility: visible;
}

body.lt-route-leaving .lt-route-transition::before {
  opacity: 0.55;
}

body.lt-route-leaving .lt-route-transition span {
  animation: lt-route-sweep 210ms ease-out both;
}

body.lt-route-leaving .site-shell {
  opacity: 0.62;
  filter: blur(2px);
  transform: scale(0.997);
  transition: opacity 180ms ease, filter 180ms ease, transform 180ms ease;
}

@keyframes lt-route-sweep {
  to { transform: translateX(105%); }
}

/* Header: one compact black-and-gold instrument panel. */
.site-header {
}

.nav-shell,
.site-header.is-scrolled .nav-shell {
}

.site-header.is-scrolled .nav-shell {
  border-color: rgba(239, 182, 47, 0.26);
  background: rgba(6, 6, 5, 0.96);
  box-shadow: 0 22px 68px rgba(0, 0, 0, 0.58);
}

.site-nav {
}

.site-nav a:not(.header-cta):not(.site-nav-mobile-utility) {
  transition: color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.site-nav a:not(.header-cta):not(.site-nav-mobile-utility):hover,
.site-nav a:not(.header-cta):not(.site-nav-mobile-utility):focus-visible {
  color: var(--lt-stage-cream);
  background: rgba(239, 182, 47, 0.07);
  transform: translateY(-1px);
}

.site-nav a:not(.header-cta):not(.site-nav-mobile-utility).is-active {
  color: #181205;
  background: linear-gradient(135deg, var(--lt-stage-gold-bright), var(--lt-stage-gold));
  box-shadow: 0 8px 24px rgba(239, 182, 47, 0.2);
}

.site-nav a:not(.header-cta):not(.site-nav-mobile-utility)::after {
}

.brand-center {
}

.brand-center-record {
  border-color: rgba(239, 182, 47, 0.26);
  background: radial-gradient(circle, #1b160c, #070604 68%);
  box-shadow:
    0 12px 34px rgba(0, 0, 0, 0.5),
    0 0 0 7px rgba(239, 182, 47, 0.035),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transition: transform 420ms cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 240ms ease;
}

.brand-center:hover .brand-center-record {
  transform: rotate(4deg) scale(1.035);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.6),
    0 0 0 9px rgba(239, 182, 47, 0.055),
    0 0 34px rgba(239, 182, 47, 0.12);
}

/* React stage dock. */
.lt-modern-pulse-root {
  position: relative;
}

.lt-stage-dock {
  position: relative;
  color: var(--lt-stage-cream);
}

.lt-stage-progress {
  position: absolute;
  z-index: 3;
  overflow: hidden;
}

.lt-stage-progress > span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--lt-stage-gold), var(--lt-stage-gold-bright));
  box-shadow: 0 0 12px rgba(255, 211, 93, 0.6);
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

.lt-stage-bar {
  display: grid;
  grid-template-columns: minmax(190px, auto) minmax(220px, 1fr) auto;
  align-items: center;
  gap: 1rem;
  min-height: 58px;
  padding: 0.52rem 0.58rem 0.52rem 1rem;
  border: 1px solid rgba(239, 182, 47, 0.12);
  border-radius: 19px;
  background: linear-gradient(110deg, rgba(16, 14, 9, 0.9), rgba(5, 5, 4, 0.9));
  backdrop-filter: blur(18px);
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.025);
}

.lt-stage-context,
.lt-stage-now,
.lt-stage-actions {
  display: flex;
  align-items: center;
}

.lt-stage-context {
}

.lt-stage-context > strong {
  color: #d7cfbd;
  font-size: 0.71rem;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.lt-stage-live {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  color: var(--lt-stage-gold-bright);
  font-size: 0.64rem;
  font-weight: 850;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.lt-stage-live i {
  animation: lt-live-pulse 1.8s ease-in-out infinite;
}

.lt-stage-now {
  justify-self: center;
  color: var(--lt-stage-cream);
  transition: background-color 180ms ease, transform 180ms ease;
}

.lt-stage-now:hover {
}

.lt-stage-now > span:last-child {
  display: grid;
  min-width: 0;
}

.lt-stage-now small,
.lt-stage-menu small {
  color: var(--lt-stage-muted);
  font-size: 0.64rem;
}

.lt-stage-now strong {
  overflow: hidden;
  color: var(--lt-stage-cream);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lt-stage-equalizer {
  display: flex;
  align-items: center;
  gap: 2px;
  width: 31px;
  height: 31px;
  padding: 7px;
  border: 1px solid rgba(255, 214, 107, 0.22);
  border-radius: 10px;
  background: linear-gradient(135deg, var(--lt-stage-gold-bright), var(--lt-stage-gold));
  box-shadow: 0 8px 22px rgba(239, 182, 47, 0.18);
}

.lt-stage-equalizer i {
  width: 2px;
  height: 100%;
  border-radius: 999px;
  background: #1b1405;
  transform-origin: bottom;
  animation: lt-equalize 780ms ease-in-out infinite alternate;
}

.lt-stage-equalizer i:nth-child(2) { animation-delay: -420ms; }
.lt-stage-equalizer i:nth-child(3) { animation-delay: -160ms; }
.lt-stage-equalizer i:nth-child(4) { animation-delay: -560ms; }
.lt-stage-equalizer i:nth-child(5) { animation-delay: -290ms; }

.lt-stage-actions {
  justify-content: flex-end;
}

.lt-stage-link,
.lt-stage-menu-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0.62rem 0.82rem;
  border: 1px solid rgba(239, 182, 47, 0.15);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
  color: #d9d1bf;
  font: inherit;
  font-size: 0.68rem;
  font-weight: 800;
  cursor: pointer;
  transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.lt-stage-link:hover,
.lt-stage-menu-button:hover {
  color: var(--lt-stage-cream);
  border-color: rgba(239, 182, 47, 0.34);
  background: rgba(239, 182, 47, 0.07);
  transform: translateY(-1px);
}

.lt-stage-link.is-primary {
  color: #181205;
  border-color: var(--lt-stage-gold-bright);
  background: linear-gradient(135deg, var(--lt-stage-gold-bright), var(--lt-stage-gold));
  box-shadow: 0 8px 24px rgba(239, 182, 47, 0.18);
}

.lt-stage-menu-button {
  gap: 0.48rem;
}

.lt-stage-menu-button i {
  min-width: 1rem;
  font-style: normal;
  font-size: 1rem;
  line-height: 1;
}

.lt-stage-menu {
  position: absolute;
  top: calc(100% + 0.55rem);
  right: 0;
  z-index: 60;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.48rem;
  backdrop-filter: blur(24px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px) scale(0.985);
  transform-origin: top right;
  transition: opacity 180ms ease, visibility 180ms ease, transform 220ms cubic-bezier(0.2, 0.75, 0.2, 1);
}

.lt-stage-dock.is-expanded .lt-stage-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.lt-stage-menu a {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.75rem;
  padding: 0.8rem;
  border: 1px solid transparent;
  color: var(--lt-stage-cream);
  transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.lt-stage-menu a:hover,
.lt-stage-menu a.is-active {
  border-color: rgba(239, 182, 47, 0.22);
  transform: translateY(-2px);
}

.lt-stage-menu a.is-active {
  box-shadow: inset 3px 0 var(--lt-stage-gold);
}

.lt-stage-menu a > span:nth-child(2) {
  display: grid;
  gap: 0.12rem;
}

.lt-stage-menu-index {
  color: var(--lt-stage-gold-bright);
  font-size: 0.65rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.lt-stage-menu svg {
  width: 18px;
  fill: none;
  stroke: var(--lt-stage-gold);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.6;
}

@keyframes lt-stage-enter {
  from { opacity: 0; transform: translateY(-10px); }
}

@keyframes lt-live-pulse {
  50% { box-shadow: 0 0 0 7px rgba(71, 201, 133, 0.04), 0 0 22px rgba(71, 201, 133, 0.65); }
}

@keyframes lt-equalize {
  from { transform: scaleY(0.24); }
  to { transform: scaleY(1); }
}

/* Home stage. */
.page-hero-home {
  padding: 0.8rem 1rem 0;
}

.page-hero-home .page-hero-grid.hero-showcase-stage {
  width: min(var(--lt-stage-width), 100%) !important;
  height: min(780px, calc(100svh - 168px));
  min-height: 650px;
  margin: 0 auto !important;
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.18);
  border-radius: clamp(24px, 2.4vw, 38px);
  background: #050403;
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.58), inset 0 1px rgba(255, 255, 255, 0.03);
}

.page-hero-home .hero-showcase-stage::before {
  background:
    radial-gradient(circle at 72% 16%, rgba(255, 183, 47, 0.24), transparent 16rem),
    radial-gradient(circle at 45% 12%, rgba(135, 79, 255, 0.13), transparent 21rem),
    linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.69) 27rem, rgba(0, 0, 0, 0.08) 68%, rgba(0, 0, 0, 0.36) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.14), transparent 46%, rgba(0, 0, 0, 0.88));
}

.page-hero-home .hero-showcase-stage::after {
  height: 36%;
  background: linear-gradient(180deg, transparent, rgba(3, 3, 2, 0.94));
}

.hero-showcase-backdrop {
}

.hero-showcase-wash {
}

.hero-showcase-content {
  width: min(100%, 54rem);
  padding: clamp(3rem, 6vw, 6rem) 0 clamp(2.4rem, 5vw, 4.5rem) clamp(1.4rem, 5vw, 5rem);
}

.hero-showcase-copy {
  max-width: 47rem;
  gap: 1rem;
  padding: clamp(1.1rem, 2.2vw, 1.7rem);
  border: 1px solid rgba(239, 182, 47, 0.12);
  border-radius: 24px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.3);
}

.hero-showcase-copy::before {
  background:
    linear-gradient(120deg, rgba(5, 5, 4, 0.84), rgba(5, 5, 4, 0.3)),
    radial-gradient(circle at 8% 12%, rgba(239, 182, 47, 0.09), transparent 50%);
  backdrop-filter: blur(10px) saturate(110%);
}

.hero-showcase-kicker,
.section-kicker,
.panel-kicker,
.eyebrow,
.preview-label,
.post-label,
.track-type {
  color: var(--lt-stage-gold-bright);
}

.hero-showcase-title {
  font-size: clamp(5rem, 8.6vw, 9.2rem);
  line-height: 0.78;
}

.hero-showcase-title-line-outline {
  color: var(--lt-stage-cream);
  -webkit-text-stroke: 1px rgba(4, 3, 2, 0.64);
}

.hero-showcase-title-line-accent {
  color: var(--lt-stage-gold-bright);
  -webkit-text-fill-color: var(--lt-stage-gold-bright);
  text-shadow: 0 3px 0 rgba(45, 29, 4, 0.82), 0 18px 32px rgba(0, 0, 0, 0.48);
  filter: drop-shadow(0 0 18px rgba(255, 210, 94, 0.2));
}

.hero-showcase-subtitle {
  max-width: 34rem;
  color: #ddd4c2;
  text-shadow: 0 12px 28px rgba(0, 0, 0, 0.64);
}

.hero-showcase-actions {
  display: flex;
  flex-wrap: wrap;
}

.hero-showcase-actions .button {
  min-height: 50px;
  gap: 0.55rem;
  padding: 0.82rem 1.08rem;
  border-radius: 14px;
}

.hero-showcase-actions .button-primary {
  border-color: var(--lt-stage-gold-bright);
}

.hero-showcase-booking {
  color: var(--lt-stage-cream);
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(5, 5, 4, 0.54);
  backdrop-filter: blur(10px);
}

.hero-showcase-booking:hover {
  color: var(--lt-stage-gold-bright);
  border-color: rgba(239, 182, 47, 0.38);
  background: rgba(239, 182, 47, 0.08);
}

.hero-showcase-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem 1.2rem;
}

.hero-showcase-song-card {
  border-color: rgba(239, 182, 47, 0.24);
  background: rgba(7, 6, 4, 0.76);
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.4);
}

.hero-showcase-meta {
  flex-wrap: wrap;
  font-weight: 750;
}

.hero-showcase-meta span {
}

.hero-showcase-meta span:not(:last-child)::after {
  content: "";
  width: 3px;
  height: 3px;
  margin-left: 0.45rem;
  border-radius: 50%;
  background: var(--lt-stage-gold);
}

/* Consistent dark surfaces across public sections. */
main {
  color: var(--lt-stage-cream);
}

main > .section:not(.page-hero) {
  padding: clamp(3.6rem, 6vw, 6.4rem) clamp(0.9rem, 2vw, 1.5rem);
}

main > .page-hero.section {
  padding: 1rem clamp(0.9rem, 2vw, 1.5rem);
}

main > .page-hero-home.section {
  padding: 0.8rem 1rem 0;
}

body[data-page="eventos"] .events-history-section {
  margin-top: clamp(2.4rem, 5vw, 5rem);
}

body[data-page="eventos"] .events-history-section.is-only-visible-list {
  margin-top: clamp(1.5rem, 3vw, 2.6rem);
}

body[data-page="eventos"] .events-history-section.is-only-visible-list > .home-events-head {
  display: none;
}

.section-head,
.home-news-head,
.home-events-head,
.home-contests-head,
.home-showcase-grid,
.home-release-grid,
.home-contests-grid,
.article-grid,
.home-events-grid,
.home-streaming-shell,
.home-booking-panel,
.timeline-stage,
.about-bio-shell,
.about-signature-grid,
.jobs-board-shell,
.jobs-intake-layout,
.contact-shell,
.gallery-mini-hero,
.spotify-follow-banner,
.music-player-shell {
  width: min(var(--lt-stage-width), 100%);
}

.section-head h2,
.section-head h3,
.home-news-head h2,
.home-events-head h2,
.home-contests-head h2,
.content-card h2,
.content-card h3,
.content-card h4,
.music-playlist-head h3,
.about-bio-main h2,
.about-bio-sidebar h3,
.signature-card h3,
.member-card h3,
.legal-card h2,
.legal-card h3,
.audio-player-panel h2,
.audio-player-panel h3 {
  color: var(--lt-stage-cream);
}

.lead,
.section-head p,
.music-playlist-head p:last-child,
.content-card p:not(.panel-kicker),
.content-card li,
.home-contest-card p,
.article-card p,
.home-event-card p,
.timeline-content p,
.about-bio-stat p,
.signature-card p,
.member-card p,
.video-youtube-copy p {
  color: var(--lt-stage-muted);
}

.content-card,
.about-bio-main,
.about-bio-sidebar,
.signature-card,
.member-card,
.legal-card,
.jobs-apply-panel,
.jobs-requirements-panel,
.contact-aside-panel,
.booking-form,
.audio-player-panel,
.track-info-panel,
.track-lyrics-panel,
.home-release-copy,
.home-contest-card,
.home-contest-empty,
.article-card,
.home-event-card,
.timeline-content,
.about-bio-stat,
.jobs-board-shell,
.video-youtube-card {
  color: var(--lt-stage-cream);
  border-color: rgba(239, 182, 47, 0.14);
  background:
    radial-gradient(circle at var(--lt-glow-x, 50%) var(--lt-glow-y, 50%), rgba(239, 182, 47, 0.065), transparent 16rem),
    linear-gradient(145deg, rgba(17, 15, 10, 0.96), rgba(6, 6, 5, 0.96));
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.36), inset 0 1px rgba(255, 255, 255, 0.025);
}

.home-showcase-feature,
.home-showcase-card,
.home-release-cover,
.home-contest-card,
.article-card,
.home-event-card,
.member-card,
.blog-spotlight-card {
  border-color: rgba(239, 182, 47, 0.15);
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.38);
}

.lt-react-tilt {
  --lt-tilt-x: 0deg;
  --lt-tilt-y: 0deg;
  --lt-lift: 0px;
  transform: perspective(1200px) rotateX(var(--lt-tilt-y)) rotateY(var(--lt-tilt-x)) translateY(var(--lt-lift));
  transform-style: preserve-3d;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
  will-change: transform;
}

.lt-react-tilt:hover {
  --lt-lift: -5px;
  border-color: rgba(239, 182, 47, 0.32);
  box-shadow: 0 30px 78px rgba(0, 0, 0, 0.52), 0 0 34px rgba(239, 182, 47, 0.06);
}

.button-primary,
.header-cta,
button.button-primary {
  color: #181205;
  border-color: var(--lt-stage-gold-bright);
  background: linear-gradient(135deg, var(--lt-stage-gold-bright), var(--lt-stage-gold));
  box-shadow: 0 14px 32px rgba(239, 182, 47, 0.2);
}

.button-primary:hover,
.header-cta:hover,
button.button-primary:hover {
  color: #0d0b05;
  filter: brightness(1.06);
}

.button-secondary,
.button-ghost {
  color: var(--lt-stage-cream);
  border-color: rgba(239, 182, 47, 0.24);
  background: rgba(255, 255, 255, 0.025);
}

.button-secondary:hover,
.button-ghost:hover {
  color: var(--lt-stage-gold-bright);
  border-color: rgba(239, 182, 47, 0.42);
  background: rgba(239, 182, 47, 0.07);
}

.home-streaming-shell,
.home-booking-panel {
  color: var(--lt-stage-cream);
  border-color: rgba(239, 182, 47, 0.2);
  background-color: #070604;
  box-shadow: var(--shadow-strong);
}

/* Interior pages stay cinematic instead of turning into white cards. */
body:not([data-page="inicio"]) .page-hero-grid {
  min-height: clamp(500px, 66vh, 680px);
  border-color: rgba(239, 182, 47, 0.18);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.52);
}

body:not([data-page="inicio"]) .page-hero-copy {
  max-width: 44rem;
  padding: clamp(1.35rem, 3vw, 2.3rem);
  color: var(--lt-stage-cream) !important;
  border: 1px solid rgba(239, 182, 47, 0.16);
  border-radius: 26px;
  background: rgba(6, 6, 5, 0.78) !important;
  box-shadow: 0 26px 72px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(16px) saturate(108%);
}

body:not([data-page="inicio"]) .page-hero-copy .page-title,
body:not([data-page="inicio"]) .page-hero-copy h1,
body:not([data-page="inicio"]) .page-hero-copy h2 {
  color: var(--lt-stage-cream);
}

body:not([data-page="inicio"]) .page-hero-copy .lead,
body[data-page="contactanos"] .lead,
.page-hero-about .lead {
  color: #c6bcaa;
}

.page-hero-bg-image {
  filter: saturate(1.02) contrast(1.05) brightness(0.78);
}

/* Blog: denser stories and a cleaner editorial stage. */
body[data-page="blog"] .section-blog-highlights {
}

.blog-highlights-shell,
.blog-spotlight-shell,
.blog-archive-stage-grid {
  width: min(var(--lt-stage-width), 100%);
  margin-inline: auto;
}

.blog-highlights-shell {
  padding: 1rem;
  border: 1px solid rgba(239, 182, 47, 0.15);
  border-radius: 26px;
  background:
    radial-gradient(circle at 8% 0%, rgba(239, 182, 47, 0.1), transparent 18rem),
    rgba(7, 6, 5, 0.94);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
}

.blog-story-rail {
  gap: 0.8rem;
  padding: 0.35rem 0 0.3rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(239, 182, 47, 0.42) transparent;
}

.blog-story-highlight {
  flex-basis: clamp(146px, 10vw, 176px);
  border-color: rgba(239, 182, 47, 0.12);
  border-radius: 20px;
  background: #080705;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.32);
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.blog-story-highlight:hover {
  border-color: rgba(239, 182, 47, 0.46);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.5), 0 0 28px rgba(239, 182, 47, 0.08);
  transform: translateY(-4px);
}

.blog-story-highlight-ring {
  border-color: rgba(239, 182, 47, 0.24);
}

.blog-story-highlight.is-new .blog-story-highlight-ring {
  border-color: var(--lt-stage-gold-bright);
  box-shadow: 0 0 0 3px rgba(239, 182, 47, 0.1);
}

.section-blog-archive-stage {
  padding-top: 1.2rem;
}

.blog-archive-stage-grid {
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.16);
  border-radius: clamp(24px, 2.4vw, 36px);
  background:
    radial-gradient(circle at 12% 10%, rgba(239, 182, 47, 0.1), transparent 22rem),
    #070604;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.54);
}

.blog-archive-stage-copy {
  color: var(--lt-stage-cream);
}

.blog-archive-stage-title,
.blog-archive-stage-title a,
.blog-spotlight-head h2,
.blog-spotlight-copy h3,
.blog-spotlight-copy h3 a {
  color: var(--lt-stage-cream);
}

.blog-archive-stage-lead,
.blog-archive-stage-support,
.blog-spotlight-head p,
.blog-spotlight-copy p {
  color: var(--lt-stage-muted);
}

.blog-spotlight-card {
}

/* Forms and media panels. */
input,
select,
textarea,
.form-field input,
.form-field select,
.form-field textarea {
  color: var(--lt-stage-cream);
  border-color: rgba(239, 182, 47, 0.18);
  background: rgba(255, 255, 255, 0.035);
}

input::placeholder,
textarea::placeholder {
  color: #77705f;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--lt-stage-gold);
  box-shadow: 0 0 0 3px rgba(239, 182, 47, 0.1);
}

.music-player-panel.audio-player-panel,
.music-current-sleeve,
.track-info-panel,
.track-lyrics-panel,
.music-track-grid .audio-track-card,
.contact-form-panel,
.contact-aside-panel {
  color: var(--lt-stage-cream);
  border-color: rgba(239, 182, 47, 0.15);
  background: linear-gradient(145deg, #100e09, #060605);
}

/* Footer is the dark closing stage. */
.site-footer {
}

.site-footer p,
.footer-newsletter-copy p:not(.footer-news-kicker),
.footer-legal-link,
.footer-nav a {
  color: #aaa18d;
}

.footer-newsletter-copy h3,
.footer-follow-message,
.footer-copy {
  color: var(--lt-stage-cream);
}

.footer-news-kicker {
  color: var(--lt-stage-gold-bright);
}

.footer-newsletter-form input[type="text"],
.footer-newsletter-form input[type="email"] {
  color: var(--lt-stage-cream);
  border-color: rgba(239, 182, 47, 0.18);
  background: rgba(255, 255, 255, 0.04);
}

.footer-social-link {
  color: var(--lt-stage-cream);
  border-color: rgba(239, 182, 47, 0.16);
  background: rgba(255, 255, 255, 0.025);
}

.footer-social-link:hover {
  color: #181205;
  background: var(--lt-stage-gold);
}

/* React-controlled reveal rhythm. */
[data-reveal] {
  opacity: 0;
  transform: translateY(22px) scale(0.992);
  transition:
    opacity 620ms ease var(--lt-reveal-delay, 0ms),
    transform 760ms cubic-bezier(0.2, 0.75, 0.2, 1) var(--lt-reveal-delay, 0ms);
}

[data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

main > .section:not(.page-hero) {
  content-visibility: auto;
  contain-intrinsic-size: 720px;
}

@media (max-width: 1180px) {
  .lt-stage-context > strong {
  }

  .lt-stage-bar {
    grid-template-columns: auto minmax(180px, 1fr) auto;
  }

  .hero-showcase-content {
    width: min(100%, 47rem);
  }
}

@media (max-width: 980px) {
  .site-header {
    padding: 0.55rem 0.6rem 0;
  }

  .nav-shell,
  .site-header.is-scrolled .nav-shell {
    border-radius: 20px;
  }

  .brand-center {
  }

  .site-nav-mobile {
    color: var(--lt-stage-cream);
    border-color: rgba(239, 182, 47, 0.2);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.72);
  }

  .site-nav-mobile a {
    color: var(--lt-stage-cream) !important;
    background: rgba(255, 255, 255, 0.025);
  }

  .site-nav-mobile a.is-active {
    color: #181205 !important;
    background: var(--lt-stage-gold) !important;
  }

  .lt-modern-pulse-root {
    padding: 0.4rem 0.6rem 0;
  }

  .lt-stage-bar {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 54px;
    gap: 0.45rem;
  }

  .lt-stage-context {
  }

  .lt-stage-now {
    justify-self: start;
  }

  .lt-stage-link {
    display: none;
  }

  .page-hero-home .page-hero-grid.hero-showcase-stage {
    height: min(760px, calc(100svh - 150px));
    min-height: 620px;
  }

  .hero-showcase-content {
    width: min(100%, 44rem);
    padding-inline: clamp(1rem, 5vw, 3rem);
  }

  .hero-showcase-meta {
    display: none;
  }
}

@media (max-width: 680px) {
  body::before,
  body::after {
    display: none;
  }

  .lt-stage-bar {
    min-height: 52px;
    padding: 0.36rem 0.38rem;
    border-radius: 16px;
  }

  .lt-stage-now {
    gap: 0.48rem;
  }

  .lt-stage-now small {
    display: none;
  }

  .lt-stage-now strong {
    max-width: 38vw;
    font-size: 0.74rem;
  }

  .lt-stage-equalizer {
    width: 28px;
    height: 28px;
    padding: 6px;
  }

  .lt-stage-menu-button {
    min-height: 38px;
    padding: 0.52rem 0.68rem;
  }

  .lt-stage-menu-button span {
    display: none;
  }

  .lt-stage-menu {
    max-height: min(68vh, 560px);
    overflow-y: auto;
  }

  .lt-stage-menu a {
  }

  .page-hero-home {
    padding: 0.55rem 0.5rem 0 !important;
  }

  body[data-page="inicio"] .page-hero-home .page-hero-grid.hero-showcase-stage {
    width: 100% !important;
    height: min(690px, calc(100svh - 132px)) !important;
    min-height: 580px !important;
    margin: 0 auto !important;
    border: 1px solid rgba(239, 182, 47, 0.16) !important;
    border-radius: 24px !important;
  }

  body[data-page="inicio"] .page-hero-home .hero-showcase-stage::before {
    background:
      radial-gradient(circle at 78% 15%, rgba(244, 174, 42, 0.24), transparent 10rem),
      linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.18) 34%, rgba(0, 0, 0, 0.86) 100%) !important;
  }

  body[data-page="inicio"] .hero-showcase-content {
    align-content: end !important;
    justify-items: start !important;
    padding: 1rem 0.85rem 1.2rem !important;
    text-align: left !important;
  }

  body[data-page="inicio"] .hero-showcase-copy {
    justify-items: start !important;
    width: 100% !important;
    max-width: 23rem !important;
    gap: 0.58rem !important;
    padding: 0.9rem !important;
    border-radius: 18px !important;
    text-align: left !important;
  }

  body[data-page="inicio"] .hero-showcase-title {
    max-width: 7ch !important;
    justify-items: start !important;
    font-size: clamp(3.25rem, 15vw, 4.6rem) !important;
    text-align: left !important;
  }

  body[data-page="inicio"] .hero-showcase-title-line {
    text-align: left !important;
  }

  body[data-page="inicio"] .hero-showcase-subtitle {
    width: min(100%, 20rem) !important;
    max-width: 20rem !important;
    font-size: 0.9rem !important;
    text-align: left !important;
  }

  .hero-showcase-actions {
    display: grid;
    width: 100%;
  }

  .hero-showcase-actions .button {
  }

  body[data-page="inicio"] .hero-showcase-footer {
    width: 100% !important;
    margin-top: 0.65rem !important;
    justify-content: flex-start !important;
  }

  body[data-page="inicio"] .hero-showcase-song-card {
    justify-items: start !important;
  }

  main > .section:not(.page-hero) {
    padding: 3.4rem 0.75rem;
  }

  body:not([data-page="inicio"]) .page-hero-grid {
    min-height: 530px;
    align-items: end;
    padding: 0.75rem;
  }

  body:not([data-page="inicio"]) .page-hero-copy {
    width: 100%;
    padding: 1.1rem;
    border-radius: 20px;
  }

  .blog-highlights-shell {
    padding: 0.8rem;
    border-radius: 20px;
  }

  .blog-story-highlight {
    flex-basis: 142px;
  }

  .blog-archive-stage-grid {
    border-radius: 24px;
  }

  .site-footer {
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
  }

  .lt-stage-dock,
  .lt-stage-live i,
  .lt-stage-equalizer i,
  .hero-showcase-backdrop-frame,
  .hero-showcase-wash::before,
  .hero-showcase-wash::after,
  .hero-showcase-camera-flashes,
  .lt-route-transition span {
    animation: none !important;
  }

  [data-reveal],
  [data-reveal].is-visible,
  .lt-react-tilt,
  .lt-react-tilt:hover {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* --------------------------------------------------------------------------
   Nosotros / editorial band archive
   -------------------------------------------------------------------------- */

body[data-page="nosotros"] main {
  overflow: clip;
}

body[data-page="nosotros"] main > .section {
  position: relative;
}

body[data-page="nosotros"] .page-hero-about {
  padding: 0.8rem clamp(0.75rem, 1.5vw, 1.25rem) 1rem;
}

.about-hero-frame,
.about-route-shell,
.about-gallery-shell {
  width: min(var(--lt-stage-width), 100%);
  margin-inline: auto;
}

body[data-page="nosotros"] .page-hero-about .page-hero-grid {
  position: relative;
  display: block;
  width: 100%;
  min-height: clamp(660px, calc(100svh - 132px), 820px);
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.25);
  border-radius: clamp(24px, 2.2vw, 36px) clamp(24px, 2.2vw, 36px) 8px 8px;
  background: #050403;
  box-shadow: 0 36px 110px rgba(0, 0, 0, 0.75), inset 0 1px rgba(255, 255, 255, 0.08);
  isolation: isolate;
}

body[data-page="nosotros"] .page-hero-about .page-hero-grid::before {
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(3, 3, 2, 0.96) 0%, rgba(3, 3, 2, 0.78) 28%, rgba(3, 3, 2, 0.14) 62%, rgba(3, 3, 2, 0.34) 100%),
    linear-gradient(180deg, rgba(3, 3, 2, 0.08) 34%, rgba(3, 3, 2, 0.92) 100%);
}

body[data-page="nosotros"] .page-hero-about .page-hero-grid::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  height: auto;
  pointer-events: none;
  background:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 72px 72px;
  opacity: 0.3;
  -webkit-mask-image: linear-gradient(90deg, #000, transparent 60%);
  mask-image: linear-gradient(90deg, #000, transparent 60%);
}

body[data-page="nosotros"] .page-hero-about .page-hero-bg-image {
  z-index: 0 !important;
  object-position: center 46% !important;
  filter: saturate(1.1) contrast(1.1) brightness(0.9);
  transform: scale(1.012);
}

.about-hero-rail {
  position: absolute;
  inset: 1.4rem 1.4rem auto;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: rgba(255, 248, 233, 0.74);
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.about-hero-rail::before {
  content: "";
  position: absolute;
  top: calc(100% + 0.85rem);
  right: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, var(--lt-stage-gold), rgba(255, 255, 255, 0.08), transparent 72%);
}

body[data-page="nosotros"] .page-hero-about .page-hero-copy {
  position: absolute;
  inset: auto auto clamp(2rem, 4vw, 4rem) clamp(1.45rem, 4.6vw, 4.75rem);
  z-index: 5;
  display: grid;
  gap: 0.9rem;
  width: min(58rem, calc(100% - 33rem));
  max-width: none;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  overflow: visible;
  transform: none;
}

body[data-page="nosotros"] .page-hero-about .page-hero-copy::before,
body[data-page="nosotros"] .page-hero-about .page-hero-copy::after {
  display: none;
}

body[data-page="nosotros"] .page-hero-about .section-kicker {
  width: max-content;
  margin: 0;
  padding: 0.52rem 0.72rem;
  border: 1px solid rgba(255, 214, 107, 0.35);
  border-radius: 999px;
  color: var(--lt-stage-gold-bright);
  background: rgba(5, 4, 3, 0.56);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

body[data-page="nosotros"] .page-hero-about .page-title {
  max-width: 10.8ch;
  font-size: clamp(5rem, 7.6vw, 8rem);
  line-height: 0.8;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

body[data-page="nosotros"] .page-hero-about .page-title em {
  display: inline;
  color: var(--lt-stage-gold-bright);
  font-style: normal;
  text-shadow: 0 4px 0 rgba(50, 31, 3, 0.82), 0 20px 50px rgba(0, 0, 0, 0.65);
}

body[data-page="nosotros"] .page-hero-about .lead {
  max-width: 45rem;
  margin: 0;
  color: #d7cfbf;
  font-size: clamp(0.92rem, 1.1vw, 1.08rem);
  line-height: 1.66;
}

.about-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.35rem;
}

.about-hero-actions .button {
  min-height: 49px;
  border-radius: 12px;
}

.about-hero-facts {
  position: absolute;
  right: clamp(1.4rem, 3vw, 3rem);
  bottom: clamp(2rem, 4vw, 4rem);
  z-index: 5;
  display: grid;
  width: min(25rem, 31vw);
  border: 1px solid rgba(239, 182, 47, 0.26);
  border-radius: 20px;
  background: rgba(6, 5, 4, 0.76);
  -webkit-backdrop-filter: blur(18px) saturate(110%);
  backdrop-filter: blur(18px) saturate(110%);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.48);
  overflow: hidden;
}

.about-hero-facts article {
  display: grid;
  grid-template-columns: minmax(6rem, auto) 1fr;
  align-items: center;
  gap: 1rem;
  min-height: 84px;
  padding: 0.8rem 1rem;
}

.about-hero-facts article + article {
  border-top: 1px solid rgba(239, 182, 47, 0.16);
}

.about-hero-facts span {
  color: var(--lt-stage-gold-bright);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1.9rem, 2.4vw, 2.8rem);
  line-height: 0.9;
  letter-spacing: 0.025em;
}

.about-hero-facts small {
  color: #b9b09d;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.about-jumpbar {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 5px;
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.18);
  border-radius: 8px 8px 22px 22px;
  background: #080705;
}

.about-jumpbar a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  min-height: 58px;
  color: #aaa18d;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  transition: color 180ms ease, background-color 180ms ease;
}

.about-jumpbar a + a {
  border-left: 1px solid rgba(239, 182, 47, 0.14);
}

.about-jumpbar a:hover,
.about-jumpbar a:focus-visible {
  color: var(--lt-stage-cream);
  background: rgba(239, 182, 47, 0.1);
}

.about-jumpbar span {
  color: var(--lt-stage-gold-bright);
}

body[data-page="nosotros"] .section-biography {
  padding-top: clamp(4rem, 6vw, 7rem);
}

body[data-page="nosotros"] .about-bio-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.32fr) minmax(360px, 0.68fr);
  gap: 5px;
}

body[data-page="nosotros"] .about-bio-main,
body[data-page="nosotros"] .about-bio-sidebar {
  position: relative;
  overflow: hidden;
  border-radius: 0;
}

body[data-page="nosotros"] .about-bio-main {
  padding: clamp(3rem, 5.2vw, 5.7rem);
  border-color: rgba(239, 182, 47, 0.26);
  background:
    linear-gradient(90deg, rgba(239, 182, 47, 0.08) 1px, transparent 1px),
    linear-gradient(rgba(239, 182, 47, 0.055) 1px, transparent 1px),
    #080705;
  background-size: 82px 82px;
}

body[data-page="nosotros"] .about-bio-main::after {
  content: "";
  position: absolute;
  top: 0;
  left: clamp(1.1rem, 2vw, 2rem);
  width: 1px;
  height: 100%;
  background: linear-gradient(transparent, var(--lt-stage-gold), transparent);
  opacity: 0.65;
}

.about-section-index {
  position: absolute;
  top: clamp(1.4rem, 2.4vw, 2.5rem);
  right: clamp(1.4rem, 2.4vw, 2.5rem);
  z-index: 1;
  display: grid;
  justify-items: end;
  color: rgba(255, 248, 233, 0.12);
}

.about-section-index span {
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(4.5rem, 7vw, 7rem);
  line-height: 0.75;
}

.about-section-index small {
  margin-top: 0.5rem;
  color: rgba(255, 214, 107, 0.62);
  font-size: 0.56rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

body[data-page="nosotros"] .about-bio-main h2 {
  max-width: 12ch;
  margin: 1rem 0 1.5rem;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(3.7rem, 5.6vw, 6.3rem);
  line-height: 0.86;
  letter-spacing: -0.015em;
}

.about-bio-quote {
  max-width: 34ch;
  margin: 0 0 2rem !important;
  color: var(--lt-stage-gold-bright) !important;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(1.45rem, 2.1vw, 2.15rem);
  font-weight: 600;
  line-height: 1.18 !important;
}

body[data-page="nosotros"] .about-bio-main > p:not(.section-kicker):not(.about-bio-quote) {
  max-width: 74ch;
  color: #bbb19e;
  font-size: 0.97rem;
  line-height: 1.86;
}

body[data-page="nosotros"] .about-bio-sidebar {
  padding: clamp(2rem, 3.5vw, 3.5rem);
  border-color: rgba(239, 182, 47, 0.18);
  background:
    radial-gradient(circle at 100% 0%, rgba(239, 182, 47, 0.14), transparent 22rem),
    #0c0a07;
}

body[data-page="nosotros"] .about-bio-sidebar-head {
  max-width: 30rem;
  margin-bottom: 2rem;
}

body[data-page="nosotros"] .about-bio-sidebar-head h3 {
  margin-top: 0.65rem;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(1.8rem, 2.5vw, 2.65rem);
  line-height: 1.02;
}

body[data-page="nosotros"] .about-bio-stats {
  display: grid;
}

body[data-page="nosotros"] .about-bio-stat {
  display: grid;
  box-shadow: none;
}

body[data-page="nosotros"] .about-bio-stat-value {
  margin-bottom: auto;
  font-family: "Bebas Neue", sans-serif;
}

body[data-page="nosotros"] .about-bio-stat strong {
  margin-top: 2.2rem;
  color: var(--lt-stage-cream);
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: 0.025em;
}

body[data-page="nosotros"] .about-bio-stat p {
  margin-top: 0.5rem;
}

body[data-page="nosotros"] .section-timeline {
  padding-top: clamp(4.5rem, 8vw, 8rem);
}

body[data-page="nosotros"] .timeline-stage {
  position: relative;
}

body[data-page="nosotros"] .timeline-head {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(170px, 0.28fr);
  align-items: end;
  gap: 3rem;
  margin-bottom: 2.5rem;
  padding: clamp(2.4rem, 4.5vw, 4.5rem);
  border-top: 1px solid rgba(239, 182, 47, 0.28);
  border-bottom: 1px solid rgba(239, 182, 47, 0.18);
  background-size: auto, 92px 100%;
}

body[data-page="nosotros"] .timeline-head > :not(.about-section-count) {
  grid-column: 1;
}

body[data-page="nosotros"] .timeline-head h2 {
  letter-spacing: -0.02em;
}

body[data-page="nosotros"] .timeline-head > p:not(.section-kicker) {
}

.about-section-count,
.about-route-counter,
.about-members-count {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 1rem;
}

.about-section-count {
  grid-column: 2;
  grid-row: 1 / span 4;
  align-self: stretch;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  padding-left: 2rem;
  border-left: 1px solid rgba(239, 182, 47, 0.18);
}

.about-section-count strong,
.about-route-counter strong,
.about-members-count strong {
  color: var(--lt-stage-gold-bright);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(5rem, 8vw, 8.5rem);
  font-weight: 400;
  line-height: 0.72;
}

.about-section-count span,
.about-route-counter span,
.about-members-count span {
  color: #aaa18d;
  font-size: 0.62rem;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.14em;
  text-align: right;
  text-transform: uppercase;
}

body[data-page="nosotros"] .band-timeline {
  display: grid;
  counter-reset: about-timeline;
}

body[data-page="nosotros"] .timeline-item {
  position: relative;
  display: grid;
  align-items: stretch;
  padding: 0;
  counter-increment: about-timeline;
}

body[data-page="nosotros"] .timeline-content {
  position: relative;
  grid-column: 1 / 8;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  min-width: 0;
  padding: clamp(2.3rem, 4.5vw, 4.5rem);
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.17);
  border-radius: 5px;
  background:
    radial-gradient(circle at 10% 10%, rgba(239, 182, 47, 0.09), transparent 22rem),
    #090805;
  box-shadow: none;
}

body[data-page="nosotros"] .timeline-content::before {
  content: counter(about-timeline, decimal-leading-zero);
  position: absolute;
  top: clamp(1.2rem, 2.2vw, 2.2rem);
  right: clamp(1.2rem, 2.2vw, 2.2rem);
  color: rgba(255, 248, 233, 0.08);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(5rem, 9vw, 9rem);
  line-height: 0.7;
}

body[data-page="nosotros"] .timeline-content h3 {
  color: var(--lt-stage-cream);
  font-family: "Bebas Neue", sans-serif;
}

body[data-page="nosotros"] .timeline-content > p:not(.panel-kicker) {
  color: #b9af9c;
  font-size: 0.9rem;
}

body[data-page="nosotros"] .timeline-marker {
  position: relative;
  grid-column: 8 / 9;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  min-width: 0;
  border: 1px solid rgba(239, 182, 47, 0.14);
  background: #070604;
}

body[data-page="nosotros"] .timeline-marker::before,
body[data-page="nosotros"] .timeline-marker::after {
  content: "";
  width: 1px;
  flex: 1;
  background: linear-gradient(transparent, rgba(239, 182, 47, 0.44));
}

body[data-page="nosotros"] .timeline-marker::after {
  background: linear-gradient(rgba(239, 182, 47, 0.44), transparent);
}

body[data-page="nosotros"] .timeline-year {
  padding: 0.52rem 0.58rem;
  color: var(--lt-stage-gold-bright);
  font-size: 0.56rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
}

body[data-page="nosotros"] .timeline-dot {
  flex: 0 0 auto;
  width: 11px;
  height: 11px;
  border: 2px solid #080705;
  background: var(--lt-stage-gold-bright);
  box-shadow: 0 0 0 5px rgba(239, 182, 47, 0.16), 0 0 26px rgba(239, 182, 47, 0.54);
}

body[data-page="nosotros"] .timeline-postcard {
  position: relative;
  grid-column: 9 / 13;
  grid-row: 1;
  min-width: 0;
  height: auto;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.18);
  border-radius: 5px;
  background: #0a0805;
  transform: none;
}

body[data-page="nosotros"] .timeline-postcard img {
  object-fit: cover;
  filter: saturate(1.03) contrast(1.05) brightness(0.86);
  transition: transform 700ms cubic-bezier(0.2, 0.75, 0.2, 1), filter 300ms ease;
}

body[data-page="nosotros"] .timeline-postcard::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 54%, rgba(3, 3, 2, 0.9));
  pointer-events: none;
}

body[data-page="nosotros"] .timeline-postcard:hover img {
  filter: saturate(1.14) contrast(1.06) brightness(0.98);
  transform: scale(1.045);
}

body[data-page="nosotros"] .timeline-postcard figcaption {
  position: absolute;
  right: 1.2rem;
  bottom: 1.2rem;
  left: 1.2rem;
  z-index: 1;
  color: #ddd3c0;
  font-size: 0.72rem;
  line-height: 1.55;
}

body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-postcard {
}

body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-marker {
  grid-column: 5 / 6;
}

body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-content {
}

body[data-page="nosotros"] .timeline-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

body[data-page="nosotros"] .timeline-tags span,
body[data-page="nosotros"] .timeline-summary span {
  padding: 0.48rem 0.68rem;
  border: 1px solid rgba(239, 182, 47, 0.2);
  border-radius: 999px;
  color: #d7cbaF;
  background: rgba(255, 255, 255, 0.025);
  font-size: 0.58rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body[data-page="nosotros"] .home-route-section {
  padding-top: clamp(4.5rem, 8vw, 8rem);
}

.about-route-shell {
  padding: clamp(1rem, 2vw, 1.8rem);
  border: 1px solid rgba(239, 182, 47, 0.18);
  border-radius: clamp(24px, 2.2vw, 34px);
  background:
    radial-gradient(circle at 5% 0%, rgba(239, 182, 47, 0.11), transparent 24rem),
    #060504;
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.58);
}

body[data-page="nosotros"] .home-route-section .section-head {
  --about-route-photo-offset: clamp(2rem, 4vw, 4rem);
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.85rem 3rem;
  width: 100%;
  margin: 0;
  padding: clamp(2rem, 4vw, 4rem);
  border-bottom: 6px solid #060504;
  background-size: auto, 88px 100%;
}

body[data-page="nosotros"] .home-route-section .section-head > :not(.about-route-counter) {
  grid-column: 1;
}

body[data-page="nosotros"] .home-route-section .section-head h2 {
  font-size: clamp(4rem, 6.8vw, 7rem);
  line-height: 0.84;
}

body[data-page="nosotros"] .home-route-section .section-head > p:not(.section-kicker) {
}

.about-route-counter {
  grid-column: 2;
  grid-row: 1 / span 3;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  min-width: 175px;
  padding-left: 2rem;
  border-left: 1px solid rgba(239, 182, 47, 0.18);
}

body[data-page="nosotros"] .home-route-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 6px;
  width: 100%;
  margin: 0;
}

body[data-page="nosotros"] .route-card {
  position: relative;
  grid-column: span 3;
  min-height: 275px;
  padding: clamp(1.3rem, 2.3vw, 2.2rem);
  overflow: hidden;
  border: 0;
  border-radius: 5px;
  background-color: #0b0906;
  box-shadow: none;
  isolation: isolate;
}

body[data-page="nosotros"] .route-card:first-child {
  grid-column: 1 / 7;
  grid-row: 1 / span 2;
  min-height: 556px;
}

body[data-page="nosotros"] .route-card:nth-child(2) { grid-column: 7 / 10; grid-row: 1; }
body[data-page="nosotros"] .route-card:nth-child(3) { grid-column: 10 / 13; grid-row: 1; }
body[data-page="nosotros"] .route-card:nth-child(4) { grid-column: 7 / 10; grid-row: 2; }
body[data-page="nosotros"] .route-card:nth-child(5) { grid-column: 10 / 13; grid-row: 2; }
body[data-page="nosotros"] .route-card:nth-child(6) { grid-column: 1 / 7; grid-row: 3; }
body[data-page="nosotros"] .route-card:nth-child(7) { grid-column: 7 / 13; grid-row: 3; }

body[data-page="nosotros"] .route-card::before {
  opacity: 0.48;
  filter: saturate(0.9) contrast(1.08);
  transform: scale(1.02);
  transition: opacity 250ms ease, transform 700ms cubic-bezier(0.2, 0.75, 0.2, 1), filter 250ms ease;
}

body[data-page="nosotros"] .route-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(3, 3, 2, 0.08), rgba(3, 3, 2, 0.9));
}

body[data-page="nosotros"] .route-card:hover::before {
  opacity: 0.72;
  filter: saturate(1.12) contrast(1.04);
  transform: scale(1.065);
}

body[data-page="nosotros"] .route-card > * {
  position: relative;
  z-index: 1;
}

body[data-page="nosotros"] .route-city {
  display: block;
  max-width: 12ch;
  margin: auto 0 0.65rem;
  color: var(--lt-stage-cream);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(2.4rem, 3.4vw, 4rem);
  line-height: 0.9;
}

body[data-page="nosotros"] .route-card:first-child .route-city {
  font-size: clamp(4rem, 6vw, 6.8rem);
}

body[data-page="nosotros"] .route-card p:not(.panel-kicker) {
  max-width: 44ch;
  color: #d4c9b5;
  font-size: 0.78rem;
  line-height: 1.6;
}

body[data-page="nosotros"] .section-about-gallery {
  padding-top: clamp(5rem, 9vw, 9rem);
}

.about-gallery-shell {
  display: grid;
  grid-template-columns: minmax(300px, 0.34fr) minmax(0, 0.66fr);
  gap: 6px;
  align-items: start;
}

body[data-page="nosotros"] .section-about-gallery .section-head {
  position: sticky;
  top: 7.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 620px;
  margin: 0;
  padding: clamp(2.2rem, 3.6vw, 3.8rem);
  border: 1px solid rgba(239, 182, 47, 0.2);
  background:
    linear-gradient(180deg, rgba(239, 182, 47, 0.08), transparent 55%),
    #080705;
}

body[data-page="nosotros"] .section-about-gallery .section-head h2 {
  max-width: 10ch;
  margin-top: auto;
  font-size: clamp(3.7rem, 5vw, 5.8rem);
  line-height: 0.84;
}

body[data-page="nosotros"] .section-about-gallery .section-head > p:not(.section-kicker) {
  max-width: 36ch;
  margin-top: 1.25rem;
}

.about-gallery-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  width: 100%;
  min-height: 52px;
  margin-top: 1.5rem;
  padding: 0.75rem 0;
  border-top: 1px solid rgba(239, 182, 47, 0.22);
  border-bottom: 1px solid rgba(239, 182, 47, 0.22);
  color: var(--lt-stage-gold-bright);
  font-size: 0.64rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body[data-page="nosotros"] .band-wall {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-rows: 305px;
  gap: 6px;
  width: 100%;
  margin: 0;
  counter-reset: about-gallery;
}

body[data-page="nosotros"] .band-shot {
  position: relative;
  grid-column: span 3;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.16);
  border-radius: 4px;
  counter-increment: about-gallery;
}

body[data-page="nosotros"] .band-shot:first-child {
  grid-column: 1 / 7;
  grid-row: span 2;
}

body[data-page="nosotros"] .band-shot::before {
  content: counter(about-gallery, decimal-leading-zero);
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 2;
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(255, 214, 107, 0.42);
  border-radius: 50%;
  color: var(--lt-stage-gold-bright);
  background: rgba(4, 3, 2, 0.66);
  font-size: 0.58rem;
  font-weight: 900;
}

body[data-page="nosotros"] .band-shot::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 56%, rgba(3, 3, 2, 0.9));
  pointer-events: none;
}

body[data-page="nosotros"] .band-shot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.02) contrast(1.04) brightness(0.88);
  transition: transform 700ms cubic-bezier(0.2, 0.75, 0.2, 1), filter 250ms ease;
}

body[data-page="nosotros"] .band-shot:hover img {
  filter: saturate(1.16) contrast(1.03) brightness(0.98);
  transform: scale(1.045);
}

body[data-page="nosotros"] .band-shot figcaption {
  position: absolute;
  right: 1.15rem;
  bottom: 1.15rem;
  left: 1.15rem;
  z-index: 2;
  color: #e2d8c5;
  font-size: 0.7rem;
  line-height: 1.5;
}

body[data-page="nosotros"] .section-members {
  margin-top: clamp(5rem, 9vw, 9rem);
  padding-top: clamp(4rem, 7vw, 7rem);
  padding-bottom: clamp(4rem, 7vw, 7rem);
  color: #120e05;
  background:
    linear-gradient(rgba(18, 14, 5, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(18, 14, 5, 0.045) 1px, transparent 1px),
    linear-gradient(135deg, #f8ca55, #e9a91f 72%);
  background-size: 64px 64px, 64px 64px, auto;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.42), inset 0 -1px rgba(35, 22, 3, 0.35);
}

body[data-page="nosotros"] .section-members .section-head,
body[data-page="nosotros"] .member-grid {
  width: min(var(--lt-stage-width), 100%);
  margin-inline: auto;
}

body[data-page="nosotros"] .section-members .section-head {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.85rem 3rem;
  align-items: end;
  margin-bottom: 2.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(18, 14, 5, 0.3);
}

body[data-page="nosotros"] .section-members .section-head > :not(.about-members-count) {
  grid-column: 1;
}

body[data-page="nosotros"] .section-members .section-kicker,
body[data-page="nosotros"] .section-members .section-head h2,
body[data-page="nosotros"] .section-members .section-head > p:not(.section-kicker) {
  color: #120e05;
}

body[data-page="nosotros"] .section-members .section-head h2 {
  max-width: 13ch;
  font-size: clamp(4.4rem, 7vw, 7.8rem);
  line-height: 0.82;
  text-shadow: none;
}

body[data-page="nosotros"] .section-members .section-head > p:not(.section-kicker) {
  max-width: 60rem;
  opacity: 0.72;
}

.about-members-count {
  grid-column: 2;
  grid-row: 1 / span 3;
  align-self: stretch;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  min-width: 180px;
  padding-left: 2rem;
  border-left: 1px solid rgba(18, 14, 5, 0.28);
}

.about-members-count strong,
.about-members-count span {
  color: #120e05;
}

body[data-page="nosotros"] .member-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  counter-reset: about-members;
}

body[data-page="nosotros"] .member-card {
  position: relative;
  min-width: 0;
  min-height: 460px;
  overflow: hidden;
  border: 1px solid rgba(18, 14, 5, 0.5);
  border-radius: 5px;
  background: #080705;
  box-shadow: 0 18px 46px rgba(45, 27, 3, 0.2);
  counter-increment: about-members;
}

body[data-page="nosotros"] .member-card:nth-child(-n + 2) {
  grid-column: span 2;
  min-height: 560px;
}

body[data-page="nosotros"] .member-card::before {
  content: counter(about-members, decimal-leading-zero);
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 4;
  color: rgba(255, 214, 107, 0.76);
  font-size: 0.58rem;
  font-weight: 900;
  letter-spacing: 0.1em;
}

body[data-page="nosotros"] .member-card-media {
  position: absolute;
  inset: 0;
  height: 100%;
  margin: 0;
}

body[data-page="nosotros"] .member-card-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 36%, rgba(3, 3, 2, 0.96));
}

body[data-page="nosotros"] .member-card-media img,
body[data-page="nosotros"] .member-card-placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.88) contrast(1.04) brightness(0.84);
  transition: transform 650ms cubic-bezier(0.2, 0.75, 0.2, 1), filter 250ms ease;
}

body[data-page="nosotros"] .member-card:hover .member-card-media img {
  filter: saturate(1.08) contrast(1.04) brightness(0.96);
  transform: scale(1.045);
}

body[data-page="nosotros"] .member-card-copy {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: grid;
  align-content: end;
  min-height: 42%;
  padding: clamp(1.15rem, 2vw, 1.8rem);
  color: var(--lt-stage-cream);
  background: linear-gradient(180deg, transparent, rgba(4, 3, 2, 0.95));
}

body[data-page="nosotros"] .member-card-copy h3 {
  margin: 0.45rem 0 0.15rem;
  color: var(--lt-stage-cream);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(2rem, 2.6vw, 3.2rem);
  line-height: 0.9;
}

body[data-page="nosotros"] .member-card:nth-child(-n + 2) .member-card-copy h3 {
  font-size: clamp(3.2rem, 4.6vw, 5.2rem);
}

body[data-page="nosotros"] .member-card-copy > p:not(.panel-kicker):not(.member-card-bio) {
  color: #d4c9b5;
  font-size: 0.78rem;
}

body[data-page="nosotros"] .member-card-realname,
body[data-page="nosotros"] .member-card-bio,
body[data-page="nosotros"] .member-card-socials {
  margin-top: 0.4rem;
  color: #b7ad99;
  font-size: 0.68rem;
}

body[data-page="nosotros"] .member-card-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

body[data-page="nosotros"] .member-card-socials a {
  color: var(--lt-stage-gold-bright);
}

body[data-page="nosotros"] .section-signature {
  padding-top: clamp(5rem, 9vw, 9rem);
  padding-bottom: clamp(5rem, 9vw, 9rem);
}

body[data-page="nosotros"] .about-signature-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(430px, 0.8fr);
  gap: 6px;
  min-height: 720px;
  padding: clamp(1rem, 2vw, 1.6rem);
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.24);
  border-radius: clamp(24px, 2.4vw, 36px);
  background: #060504;
  box-shadow: 0 36px 110px rgba(0, 0, 0, 0.68);
  isolation: isolate;
}

body[data-page="nosotros"] .about-signature-grid::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: url("../images/eventos/53.webp") center 42% / cover no-repeat;
  filter: saturate(1.08) contrast(1.08) brightness(0.72);
  opacity: 0.94;
  transform: scale(1.025);
}

body[data-page="nosotros"] .about-signature-grid::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 87% 22%, rgba(239, 182, 47, 0.15), transparent 26%),
    linear-gradient(90deg, rgba(3, 3, 2, 0.82) 0%, rgba(3, 3, 2, 0.5) 54%, rgba(3, 3, 2, 0.16) 100%),
    linear-gradient(180deg, rgba(3, 3, 2, 0.08), rgba(3, 3, 2, 0.52));
}

body[data-page="nosotros"] .about-signature-lead {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  min-width: 0;
  padding: clamp(2.4rem, 5vw, 5.5rem);
  border: 1px solid rgba(239, 182, 47, 0.16);
  border-radius: 7px;
  background: linear-gradient(90deg, rgba(5, 4, 3, 0.78), rgba(5, 4, 3, 0.58));
  box-shadow: none;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

body[data-page="nosotros"] .about-signature-lead h2 {
  max-width: 10.5ch;
  margin: 0.8rem 0 1.25rem;
  font-size: clamp(4rem, 6.5vw, 7rem);
  line-height: 0.83;
}

body[data-page="nosotros"] .about-signature-lead > p:not(.section-kicker) {
  max-width: 64ch;
  color: #c5baa6;
  font-size: 0.92rem;
  line-height: 1.78;
}

body[data-page="nosotros"] .signature-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

body[data-page="nosotros"] .signature-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  min-width: 0;
  padding: clamp(1.4rem, 2.4vw, 2.3rem);
  border: 1px solid rgba(239, 182, 47, 0.17);
  border-radius: 7px;
  background: linear-gradient(180deg, rgba(7, 6, 4, 0.38), rgba(7, 6, 4, 0.58));
  box-shadow: none;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

body[data-page="nosotros"] .signature-card .card-index {
  display: grid;
  width: 42px;
  height: 42px;
  margin-bottom: auto;
  place-items: center;
  border: 1px solid rgba(255, 214, 107, 0.3);
  border-radius: 50%;
  color: #171106;
  background: var(--lt-stage-gold-bright);
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.15rem;
}

body[data-page="nosotros"] .signature-card h3 {
  margin: 2rem 0 0.7rem;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(2rem, 2.7vw, 3rem);
  line-height: 0.9;
}

body[data-page="nosotros"] .signature-card p:last-child {
  color: #b7ad99;
  font-size: 0.77rem;
  line-height: 1.65;
}

.about-signature-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.65rem;
}

.about-signature-actions .button {
  min-height: 50px;
  border-radius: 12px;
}

@media (max-width: 1180px) {
  body[data-page="nosotros"] .page-hero-about .page-hero-copy {
    width: min(47rem, calc(100% - 25rem));
  }

  .about-hero-facts {
    width: min(21rem, 29vw);
  }

  body[data-page="nosotros"] .about-bio-shell,
  body[data-page="nosotros"] .about-signature-grid {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.72fr);
  }

  body[data-page="nosotros"] .member-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-page="nosotros"] .member-card:nth-child(-n + 2) {
    grid-column: span 3;
  }
}

@media (max-width: 900px) {
  body[data-page="nosotros"] .page-hero-about .page-hero-grid {
    min-height: 780px;
  }

  body[data-page="nosotros"] .page-hero-about .page-hero-copy {
    right: 1.4rem;
    bottom: 13rem;
    width: auto;
  }

  body[data-page="nosotros"] .page-hero-about .page-title {
    max-width: 9ch;
    font-size: clamp(4.2rem, 10vw, 6.2rem);
  }

  .about-hero-facts {
    right: 1.4rem;
    bottom: 1.4rem;
    left: 1.4rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: auto;
  }

  .about-hero-facts article {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.35rem;
    min-height: 92px;
  }

  .about-hero-facts article + article {
    border-top: 0;
    border-left: 1px solid rgba(239, 182, 47, 0.16);
  }

  body[data-page="nosotros"] .about-bio-shell,
  .about-gallery-shell,
  body[data-page="nosotros"] .about-signature-grid {
    grid-template-columns: 1fr;
  }

  body[data-page="nosotros"] .timeline-head,
  body[data-page="nosotros"] .home-route-section .section-head,
  body[data-page="nosotros"] .section-members .section-head {
    grid-template-columns: 1fr auto;
  }

  body[data-page="nosotros"] .timeline-item {
    min-height: 0;
  }

  body[data-page="nosotros"] .timeline-content,
  body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-content {
    grid-column: 1 / 8;
  }

  body[data-page="nosotros"] .timeline-marker,
  body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-marker {
    grid-column: 8 / 9;
  }

  body[data-page="nosotros"] .timeline-postcard,
  body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-postcard {
    grid-column: 9 / 13;
  }

  body[data-page="nosotros"] .timeline-postcard img {
    min-height: 440px;
  }

  body[data-page="nosotros"] .route-card:first-child,
  body[data-page="nosotros"] .route-card:nth-child(6),
  body[data-page="nosotros"] .route-card:nth-child(7) {
    grid-column: 1 / 13;
    grid-row: auto;
    min-height: 440px;
  }

  body[data-page="nosotros"] .route-card:nth-child(2),
  body[data-page="nosotros"] .route-card:nth-child(3),
  body[data-page="nosotros"] .route-card:nth-child(4),
  body[data-page="nosotros"] .route-card:nth-child(5) {
    grid-column: span 6;
    grid-row: auto;
  }

  body[data-page="nosotros"] .section-about-gallery .section-head {
    position: relative;
    top: auto;
    min-height: 0;
  }

  body[data-page="nosotros"] .section-about-gallery .section-head h2 {
    margin-top: 4rem;
  }

  body[data-page="nosotros"] .about-signature-grid {
    min-height: 0;
  }

  body[data-page="nosotros"] .about-signature-lead {
    min-height: 580px;
  }
}

@media (max-width: 640px) {
  body[data-page="nosotros"] main > .section:not(.page-hero) {
    padding-inline: 0.75rem;
  }

  body[data-page="nosotros"] .page-hero-about {
    padding: 0.5rem 0.5rem 0.75rem;
  }

  body[data-page="nosotros"] .page-hero-about .page-hero-grid {
    min-height: 790px;
    border-radius: 22px 22px 6px 6px;
  }

  body[data-page="nosotros"] .page-hero-about .page-hero-grid::before {
    background:
      linear-gradient(180deg, rgba(3, 3, 2, 0.05) 25%, rgba(3, 3, 2, 0.56) 52%, rgba(3, 3, 2, 0.98) 82%),
      linear-gradient(90deg, rgba(3, 3, 2, 0.58), transparent 68%);
  }

  body[data-page="nosotros"] .page-hero-about .page-hero-bg-image {
    object-position: 54% 38% !important;
    filter: saturate(1.08) contrast(1.08) brightness(0.88);
  }

  .about-hero-rail {
    display: none;
  }

  body[data-page="nosotros"] .page-hero-about .page-hero-copy {
    inset: auto 1rem 11.8rem;
    gap: 0.7rem;
  }

  body[data-page="nosotros"] .page-hero-about .page-title {
    max-width: 8.6ch;
    font-size: clamp(4rem, 17vw, 5.5rem);
    line-height: 0.79;
  }

  body[data-page="nosotros"] .page-hero-about .lead {
    max-width: 33ch;
    font-size: 0.83rem;
    line-height: 1.55;
  }

  body[data-page="nosotros"] .page-hero-about .section-kicker {
    padding: 0.42rem 0.58rem;
    font-size: 0.56rem;
  }

  .about-hero-actions .button {
    min-height: 44px;
    padding-inline: 0.82rem;
    font-size: 0.62rem;
  }

  .about-hero-facts {
    right: 0.65rem;
    bottom: 0.65rem;
    left: 0.65rem;
  }

  .about-hero-facts article {
    min-height: 86px;
    padding: 0.7rem;
  }

  .about-hero-facts span {
    font-size: 1.75rem;
  }

  .about-hero-facts small {
    font-size: 0.48rem;
    line-height: 1.35;
  }

  .about-jumpbar {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .about-jumpbar::-webkit-scrollbar {
    display: none;
  }

  .about-jumpbar a {
    flex: 0 0 43%;
    min-height: 52px;
    padding-inline: 0.75rem;
    scroll-snap-align: start;
  }

  body[data-page="nosotros"] .about-bio-main,
  body[data-page="nosotros"] .about-bio-sidebar {
    padding: 2rem 1.2rem;
  }

  .about-section-index {
    top: 1rem;
    right: 1rem;
  }

  .about-section-index span {
    font-size: 4.25rem;
  }

  body[data-page="nosotros"] .about-bio-main h2 {
    max-width: 10ch;
    margin-top: 3.2rem;
    font-size: clamp(3.2rem, 15vw, 4.6rem);
  }

  .about-bio-quote {
    font-size: 1.45rem;
  }

  body[data-page="nosotros"] .about-bio-main > p:not(.section-kicker):not(.about-bio-quote) {
    font-size: 0.9rem;
    line-height: 1.76;
  }

  body[data-page="nosotros"] .about-bio-stats {
    grid-template-columns: 1fr;
  }

  body[data-page="nosotros"] .about-bio-stat {
  }

  body[data-page="nosotros"] .about-bio-stat strong {
    margin-top: 1.4rem;
  }

  body[data-page="nosotros"] .timeline-head,
  body[data-page="nosotros"] .home-route-section .section-head,
  body[data-page="nosotros"] .section-members .section-head {
    display: block;
    min-height: 0;
    padding: 2rem 1.15rem;
  }

  body[data-page="nosotros"] .timeline-head h2,
  body[data-page="nosotros"] .home-route-section .section-head h2,
  body[data-page="nosotros"] .section-members .section-head h2 {
    max-width: 10ch;
    font-size: clamp(3.4rem, 16vw, 4.9rem);
  }

  .about-section-count,
  .about-route-counter,
  .about-members-count {
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    margin-top: 2rem;
    padding: 1.5rem 0 0;
    border-top: 1px solid rgba(239, 182, 47, 0.18);
    border-left: 0;
  }

  .about-section-count strong,
  .about-route-counter strong,
  .about-members-count strong {
    font-size: 5rem;
  }

  .about-section-count span,
  .about-route-counter span,
  .about-members-count span {
    text-align: left;
  }

  body[data-page="nosotros"] .timeline-item,
  body[data-page="nosotros"] .timeline-item:nth-child(even) {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
  }

  body[data-page="nosotros"] .timeline-marker,
  body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-marker {
    grid-column: 1;
    grid-row: 1;
    flex-direction: row;
    justify-content: flex-start;
    min-height: 54px;
    padding-inline: 1rem;
  }

  body[data-page="nosotros"] .timeline-marker::before,
  body[data-page="nosotros"] .timeline-marker::after {
    width: auto;
    height: 1px;
  }

  body[data-page="nosotros"] .timeline-content,
  body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-content {
    grid-column: 1;
    grid-row: 2;
    min-height: 440px;
    padding: 2rem 1.15rem;
  }

  body[data-page="nosotros"] .timeline-content h3 {
  }

  body[data-page="nosotros"] .timeline-postcard,
  body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-postcard {
    grid-column: 1;
    grid-row: 3;
    min-height: 420px;
  }

  body[data-page="nosotros"] .timeline-postcard img {
    min-height: 420px;
  }

  .about-route-shell {
    padding: 0.55rem;
  }

  body[data-page="nosotros"] .home-route-grid {
    grid-template-columns: 1fr;
  }

  body[data-page="nosotros"] .route-card:first-child,
  body[data-page="nosotros"] .route-card:nth-child(2),
  body[data-page="nosotros"] .route-card:nth-child(3),
  body[data-page="nosotros"] .route-card:nth-child(4),
  body[data-page="nosotros"] .route-card:nth-child(5),
  body[data-page="nosotros"] .route-card:nth-child(6),
  body[data-page="nosotros"] .route-card:nth-child(7) {
    grid-column: 1;
    grid-row: auto;
    min-height: 310px;
  }

  body[data-page="nosotros"] .route-card:first-child {
    min-height: 430px;
  }

  body[data-page="nosotros"] .route-city,
  body[data-page="nosotros"] .route-card:first-child .route-city {
    font-size: clamp(3rem, 15vw, 4.6rem);
  }

  body[data-page="nosotros"] .section-about-gallery .section-head {
    padding: 2rem 1.15rem;
  }

  body[data-page="nosotros"] .section-about-gallery .section-head h2 {
    margin-top: 3rem;
    font-size: clamp(3.4rem, 15vw, 4.8rem);
  }

  body[data-page="nosotros"] .band-wall {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  body[data-page="nosotros"] .band-wall::-webkit-scrollbar {
    display: none;
  }

  body[data-page="nosotros"] .band-shot,
  body[data-page="nosotros"] .band-shot:first-child {
    flex: 0 0 86%;
    min-height: 500px;
    scroll-snap-align: center;
  }

  body[data-page="nosotros"] .section-members {
    margin-top: 5rem;
    padding-inline: 0.75rem;
  }

  body[data-page="nosotros"] .section-members .section-head {
    padding-inline: 0;
  }

  .about-members-count {
    border-top-color: rgba(18, 14, 5, 0.25);
  }

  body[data-page="nosotros"] .member-grid {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  body[data-page="nosotros"] .member-grid::-webkit-scrollbar {
    display: none;
  }

  body[data-page="nosotros"] .member-card,
  body[data-page="nosotros"] .member-card:nth-child(-n + 2) {
    flex: 0 0 84%;
    min-height: 520px;
    scroll-snap-align: center;
  }

  body[data-page="nosotros"] .member-card-copy h3,
  body[data-page="nosotros"] .member-card:nth-child(-n + 2) .member-card-copy h3 {
    font-size: clamp(2.8rem, 13vw, 4rem);
  }

  body[data-page="nosotros"] .about-signature-grid {
    padding: 0.55rem;
    border-radius: 22px;
  }

  body[data-page="nosotros"] .about-signature-grid::before {
    background-position: 58% top;
    background-size: auto 720px;
  }

  body[data-page="nosotros"] .about-signature-grid::after {
    background:
      linear-gradient(180deg, rgba(3, 3, 2, 0.5) 0, rgba(3, 3, 2, 0.84) 650px, rgba(3, 3, 2, 0.97) 900px),
      linear-gradient(90deg, rgba(3, 3, 2, 0.7), rgba(3, 3, 2, 0.18));
  }

  body[data-page="nosotros"] .about-signature-lead {
    min-height: 620px;
    padding: 2rem 1.15rem;
  }

  body[data-page="nosotros"] .about-signature-lead h2 {
    max-width: 9ch;
    margin-top: 4.5rem;
    font-size: clamp(3.5rem, 16vw, 5rem);
  }

  body[data-page="nosotros"] .signature-cards {
    grid-template-columns: 1fr;
  }

  body[data-page="nosotros"] .signature-card {
    min-height: 270px;
  }

  .about-signature-actions {
    display: grid;
    width: 100%;
  }

  .about-signature-actions .button {
    width: 100%;
  }
}

/* Footer: CTA compacto con galería fotográfica en movimiento. */
.site-footer .footer-main-grid {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.site-footer .footer-scene-gallery {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.site-footer .footer-scene-gallery::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5, 3, 2, 0.95) 0%, rgba(5, 3, 2, 0.78) 34%, rgba(5, 3, 2, 0.32) 57%, rgba(5, 3, 2, 0.84) 100%),
    linear-gradient(180deg, rgba(5, 3, 2, 0.16), rgba(5, 3, 2, 0.86));
}

.site-footer .footer-scene-gallery img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 44%;
  opacity: 0;
  filter: saturate(0.78) contrast(1.08) brightness(0.72);
  transform: scale(1.035);
  animation: lt-footer-scene-cycle 21s ease-in-out infinite;
}

.site-footer .footer-scene-gallery img:first-child {
  opacity: 1;
}

.site-footer .footer-scene-gallery img:nth-child(2) {
  animation-delay: 7s;
}

.site-footer .footer-scene-gallery img:nth-child(3) {
  animation-delay: 14s;
}

.site-footer .footer-brand-block,
.site-footer .footer-newsletter-group {
  position: relative;
  z-index: 2;
}

.site-footer .footer-brand-lockup {
}

.site-footer .footer-brand-kicker {
}

.site-footer .footer-brand-block h2 {
}

.site-footer .footer-brand-lead {
}

.site-footer .footer-brand-actions {
}

.site-footer .footer-newsletter-group {
}

.site-footer .footer-newsletter-index {
}

.site-footer .footer-newsletter-copy {
}

.site-footer .footer-newsletter-copy h3 {
}

.site-footer .footer-newsletter-copy p:not(.footer-news-kicker) {
}

.site-footer .footer-newsletter-form {
}

.site-footer .footer-newsletter-form input[type="text"],
.site-footer .footer-newsletter-form input[type="email"] {
}

.site-footer .footer-newsletter-consent {
}

.site-footer .footer-booking-button,
.site-footer .footer-newsletter-actions .button {
}

@keyframes lt-footer-scene-cycle {
  0%, 30% {
    opacity: 1;
    transform: scale(1.035);
  }

  34%, 96% {
    opacity: 0;
    transform: scale(1.09);
  }

  100% {
    opacity: 1;
    transform: scale(1.035);
  }
}

@media (max-width: 1120px) {
  .site-footer .footer-main-grid {
  }

  .site-footer .footer-scene-gallery::after {
    background:
      linear-gradient(180deg, rgba(5, 3, 2, 0.66) 0%, rgba(5, 3, 2, 0.86) 56%, rgba(5, 3, 2, 0.96) 100%),
      linear-gradient(90deg, rgba(5, 3, 2, 0.48), rgba(5, 3, 2, 0.18));
  }
}

@media (max-width: 720px) {
  .site-footer .footer-main-grid {
  }

  .site-footer .footer-scene-gallery img {
    object-position: 58% center;
  }

  .site-footer .footer-brand-lockup {
  }

  .site-footer .footer-brand-block h2 {
  }

  .site-footer .footer-newsletter-group {
  }

  .site-footer .footer-newsletter-copy h3 {
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-footer .footer-scene-gallery img {
    opacity: 0;
    animation: none !important;
    transform: none;
  }

  .site-footer .footer-scene-gallery img:first-child {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="nosotros"] .timeline-postcard img,
  body[data-page="nosotros"] .route-card::before,
  body[data-page="nosotros"] .band-shot img,
  body[data-page="nosotros"] .member-card-media img {
    transition: none !important;
  }
}

/* Banda poster edition: editorial concert language, not dashboard UI. */
:root {
  --lt-stage-width: 100%;
  --lt-poster-black: #050403;
  --lt-poster-ink: #0b0804;
  --lt-poster-brass: #d99a18;
  --lt-poster-brass-hot: #ffc43d;
  --lt-poster-paper: #fff2d1;
  --lt-poster-red: #8e1712;
}

body {
  background:
    radial-gradient(circle at 14% 0%, rgba(197, 127, 8, 0.16), transparent 30rem),
    linear-gradient(115deg, #0a0703 0%, #020202 46%, #080501 100%);
}

body::after {
  opacity: 0.23;
  background-image:
    repeating-linear-gradient(112deg, rgba(255, 226, 166, 0.025) 0 1px, transparent 1px 7px),
    repeating-linear-gradient(18deg, rgba(0, 0, 0, 0.14) 0 2px, transparent 2px 11px);
  background-size: auto;
  mask-image: none;
}

/* The navigation becomes a venue masthead: flat, direct and typographic. */
.site-header {
  z-index: 70;
  padding: 0 !important;
  border-bottom: 1px solid rgba(255, 196, 61, 0.24);
  background: #050403;
}

.nav-shell,
.site-header.is-scrolled .nav-shell {
  width: 100%;
  min-height: 96px;
  margin: 0;
  padding: 0 clamp(1.2rem, 4.5vw, 5.6rem);
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(90deg, rgba(217, 154, 24, 0.07), transparent 20%, transparent 80%, rgba(217, 154, 24, 0.07)),
    #050403;
  box-shadow: none;
  backdrop-filter: none;
}

.site-nav {
  min-height: 62px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.site-nav a:not(.header-cta):not(.site-nav-mobile-utility) {
  position: relative;
  min-height: 62px;
  padding-inline: clamp(0.75rem, 1.1vw, 1.25rem);
  border-radius: 0;
  color: #d3c5a7;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(0.82rem, 0.82vw, 1rem);
  font-weight: 400;
  letter-spacing: 0.16em;
}

.site-nav a:not(.header-cta):not(.site-nav-mobile-utility):hover,
.site-nav a:not(.header-cta):not(.site-nav-mobile-utility):focus-visible,
.site-nav a:not(.header-cta):not(.site-nav-mobile-utility).is-active {
  color: var(--lt-poster-brass-hot);
  background: transparent;
  box-shadow: none;
  transform: none;
}

.site-nav a:not(.header-cta):not(.site-nav-mobile-utility)::after {
  display: block;
  right: 50%;
  bottom: 8px;
  left: 50%;
  width: auto;
  height: 2px;
  background: var(--lt-poster-brass-hot);
  transition: right 180ms ease, left 180ms ease;
}

.site-nav a:not(.header-cta):not(.site-nav-mobile-utility):hover::after,
.site-nav a:not(.header-cta):not(.site-nav-mobile-utility).is-active::after {
  right: 1rem;
  left: 1rem;
}

.brand-center {
  width: clamp(112px, 8vw, 150px);
}

.brand-center-record,
.brand-center:hover .brand-center-record {
  width: 100%;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.brand-center-record::before,
.brand-center-record::after {
  display: none !important;
}

.brand-center-record .brand-story-ring {
  position: absolute;
  inset: -9px -13px;
  z-index: 1;
  display: block !important;
  border: 1px solid transparent;
  border-radius: 18px;
  background: radial-gradient(circle at 50% 55%, rgba(255, 195, 54, 0.16), transparent 68%);
  box-shadow: none;
  opacity: 0;
  filter: none;
  pointer-events: none;
  transition: opacity 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

body.has-site-stories .brand-center .brand-story-ring {
  border-width: 3px;
  border-color: #ffc43d;
  box-shadow: 0 0 0 2px rgba(116, 70, 0, 0.72), 0 0 18px rgba(255, 187, 34, 0.72), 0 0 38px rgba(255, 145, 0, 0.34);
  opacity: 1;
  animation: lt-story-brand-active 2.8s ease-in-out infinite;
}

body.has-unseen-site-stories .brand-center .brand-story-ring {
  border-color: #ffe28a;
  box-shadow: 0 0 0 2px rgba(139, 84, 0, 0.78), 0 0 20px rgba(255, 202, 71, 0.9), 0 0 44px rgba(255, 151, 7, 0.54);
  opacity: 1;
  animation: lt-story-brand-glow 2.2s ease-in-out infinite;
}

body.has-site-stories .brand-center-record::after {
  content: "";
  position: absolute;
  inset: -12px -16px auto auto;
  z-index: 6;
  display: block !important;
  width: 13px;
  height: 13px;
  border: 2px solid #171006;
  border-radius: 50%;
  background: #ffd14f;
  box-shadow: 0 0 0 3px rgba(255, 193, 45, 0.22), 0 0 16px rgba(255, 183, 22, 0.9);
  filter: none;
  animation: lt-story-brand-dot 1.65s ease-in-out infinite;
}

body.has-unseen-site-stories .brand-center-record img {
  filter: drop-shadow(0 0 12px rgba(255, 195, 53, 0.44)) drop-shadow(0 0 25px rgba(219, 137, 15, 0.2));
}

@keyframes lt-story-brand-glow {
  0%, 100% { transform: scale(0.98); opacity: 0.68; }
  50% { transform: scale(1.025); opacity: 1; }
}

@keyframes lt-story-brand-active {
  0%, 100% { transform: scale(0.99); filter: brightness(0.9); }
  50% { transform: scale(1.015); filter: brightness(1.18); }
}

@keyframes lt-story-brand-dot {
  0%, 100% { transform: scale(0.82); opacity: 0.7; }
  50% { transform: scale(1.18); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  body.has-unseen-site-stories .brand-center .brand-story-ring {
    animation: none;
  }

  body.has-site-stories .brand-center .brand-story-ring,
  body.has-site-stories .brand-center-record::after {
    animation: none;
  }
}

.brand-center-record img {
  width: 100%;
  max-height: 76px;
  object-fit: contain;
  filter: drop-shadow(0 0 16px rgba(255, 187, 42, 0.17));
}

/* React becomes a concert ribbon, not an application toolbar. */
.lt-modern-pulse-root {
  z-index: 62;
  padding: 0 !important;
  border-bottom: 1px solid rgba(255, 196, 61, 0.22);
}

.lt-stage-dock {
  width: 100%;
  margin: 0;
  animation: lt-poster-drop 420ms cubic-bezier(0.22, 0.76, 0.22, 1) both;
}

.lt-stage-progress {
  inset: auto 0 0;
  height: 2px;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.04);
}

.lt-stage-bar,
.lt-band-ribbon {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 50px;
  gap: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #0a0703;
  box-shadow: none;
  backdrop-filter: none;
}

.lt-stage-context {
  gap: 0.75rem;
  min-width: 290px;
  padding: 0 clamp(1.2rem, 3vw, 3.8rem);
  border-right: 1px solid rgba(255, 196, 61, 0.28);
  background: var(--lt-poster-brass);
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 50%, calc(100% - 22px) 100%, 0 100%);
}

.lt-stage-live,
.lt-stage-context > strong {
  color: #120c03;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.78rem;
  font-weight: 400;
  letter-spacing: 0.16em;
}

.lt-stage-live i {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 0;
  background: #160e02;
  box-shadow: none;
  transform: rotate(45deg);
}

.lt-stage-runner {
  min-width: 0;
  overflow: hidden;
  align-self: stretch;
  display: flex;
  align-items: center;
  mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}

.lt-stage-runner-track {
  display: flex;
  align-items: center;
  gap: 1.15rem;
  width: max-content;
  padding-left: 2rem;
  color: #d2c19d;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.86rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  white-space: nowrap;
  animation: lt-poster-runner 22s linear infinite;
}

.lt-stage-runner-copy {
  display: flex;
  flex: none;
  align-items: center;
  gap: 1.15rem;
}

.lt-stage-runner-track b {
  color: var(--lt-poster-brass-hot);
  font-size: 0.58rem;
}

.lt-stage-actions {
  align-self: stretch;
  gap: 0;
  border-left: 1px solid rgba(255, 196, 61, 0.2);
  background: #050403;
}

.lt-stage-now {
  align-self: stretch;
  gap: 0.65rem;
  min-width: 220px;
  padding: 0.35rem 1.2rem;
  border-radius: 0;
}

.lt-stage-now:hover {
  color: var(--lt-poster-brass-hot);
  background: rgba(217, 154, 24, 0.09);
  transform: none;
}

.lt-stage-now small {
  color: #93866b;
  font-size: 0.58rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.lt-stage-now strong {
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.9rem;
  font-weight: 400;
  letter-spacing: 0.08em;
}

.lt-stage-play {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  color: #120c03;
  font-size: 0.68rem;
  background: var(--lt-poster-brass-hot);
  clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
}

.lt-stage-menu-button {
  align-self: stretch;
  min-width: 112px;
  padding: 0 1.15rem;
  border: 0;
  border-left: 1px solid rgba(255, 196, 61, 0.26);
  border-radius: 0;
  color: var(--lt-poster-paper);
  background: #0e0a04;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.86rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.lt-stage-menu-button:hover,
.lt-stage-menu-button:focus-visible {
  color: #120c03;
  background: var(--lt-poster-brass-hot);
}

.lt-stage-menu-button i {
  border-radius: 0;
}

.lt-stage-menu {
  width: min(1180px, calc(100% - 3rem));
  margin: 0 auto;
  padding: 0;
  border: 1px solid rgba(255, 196, 61, 0.34);
  border-top: 0;
  border-radius: 0;
  background: #080603;
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.72);
}

.lt-stage-menu a {
  min-height: 104px;
  border-radius: 0;
  background: transparent;
}

.lt-stage-menu a:hover,
.lt-stage-menu a.is-active {
  color: #120c03;
  background: var(--lt-poster-brass-hot);
}

.lt-stage-menu a strong {
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 1.55rem;
  font-weight: 400;
  letter-spacing: 0.06em;
}

@keyframes lt-poster-drop {
  from { opacity: 0; transform: translateY(-16px); }
}

@keyframes lt-poster-runner {
  to { transform: translateX(-50%); }
}

/* Homepage hero: full-bleed concert photograph with poster typography. */
main > .page-hero-home.section,
body[data-page="inicio"] .page-hero-home {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.page-hero-home .page-hero-grid.hero-showcase-stage,
body[data-page="inicio"] .page-hero-home .page-hero-grid.hero-showcase-stage {
  width: 100% !important;
  max-width: none !important;
  min-height: min(790px, calc(100svh - 146px)) !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #050403 !important;
  box-shadow: none !important;
  clip-path: polygon(0 0, 100% 0, 100% 95%, 72% 100%, 0 100%);
}

.page-hero-home .hero-showcase-stage::before,
body[data-page="inicio"] .page-hero-home .hero-showcase-stage::before {
  content: "LA TREVIÑOSA  ·  BANDA REGIA  ·  MONTERREY" !important;
  position: absolute !important;
  z-index: 8 !important;
  top: clamp(2rem, 7vh, 4.5rem) !important;
  right: -3.5rem !important;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  padding: 0.72rem 5rem !important;
  color: #160e02 !important;
  background: var(--lt-poster-brass-hot) !important;
  border: 0 !important;
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-size: 0.86rem !important;
  letter-spacing: 0.18em !important;
  opacity: 1 !important;
  transform: rotate(7deg) !important;
  transform-origin: center !important;
}

.page-hero-home .hero-showcase-stage::after,
body[data-page="inicio"] .page-hero-home .hero-showcase-stage::after {
  content: "" !important;
  position: absolute !important;
  z-index: 4 !important;
  inset: 1.2rem !important;
  border: 1px solid rgba(255, 215, 111, 0.28) !important;
  border-radius: 0 !important;
  background: transparent !important;
  pointer-events: none !important;
}

.hero-showcase-backdrop {
  inset: 0 !important;
  filter: saturate(0.86) contrast(1.12) brightness(0.82);
  transform: none !important;
}

.hero-showcase-backdrop-frame {
  display: none !important;
  inset: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
}

.hero-showcase-backdrop-frame-1,
body[data-page="inicio"] .hero-showcase-backdrop-frame-1 {
  display: block !important;
  background-image: var(--lt-hero-poster) !important;
  background-position: center 64% !important;
  background-size: cover !important;
  opacity: 1 !important;
  animation: lt-poster-breathe 16s ease-in-out infinite alternate !important;
}

@keyframes lt-poster-breathe {
  from { transform: scale(1); }
  to { transform: scale(1.035); }
}

.hero-showcase-wash {
  display: block !important;
  z-index: 2 !important;
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(4, 3, 2, 0.98) 0%, rgba(4, 3, 2, 0.92) 24%, rgba(4, 3, 2, 0.46) 52%, rgba(4, 3, 2, 0.08) 76%),
    linear-gradient(0deg, #050403 0%, rgba(5, 4, 3, 0.25) 34%, rgba(5, 4, 3, 0.05) 70%) !important;
  opacity: 1 !important;
}

.hero-showcase-wash::before {
  inset: 0 !important;
  background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(0, 0, 0, 0.12) 3px 4px) !important;
  opacity: 0.42 !important;
  animation: none !important;
}

.hero-showcase-wash::after {
  display: none !important;
}

.hero-showcase-camera-flashes,
.hero-showcase-marquee,
.hero-showcase-hashtag-cloud {
  display: none !important;
}

.hero-showcase-content,
body[data-page="inicio"] .hero-showcase-content {
  position: relative !important;
  z-index: 6 !important;
  display: flex !important;
  width: min(1600px, 100%) !important;
  min-height: min(790px, calc(100svh - 146px)) !important;
  margin: 0 auto !important;
  padding: clamp(4.8rem, 10vh, 8rem) clamp(2.2rem, 6vw, 7rem) clamp(4.4rem, 8vh, 6.8rem) !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
}

.hero-showcase-copy,
body[data-page="inicio"] .hero-showcase-copy {
  position: relative !important;
  width: min(780px, 64vw) !important;
  max-width: 780px !important;
  padding: 0 0 0 clamp(1.2rem, 2vw, 2rem) !important;
  border: 0 !important;
  border-left: 7px solid var(--lt-poster-brass-hot) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.hero-showcase-copy::before,
body[data-page="inicio"] .hero-showcase-copy::before {
  display: none !important;
}

.hero-showcase-kicker,
body[data-page="inicio"] .hero-showcase-kicker {
  display: flex !important;
  width: auto !important;
  margin-bottom: clamp(0.9rem, 2vh, 1.5rem) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--lt-poster-brass-hot) !important;
  background: transparent !important;
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-size: clamp(0.9rem, 1.1vw, 1.18rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0.22em !important;
}

.hero-showcase-kicker::before {
  width: 2.6rem !important;
  height: 3px !important;
  border-radius: 0 !important;
  background: var(--lt-poster-brass-hot) !important;
  box-shadow: none !important;
}

.hero-showcase-title,
body[data-page="inicio"] .hero-showcase-title {
  gap: 0 !important;
  margin: 0 !important;
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-size: clamp(6.2rem, 10.6vw, 12.2rem) !important;
  font-weight: 400 !important;
  line-height: 0.72 !important;
  letter-spacing: -0.025em !important;
  text-transform: uppercase !important;
}

.hero-showcase-title-line {
  display: block !important;
  padding: 0 !important;
}

.hero-showcase-title-line-outline,
body[data-page="inicio"] .hero-showcase-title-line-outline {
  color: transparent !important;
  -webkit-text-stroke: 2px var(--lt-poster-paper) !important;
  text-shadow: 0 15px 50px rgba(0, 0, 0, 0.55) !important;
}

.hero-showcase-title-line-accent,
body[data-page="inicio"] .hero-showcase-title-line-accent {
  margin-left: clamp(0rem, 3vw, 3rem) !important;
  color: var(--lt-poster-brass-hot) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  text-shadow: 0 20px 60px rgba(0, 0, 0, 0.65) !important;
}

.hero-showcase-subtitle,
body[data-page="inicio"] .hero-showcase-subtitle {
  width: min(610px, 100%) !important;
  max-width: 610px !important;
  margin: clamp(1.4rem, 3vh, 2.1rem) 0 0 !important;
  color: #f3e6c7 !important;
  font-family: "Manrope", sans-serif !important;
  font-size: clamp(1rem, 1.18vw, 1.24rem) !important;
  font-weight: 650 !important;
  line-height: 1.55 !important;
}

.hero-showcase-actions {
  gap: 0.65rem;
  margin-top: clamp(1.5rem, 3.3vh, 2.3rem);
}

.hero-showcase-actions .button,
.button,
button.button {
  min-height: 50px;
  border-radius: 0 !important;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.98rem;
  font-weight: 400;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
}

.hero-showcase-actions .button-primary {
  padding-inline: 1.8rem;
  color: #130c02;
  border: 0;
  background: var(--lt-poster-brass-hot);
  box-shadow: 0 12px 34px rgba(217, 154, 24, 0.24);
}

.hero-showcase-actions .hero-showcase-booking {
  padding-inline: 1.8rem;
  color: var(--lt-poster-paper);
  border: 1px solid rgba(255, 235, 195, 0.55);
  background: rgba(5, 4, 3, 0.5);
}

.hero-showcase-actions .button:hover {
  transform: translateY(-3px) skewX(-2deg);
}

.hero-showcase-footer,
body[data-page="inicio"] .hero-showcase-footer {
  position: absolute !important;
  right: clamp(2.4rem, 6vw, 7rem) !important;
  bottom: clamp(4.5rem, 9vh, 7.2rem) !important;
  display: grid !important;
  width: min(300px, 24vw) !important;
  gap: 1rem !important;
  margin: 0 !important;
  justify-items: stretch !important;
}

.hero-showcase-song-card,
body[data-page="inicio"] .hero-showcase-song-card {
  display: grid !important;
  gap: 0.2rem !important;
  width: 100% !important;
  padding: 1.05rem 0 !important;
  border: 1px solid rgba(255, 196, 61, 0.48) !important;
  border-width: 1px 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.hero-showcase-song-title {
  color: var(--lt-poster-paper) !important;
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-size: clamp(1.55rem, 2.2vw, 2.35rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
}

.hero-showcase-song-note {
  color: var(--lt-poster-brass-hot) !important;
  font-size: 0.65rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}

.hero-showcase-meta {
  display: grid;
  gap: 0.45rem;
  color: #c9b991;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.hero-showcase-meta span {
  display: flex;
  gap: 0.55rem;
  align-items: center;
}

.hero-showcase-meta span::before {
  content: "✦";
  color: var(--lt-poster-brass-hot);
  font-size: 0.45rem;
}

.hero-showcase-meta span:not(:last-child)::after {
  display: none;
}

/* Home modules keep photographs large and hard-edged. */
body[data-page="inicio"] main > .section:not(.page-hero-home) {
  padding: clamp(4.8rem, 9vw, 8.5rem) clamp(1.2rem, 4vw, 4.6rem) !important;
}

.home-showcase-grid,
.home-release-grid {
  width: min(1600px, 100%);
  max-width: 1600px;
  gap: 3px;
  padding: 3px;
  background: rgba(255, 196, 61, 0.32);
}

.home-showcase-feature,
.home-showcase-card,
.home-release-cover,
.home-release-copy,
.content-card,
.event-card,
.music-card,
.blog-card,
.blog-story-highlight,
.blog-highlights-shell,
.blog-archive-stage-grid {
  border-radius: 0 !important;
}

.home-showcase-feature,
.home-showcase-card,
.home-release-cover {
  border: 0 !important;
  box-shadow: none !important;
}

.home-showcase-copy h3,
.home-showcase-card h3,
.home-release-cover h2,
.home-release-copy h2,
.section-heading h2,
.content-card h2,
.content-card h3 {
  font-family: "Bebas Neue", Impact, sans-serif;
  font-weight: 400;
  letter-spacing: 0.015em;
  text-transform: uppercase;
}

.home-showcase-copy h3 {
  font-size: clamp(3.1rem, 5.8vw, 6rem);
  line-height: 0.84;
}

.home-showcase-card h3 {
  font-size: clamp(1.8rem, 2.8vw, 3.2rem);
  line-height: 0.9;
}

.panel-kicker,
.section-kicker {
  color: var(--lt-poster-brass-hot) !important;
  font-family: "Bebas Neue", Impact, sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase;
}

.home-release-section {
  background:
    linear-gradient(105deg, rgba(142, 23, 18, 0.16), transparent 38%),
    #070503;
}

.home-release-copy,
.content-card {
  border-color: rgba(255, 196, 61, 0.28) !important;
  background: #0b0804 !important;
  box-shadow: none !important;
}

.home-release-copy {
  clip-path: polygon(0 0, calc(100% - 36px) 0, 100% 36px, 100% 100%, 0 100%);
}

.site-footer {
}

@media (max-width: 1180px) {
  .lt-stage-context {
    min-width: 230px;
  }

  .lt-stage-context > strong {
    display: none;
  }

  .hero-showcase-title,
  body[data-page="inicio"] .hero-showcase-title {
    font-size: clamp(5.5rem, 10.8vw, 9rem) !important;
  }

  .hero-showcase-footer,
  body[data-page="inicio"] .hero-showcase-footer {
    width: min(250px, 25vw) !important;
  }
}

@media (max-width: 980px) {
  .nav-shell,
  .site-header.is-scrolled .nav-shell {
    min-height: 78px;
    padding: 0 1rem;
  }

  .brand-center {
    width: 116px;
  }

  .site-nav-mobile {
    border-radius: 0 !important;
    background: #070503 !important;
  }

  .site-nav-mobile a {
    border-radius: 0 !important;
    font-family: "Bebas Neue", Impact, sans-serif;
    font-size: 1.35rem !important;
    letter-spacing: 0.08em !important;
  }

  .lt-stage-context {
    display: none;
  }

  .lt-stage-bar,
  .lt-band-ribbon {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .lt-stage-runner-track {
    animation-duration: 16s;
  }

  .hero-showcase-content,
  body[data-page="inicio"] .hero-showcase-content {
    padding-inline: 2.2rem !important;
  }

  .hero-showcase-copy,
  body[data-page="inicio"] .hero-showcase-copy {
    width: min(720px, 74vw) !important;
  }

  .hero-showcase-footer,
  body[data-page="inicio"] .hero-showcase-footer {
    display: none !important;
  }
}

@media (max-width: 680px) {
  .site-header {
    border-bottom-color: rgba(255, 196, 61, 0.34);
  }

  .nav-shell,
  .site-header.is-scrolled .nav-shell {
    min-height: 70px;
  }

  .brand-center {
    width: 104px;
  }

  .lt-stage-bar,
  .lt-band-ribbon {
    min-height: 48px;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .lt-stage-runner {
    display: none;
  }

  .lt-stage-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 96px;
    border-left: 0;
  }

  .lt-stage-now {
    min-width: 0;
    padding: 0.35rem 0.85rem;
    border-right: 1px solid rgba(255, 196, 61, 0.24);
  }

  .lt-stage-menu-button {
    min-width: 0;
    padding-inline: 0.75rem;
  }

  .lt-stage-menu {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    border-right: 0;
    border-left: 0;
  }

  .lt-stage-menu a {
    min-height: 86px;
    padding: 0.85rem;
  }

  .lt-stage-menu a strong {
    font-size: 1.2rem;
  }

  .page-hero-home .page-hero-grid.hero-showcase-stage,
  body[data-page="inicio"] .page-hero-home .page-hero-grid.hero-showcase-stage {
    min-height: calc(100svh - 118px) !important;
    clip-path: polygon(0 0, 100% 0, 100% 97%, 68% 100%, 0 100%);
  }

  .page-hero-home .hero-showcase-stage::before,
  body[data-page="inicio"] .page-hero-home .hero-showcase-stage::before {
    top: 1.7rem !important;
    right: -4.8rem !important;
    padding: 0.52rem 5.6rem !important;
    font-size: 0.64rem !important;
  }

  .page-hero-home .hero-showcase-stage::after,
  body[data-page="inicio"] .page-hero-home .hero-showcase-stage::after {
    inset: 0.65rem !important;
  }

  .hero-showcase-backdrop-frame-1,
  body[data-page="inicio"] .hero-showcase-backdrop-frame-1 {
    background-image: var(--lt-hero-poster-mobile) !important;
    background-position: center !important;
  }

  .hero-showcase-wash {
    background:
      linear-gradient(0deg, #050403 0%, rgba(5, 4, 3, 0.88) 32%, rgba(5, 4, 3, 0.18) 72%),
      linear-gradient(90deg, rgba(5, 4, 3, 0.82), rgba(5, 4, 3, 0.08)) !important;
  }

  .hero-showcase-content,
  body[data-page="inicio"] .hero-showcase-content {
    min-height: calc(100svh - 118px) !important;
    padding: 5.5rem 1.15rem 3.7rem !important;
    align-items: flex-end !important;
  }

  .hero-showcase-copy,
  body[data-page="inicio"] .hero-showcase-copy {
    width: 100% !important;
    max-width: none !important;
    padding-left: 1rem !important;
    border-left-width: 4px !important;
  }

  .hero-showcase-kicker,
  body[data-page="inicio"] .hero-showcase-kicker {
    font-size: 0.73rem !important;
  }

  .hero-showcase-title,
  body[data-page="inicio"] .hero-showcase-title {
    font-size: clamp(4.6rem, 24vw, 7.2rem) !important;
    line-height: 0.75 !important;
  }

  .hero-showcase-title-line-outline,
  body[data-page="inicio"] .hero-showcase-title-line-outline {
    -webkit-text-stroke-width: 1px !important;
  }

  .hero-showcase-title-line-accent,
  body[data-page="inicio"] .hero-showcase-title-line-accent {
    margin-left: 0 !important;
  }

  .hero-showcase-subtitle,
  body[data-page="inicio"] .hero-showcase-subtitle {
    margin-top: 1rem !important;
    font-size: 0.94rem !important;
  }

  .hero-showcase-actions {
    grid-template-columns: 1fr 1fr;
    gap: 0.35rem;
    margin-top: 1.2rem;
  }

  .hero-showcase-actions .button {
    width: 100%;
    min-height: 48px;
    padding-inline: 0.7rem;
    font-size: 0.78rem;
    letter-spacing: 0.09em;
  }

  body[data-page="inicio"] main > .section:not(.page-hero-home) {
    padding: 4.2rem 0.75rem !important;
  }

  .home-showcase-grid,
  .home-release-grid {
    gap: 2px;
    padding: 2px;
  }

  .home-showcase-copy h3 {
    font-size: clamp(3rem, 15vw, 4.8rem);
  }

  .home-showcase-card h3 {
    font-size: 2rem;
  }

  .site-footer {
    width: 100%;
    border-radius: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lt-stage-runner-track,
  .hero-showcase-backdrop-frame-1 {
    animation: none !important;
  }
}

/* React live hero carousel ------------------------------------------------ */
body[data-page="inicio"] .page-hero-home {
  padding: clamp(0.4rem, 1.1vw, 1rem) clamp(0.4rem, 1.25vw, 1.25rem) clamp(1.5rem, 4vw, 4rem) !important;
}

body[data-page="inicio"] .page-hero-home .page-hero-grid.hero-showcase-stage.lt-react-hero-mount {
  position: relative !important;
  display: block !important;
  width: min(100%, 1900px) !important;
  min-height: clamp(680px, calc(100svh - 112px), 980px) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 216, 124, 0.19) !important;
  border-radius: clamp(28px, 3vw, 52px) !important;
  background: #030303 !important;
  box-shadow: 0 42px 120px rgba(0, 0, 0, 0.72) !important;
  clip-path: none !important;
  isolation: isolate;
}

body[data-page="inicio"] .page-hero-home .hero-showcase-stage.lt-react-hero-mount::before,
body[data-page="inicio"] .page-hero-home .hero-showcase-stage.lt-react-hero-mount::after {
  display: none !important;
  content: none !important;
}

.lt-live-hero {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  min-height: inherit;
  overflow: hidden;
  color: #fff8ea;
  background: #030303;
}

.lt-live-hero::before {
  content: "";
  position: absolute;
  z-index: 5;
  inset: 12px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: clamp(20px, 2.3vw, 40px);
  pointer-events: none;
}

.lt-live-hero::after {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 0;
  opacity: 0.22;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 78px 78px;
  mask-image: linear-gradient(90deg, #000, transparent 66%);
}

.lt-live-hero-media,
.lt-live-hero-picture,
.lt-live-hero-picture img,
.lt-live-hero-shade,
.lt-live-hero-glow {
  position: absolute;
  inset: 0;
}

.lt-live-hero-media {
  z-index: 0;
  overflow: hidden;
  background: #060504;
}

.lt-live-hero-picture {
  display: block;
  opacity: 0;
  transform: scale(1.045);
  transition: opacity 900ms ease, transform 8s cubic-bezier(0.2, 0.66, 0.24, 1);
}

.lt-live-hero-picture.is-active {
  z-index: 1;
  opacity: 1;
  transform: scale(1);
}

.lt-live-hero-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(0.95) contrast(1.04);
}

.lt-live-hero-picture.is-vocalista img {
  object-position: center 46%;
}

.lt-live-hero-picture.is-publico img {
  object-position: center 52%;
}

.lt-live-hero-shade {
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(2, 2, 2, 0.96) 0%, rgba(2, 2, 2, 0.77) 30%, rgba(2, 2, 2, 0.2) 63%, rgba(2, 2, 2, 0.36) 100%),
    linear-gradient(0deg, rgba(2, 2, 2, 0.92) 0%, transparent 38%, rgba(2, 2, 2, 0.2) 74%, rgba(2, 2, 2, 0.58) 100%);
}

.lt-live-hero-glow {
  z-index: 3;
  pointer-events: none;
  opacity: 0.9;
  background:
    radial-gradient(circle at 68% 45%, rgba(177, 17, 39, 0.2), transparent 28%),
    radial-gradient(circle at 12% 78%, rgba(243, 183, 49, 0.16), transparent 25%);
  mix-blend-mode: screen;
}

.lt-live-hero-topline {
  position: absolute;
  z-index: 8;
  top: clamp(26px, 3vw, 48px);
  left: clamp(28px, 4vw, 72px);
  right: clamp(28px, 4vw, 72px);
  display: flex;
  align-items: center;
  gap: clamp(0.8rem, 2vw, 2rem);
  color: rgba(255, 248, 234, 0.72);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.lt-live-hero-topline span {
  display: inline-flex;
  align-items: center;
  gap: 0.52rem;
}

.lt-live-hero-topline span + span::before {
  content: "";
  width: 24px;
  height: 1px;
  margin-right: clamp(0rem, 1vw, 0.6rem);
  background: rgba(255, 255, 255, 0.22);
}

.lt-live-hero-topline i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f4bc3d;
  box-shadow: 0 0 0 6px rgba(244, 188, 61, 0.13), 0 0 20px rgba(244, 188, 61, 0.7);
  animation: lt-live-signal 1.8s ease-in-out infinite;
}

.lt-live-hero-layout {
  position: relative;
  z-index: 7;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 330px);
  align-items: end;
  gap: clamp(2rem, 6vw, 7rem);
  width: 100%;
  min-height: inherit;
  padding: clamp(112px, 13vh, 156px) clamp(36px, 6.2vw, 112px) clamp(112px, 14vh, 156px);
}

.lt-live-hero-copy {
  width: min(820px, 100%);
  animation: lt-live-copy-in 680ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.lt-live-hero-eyebrow {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin: 0 0 clamp(1rem, 2vw, 1.8rem);
  color: #f3c760;
  font-size: clamp(0.68rem, 0.85vw, 0.82rem);
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.lt-live-hero-eyebrow span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(244, 193, 75, 0.44);
  border-radius: 50%;
  color: #fff4d6;
  font-size: 0.62rem;
  background: rgba(8, 7, 5, 0.48);
  backdrop-filter: blur(14px);
}

.lt-live-hero-copy h1 {
  display: grid;
  gap: 0.05em;
  max-width: 900px;
  margin: 0;
  color: #fff9ec;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(5rem, 8.4vw, 9.6rem);
  font-weight: 400;
  line-height: 0.76;
  letter-spacing: -0.035em;
  text-wrap: balance;
  text-transform: uppercase;
  text-shadow: 0 12px 48px rgba(0, 0, 0, 0.55);
}

.lt-live-hero-copy h1 span,
.lt-live-hero-copy h1 strong {
  display: block;
}

.lt-live-hero-copy h1 strong {
  color: transparent;
  font-weight: inherit;
  -webkit-text-stroke: 1.5px rgba(255, 213, 115, 0.92);
  text-shadow: none;
}

.lt-live-hero-description {
  max-width: 650px;
  margin: clamp(1.35rem, 2.2vw, 2rem) 0 0;
  color: rgba(255, 248, 234, 0.78);
  font-size: clamp(0.96rem, 1.18vw, 1.16rem);
  font-weight: 500;
  line-height: 1.72;
  text-wrap: pretty;
}

.lt-live-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: clamp(1.5rem, 3vw, 2.6rem);
}

.lt-live-hero-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  min-height: 54px;
  padding: 0 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  color: #fff9ec;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.075em;
  text-decoration: none;
  text-transform: uppercase;
  backdrop-filter: blur(16px);
  transition: color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.lt-live-hero-button svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.lt-live-hero-button.is-primary {
  border-color: #f1bc43;
  color: #171105;
  background: linear-gradient(135deg, #ffe092, #e8a91d);
  box-shadow: 0 16px 44px rgba(224, 157, 12, 0.24);
}

.lt-live-hero-button.is-secondary {
  background: rgba(9, 8, 6, 0.42);
}

.lt-live-hero-button:hover,
.lt-live-hero-button:focus-visible {
  transform: translateY(-2px);
}

.lt-live-hero-button.is-secondary:hover,
.lt-live-hero-button.is-secondary:focus-visible {
  border-color: rgba(255, 215, 120, 0.55);
  background: rgba(255, 255, 255, 0.1);
}

.lt-live-hero-rail {
  align-self: center;
  display: grid;
  gap: 0.5rem;
  width: 100%;
  padding: 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 25px;
  background: rgba(5, 5, 4, 0.36);
  box-shadow: 0 24px 65px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(22px) saturate(115%);
}

.lt-live-hero-rail button {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 0 0.65rem;
  align-items: center;
  min-height: 58px;
  padding: 0.62rem 0.8rem;
  border: 0;
  border-radius: 18px;
  color: rgba(255, 248, 234, 0.56);
  text-align: left;
  background: transparent;
  cursor: pointer;
  transition: color 180ms ease, background 180ms ease;
}

.lt-live-hero-rail button:hover,
.lt-live-hero-rail button:focus-visible,
.lt-live-hero-rail button.is-active {
  color: #fff7e5;
  background: rgba(255, 255, 255, 0.075);
}

.lt-live-hero-rail button > span {
  grid-row: 1 / 3;
  color: #f1bd48;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.lt-live-hero-rail button strong {
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.lt-live-hero-rail button i {
  grid-column: 2;
  position: relative;
  display: block;
  height: 2px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.13);
}

.lt-live-hero-rail button i b {
  position: absolute;
  inset: 0;
  display: block;
  background: linear-gradient(90deg, #e6a71b, #ffe39d);
  transform: scaleX(0);
  transform-origin: left;
}

.lt-live-hero-rail button.is-active i b {
  animation: lt-live-progress 6.5s linear both;
}

.lt-live-hero.is-paused .lt-live-hero-rail button.is-active i b {
  animation-play-state: paused;
}

.lt-live-hero-controls {
  position: absolute;
  z-index: 9;
  right: clamp(28px, 4vw, 72px);
  bottom: clamp(25px, 3vw, 48px);
  left: clamp(28px, 4vw, 72px);
  display: flex;
  align-items: center;
  gap: 1rem;
  pointer-events: none;
}

.lt-live-hero-controls button {
  pointer-events: auto;
}

.lt-live-hero-arrows {
  display: flex;
  gap: 0.45rem;
}

.lt-live-hero-arrows button,
.lt-live-hero-pause {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  color: #fff8e9;
  background: rgba(5, 5, 4, 0.38);
  backdrop-filter: blur(15px);
  cursor: pointer;
  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.lt-live-hero-arrows button:hover,
.lt-live-hero-arrows button:focus-visible,
.lt-live-hero-pause:hover,
.lt-live-hero-pause:focus-visible {
  border-color: rgba(255, 211, 108, 0.62);
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

.lt-live-hero-arrows svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.lt-live-hero-controls > p {
  display: flex;
  align-items: baseline;
  gap: 0.3rem;
  margin: 0;
  color: rgba(255, 248, 234, 0.48);
  font-size: 0.7rem;
  letter-spacing: 0.08em;
}

.lt-live-hero-controls > p strong {
  color: #fff8e9;
  font-size: 1.08rem;
}

.lt-live-hero-pause {
  width: auto;
  margin-left: auto;
  padding: 0 0.9rem;
  border-radius: 999px;
  gap: 0.5rem;
  font: inherit;
  font-size: 0.63rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.lt-live-hero-pause span {
  color: #f2bf4b;
  font-size: 0.66rem;
}

.lt-live-hero-wordmark {
  position: absolute;
  z-index: 3;
  right: clamp(-1rem, 1vw, 1rem);
  bottom: clamp(2rem, 8vh, 6rem);
  color: transparent;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(15rem, 28vw, 36rem);
  line-height: 0.6;
  letter-spacing: -0.08em;
  -webkit-text-stroke: 1px rgba(255, 218, 130, 0.095);
  pointer-events: none;
  transform: rotate(-7deg);
}

@keyframes lt-live-copy-in {
  from { opacity: 0; transform: translateY(28px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes lt-live-progress {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@keyframes lt-live-signal {
  50% { opacity: 0.48; transform: scale(0.82); }
}

@media (max-width: 980px) {
  body[data-page="inicio"] .page-hero-home .page-hero-grid.hero-showcase-stage.lt-react-hero-mount {
    min-height: max(720px, calc(100svh - 108px)) !important;
  }

  .lt-live-hero-layout {
    grid-template-columns: 1fr;
    align-content: end;
    gap: 1.5rem;
    padding: 105px clamp(28px, 5vw, 54px) 118px;
  }

  .lt-live-hero-copy {
    width: min(760px, 100%);
  }

  .lt-live-hero-copy h1 {
    font-size: clamp(4.7rem, 12vw, 8.2rem);
  }

  .lt-live-hero-rail {
    display: flex;
    width: fit-content;
    max-width: 100%;
    padding: 0.35rem;
    border-radius: 999px;
  }

  .lt-live-hero-rail button {
    display: flex;
    min-width: 48px;
    min-height: 42px;
    padding: 0 0.8rem;
    border-radius: 999px;
  }

  .lt-live-hero-rail button > span {
    grid-row: auto;
  }

  .lt-live-hero-rail button strong,
  .lt-live-hero-rail button i {
    display: none;
  }
}

@media (max-width: 680px) {
  body[data-page="inicio"] .page-hero-home {
    padding: 0.35rem 0.35rem 2.2rem !important;
  }

  body[data-page="inicio"] .page-hero-home .page-hero-grid.hero-showcase-stage.lt-react-hero-mount {
    min-height: max(690px, calc(100svh - 94px)) !important;
    border-radius: 27px !important;
  }

  .lt-live-hero::before {
    inset: 7px;
    border-radius: 20px;
  }

  .lt-live-hero-picture img {
    object-position: center 46%;
  }

  .lt-live-hero-picture.is-arena img {
    object-position: 56% center;
  }

  .lt-live-hero-picture.is-vocalista img {
    object-position: 52% center;
  }

  .lt-live-hero-picture.is-publico img {
    object-position: 54% center;
  }

  .lt-live-hero-shade {
    background:
      linear-gradient(0deg, rgba(2, 2, 2, 0.98) 0%, rgba(2, 2, 2, 0.84) 34%, rgba(2, 2, 2, 0.16) 68%, rgba(2, 2, 2, 0.48) 100%),
      linear-gradient(90deg, rgba(2, 2, 2, 0.52), transparent 75%);
  }

  .lt-live-hero-topline {
    top: 25px;
    right: 22px;
    left: 22px;
    justify-content: space-between;
    font-size: 0.59rem;
    letter-spacing: 0.11em;
  }

  .lt-live-hero-topline span + span::before,
  .lt-live-hero-topline span:last-child {
    display: none;
  }

  .lt-live-hero-layout {
    gap: 1rem;
    padding: 90px 22px 108px;
  }

  .lt-live-hero-copy h1 {
    font-size: clamp(4.1rem, 19vw, 6.8rem);
    line-height: 0.78;
  }

  .lt-live-hero-copy h1 strong {
    -webkit-text-stroke-width: 1px;
  }

  .lt-live-hero-eyebrow {
    gap: 0.6rem;
    margin-bottom: 1rem;
    font-size: 0.63rem;
    letter-spacing: 0.11em;
  }

  .lt-live-hero-eyebrow span {
    width: 31px;
    height: 31px;
  }

  .lt-live-hero-description {
    max-width: 37rem;
    margin-top: 1rem;
    font-size: 0.9rem;
    line-height: 1.55;
  }

  .lt-live-hero-actions {
    display: grid;
    grid-template-columns: 1.25fr 0.9fr;
    gap: 0.45rem;
    margin-top: 1.25rem;
  }

  .lt-live-hero-button {
    min-width: 0;
    min-height: 48px;
    padding: 0 0.75rem;
    font-size: 0.64rem;
    letter-spacing: 0.05em;
    white-space: nowrap;
  }

  .lt-live-hero-button svg {
    width: 15px;
    height: 15px;
  }

  .lt-live-hero-rail {
    gap: 0.15rem;
  }

  .lt-live-hero-rail button {
    min-width: 42px;
    min-height: 38px;
    padding-inline: 0.66rem;
  }

  .lt-live-hero-controls {
    right: 22px;
    bottom: 24px;
    left: 22px;
    gap: 0.55rem;
  }

  .lt-live-hero-arrows button {
    min-width: 40px;
    min-height: 40px;
  }

  .lt-live-hero-pause {
    min-width: 40px;
    min-height: 40px;
    padding-inline: 0.7rem;
  }

  .lt-live-hero-pause:not(:focus-visible) {
    font-size: 0;
  }

  .lt-live-hero-pause span {
    font-size: 0.66rem;
  }

  .lt-live-hero-wordmark {
    right: -3rem;
    bottom: 16rem;
    font-size: 18rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lt-live-hero-picture,
  .lt-live-hero-copy,
  .lt-live-hero-rail button.is-active i b,
  .lt-live-hero-topline i {
    animation: none !important;
    transition: none !important;
  }
}

/* Home backstage editorial showcase ------------------------------------- */
body[data-page="inicio"] .home-showcase-section {
  position: relative;
  isolation: isolate;
  overflow: clip;
  scroll-margin-top: 9rem;
  background:
    radial-gradient(circle at 8% 22%, rgba(181, 28, 26, 0.2), transparent 29rem),
    radial-gradient(circle at 91% 76%, rgba(255, 189, 46, 0.11), transparent 34rem),
    linear-gradient(180deg, #050403 0%, #0a0704 54%, #050403 100%);
}

body[data-page="inicio"] .home-showcase-section::before {
  content: "BACKSTAGE";
  position: absolute;
  z-index: -1;
  top: clamp(5rem, 8vw, 8rem);
  right: -0.04em;
  color: transparent;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(8rem, 17vw, 22rem);
  line-height: 0.75;
  letter-spacing: 0.015em;
  opacity: 0.12;
  pointer-events: none;
  -webkit-text-stroke: 1px rgba(255, 216, 124, 0.7);
}

.home-showcase-shell {
  position: relative;
  z-index: 1;
  width: min(1600px, 100%);
  margin: 0 auto;
}

.home-showcase-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.58fr) auto;
  gap: clamp(1.3rem, 3vw, 4rem);
  align-items: end;
  margin-bottom: clamp(2rem, 4vw, 3.8rem);
  padding-top: clamp(1.2rem, 2vw, 2rem);
  border-top: 1px solid rgba(255, 206, 92, 0.3);
}

.home-showcase-heading-title {
  display: grid;
  gap: 0.85rem;
}

.home-showcase-heading h2 {
  max-width: 11ch;
  margin: 0;
  color: #fff8e9;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(3.5rem, 6.4vw, 7rem);
  font-weight: 400;
  line-height: 0.82;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  text-wrap: balance;
}

.home-showcase-heading h2 em,
.home-showcase-feature h3 em,
.home-showcase-card h3 em {
  color: var(--lt-poster-brass-hot);
  font-style: normal;
}

.home-showcase-heading-copy {
  max-width: 29rem;
  margin: 0;
  color: rgba(255, 248, 233, 0.68);
  font-size: clamp(0.95rem, 1.2vw, 1.08rem);
  line-height: 1.7;
}

.home-showcase-heading-count {
  display: inline-flex;
  gap: 0.45rem;
  align-items: baseline;
  justify-self: end;
  color: rgba(255, 248, 233, 0.5);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(1.6rem, 2.4vw, 2.3rem);
  line-height: 1;
  letter-spacing: 0.08em;
  white-space: nowrap;
}

.home-showcase-heading-count b {
  color: var(--lt-poster-brass-hot);
  font-size: 1.7em;
  font-weight: 400;
}

body[data-page="inicio"] .home-showcase-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(430px, 0.82fr);
  gap: 12px;
  width: 100%;
  max-width: none;
  min-height: clamp(690px, 72vw, 820px);
  padding: 0;
  background: transparent;
}

body[data-page="inicio"] .home-showcase-feature,
body[data-page="inicio"] .home-showcase-card {
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(255, 215, 123, 0.16) !important;
  border-radius: 30px !important;
  background-color: #0a0805;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.35) !important;
}

body[data-page="inicio"] .home-showcase-feature {
  min-height: 100%;
  padding: clamp(1.7rem, 3vw, 3.3rem);
}

.home-showcase-feature::before,
.home-showcase-card::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    radial-gradient(circle at var(--lt-glow-x, 75%) var(--lt-glow-y, 20%), rgba(255, 196, 61, 0.2), transparent 26%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.018) 0 1px, transparent 1px 5px);
  opacity: 0.72;
  pointer-events: none;
  transition: opacity 300ms ease;
}

body[data-page="inicio"] .home-showcase-feature::after,
body[data-page="inicio"] .home-showcase-card::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  border: 0;
  border-radius: inherit;
  background:
    linear-gradient(180deg, rgba(3, 3, 2, 0.14) 0%, rgba(3, 3, 2, 0.04) 34%, rgba(3, 3, 2, 0.93) 100%),
    linear-gradient(90deg, rgba(3, 3, 2, 0.6), transparent 64%);
  pointer-events: none;
}

.home-showcase-image {
  transform: scale(1.025);
  filter: saturate(1.08) contrast(1.06);
  transition: transform 800ms cubic-bezier(0.2, 0.75, 0.2, 1), filter 500ms ease;
}

.home-showcase-live {
  background-position: center 48%;
}

.home-showcase-feature:hover .home-showcase-image,
.home-showcase-feature:focus-visible .home-showcase-image {
  transform: scale(1.075);
  filter: saturate(1.18) contrast(1.08);
}

.home-showcase-copy,
.home-showcase-card-copy {
  position: relative;
  z-index: 2;
  transform: translateZ(28px);
}

.home-showcase-copy {
  display: grid;
  gap: 0;
  max-width: 42rem;
}

body[data-page="inicio"] .home-showcase-copy h3 {
  max-width: 8.5ch;
  margin: 0.55rem 0 1rem;
  font-size: clamp(4.25rem, 7vw, 8.2rem);
  line-height: 0.77;
  letter-spacing: 0.005em;
  text-shadow: 0 18px 48px rgba(0, 0, 0, 0.78);
  text-wrap: balance;
}

body[data-page="inicio"] .home-showcase-copy > p:last-of-type {
  max-width: 36rem;
  margin: 0;
  color: rgba(255, 248, 233, 0.76);
  font-size: clamp(0.96rem, 1.25vw, 1.08rem);
  line-height: 1.65;
}

.home-showcase-index {
  position: absolute;
  z-index: 3;
  top: clamp(1.25rem, 2vw, 2rem);
  left: clamp(1.25rem, 2vw, 2rem);
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0.35rem 0.7rem;
  border: 1px solid rgba(255, 224, 151, 0.2);
  border-radius: 999px;
  color: rgba(255, 248, 233, 0.82);
  background: rgba(5, 4, 3, 0.45);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.74rem;
  letter-spacing: 0.16em;
  backdrop-filter: blur(10px);
}

.home-showcase-arrow {
  position: absolute;
  z-index: 3;
  top: clamp(1.1rem, 1.8vw, 1.7rem);
  right: clamp(1.1rem, 1.8vw, 1.7rem);
  display: grid;
  width: clamp(46px, 4vw, 58px);
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgba(255, 222, 145, 0.3);
  border-radius: 50%;
  color: #fff7e5;
  background: rgba(4, 3, 2, 0.46);
  backdrop-filter: blur(12px);
  transition: color 240ms ease, background 240ms ease, border-color 240ms ease, transform 240ms ease;
}

.home-showcase-arrow svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.home-showcase-feature:hover .home-showcase-arrow,
.home-showcase-feature:focus-visible .home-showcase-arrow,
.home-showcase-card:hover .home-showcase-arrow,
.home-showcase-card:focus-visible .home-showcase-arrow {
  border-color: var(--lt-poster-brass-hot);
  color: #171005;
  background: var(--lt-poster-brass-hot);
  transform: rotate(8deg) scale(1.05);
}

.home-showcase-cta {
  display: inline-flex;
  gap: 0.7rem;
  align-items: center;
  width: fit-content;
  margin-top: 1.35rem;
  color: #fff4d9;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.9rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.home-showcase-cta i {
  display: block;
  width: 32px;
  height: 1px;
  background: var(--lt-poster-brass-hot);
  transition: width 240ms ease;
}

.home-showcase-feature:hover .home-showcase-cta i,
.home-showcase-card:hover .home-showcase-cta i {
  width: 48px;
}

body[data-page="inicio"] .home-showcase-stack {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: 12px;
}

body[data-page="inicio"] .home-showcase-card {
  min-height: 0;
  padding: clamp(1.35rem, 2.3vw, 2.25rem);
}

body[data-page="inicio"] .home-showcase-gallery {
  grid-column: 1 / -1;
  background-position: center 22%;
}

body[data-page="inicio"] .home-showcase-story {
  background-position: center;
}

body[data-page="inicio"] .home-showcase-band {
  background-position: center 28%;
}

.home-showcase-card-copy {
  width: 100%;
}

body[data-page="inicio"] .home-showcase-card h3 {
  max-width: 10ch;
  margin: 0.4rem 0 0;
  font-size: clamp(2.45rem, 3.4vw, 4.25rem);
  line-height: 0.84;
  text-shadow: 0 12px 34px rgba(0, 0, 0, 0.82);
  text-wrap: balance;
}

body[data-page="inicio"] .home-showcase-gallery h3 {
  max-width: 13ch;
}

body[data-page="inicio"] .home-showcase-card .home-showcase-cta {
  margin-top: 0.95rem;
  font-size: 0.78rem;
}

body[data-page="inicio"] .home-showcase-feature:hover,
body[data-page="inicio"] .home-showcase-card:hover {
  border-color: rgba(255, 196, 61, 0.5) !important;
  box-shadow: 0 36px 90px rgba(0, 0, 0, 0.48), 0 0 42px rgba(255, 196, 61, 0.07) !important;
}

body[data-page="inicio"] .home-showcase-feature:focus-visible,
body[data-page="inicio"] .home-showcase-card:focus-visible {
  outline: 2px solid var(--lt-poster-brass-hot);
  outline-offset: 4px;
}

@media (max-width: 1180px) {
  .home-showcase-heading {
    grid-template-columns: minmax(0, 1fr) minmax(240px, 0.62fr);
  }

  .home-showcase-heading-count {
    display: none;
  }

  body[data-page="inicio"] .home-showcase-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
    min-height: 690px;
  }

  body[data-page="inicio"] .home-showcase-stack {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  body[data-page="inicio"] .home-showcase-gallery {
    grid-column: auto;
  }

  body[data-page="inicio"] .home-showcase-card h3 {
    max-width: 14ch;
    font-size: clamp(2rem, 3.2vw, 3.25rem);
  }

  body[data-page="inicio"] .home-showcase-card .home-showcase-cta {
    display: none;
  }
}

@media (max-width: 900px) {
  .home-showcase-heading {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .home-showcase-heading h2 {
    max-width: 12ch;
  }

  body[data-page="inicio"] .home-showcase-grid {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  body[data-page="inicio"] .home-showcase-feature {
    min-height: 650px;
  }

  body[data-page="inicio"] .home-showcase-stack {
    grid-template-columns: repeat(3, minmax(310px, 1fr));
    grid-template-rows: 1fr;
    gap: 10px;
    overflow-x: auto;
    padding: 3px 3px 0;
    scroll-padding-inline: 3px;
    scroll-snap-type: x mandatory;
    scrollbar-color: rgba(255, 196, 61, 0.5) rgba(255, 255, 255, 0.06);
    scrollbar-width: thin;
  }

  body[data-page="inicio"] .home-showcase-card {
    min-height: 330px;
    scroll-snap-align: start;
  }

  body[data-page="inicio"] .home-showcase-card h3 {
    font-size: 3rem;
  }

  body[data-page="inicio"] .home-showcase-card .home-showcase-cta {
    display: inline-flex;
  }
}

@media (max-width: 680px) {
  body[data-page="inicio"] .home-showcase-section::before {
    top: 8rem;
    right: -0.18em;
    font-size: 8rem;
  }

  .home-showcase-heading {
    margin-bottom: 1.65rem;
    padding-top: 1rem;
  }

  .home-showcase-heading h2 {
    font-size: clamp(3.15rem, 15vw, 5.2rem);
    line-height: 0.84;
  }

  .home-showcase-heading-copy {
    max-width: 35rem;
    font-size: 0.92rem;
  }

  body[data-page="inicio"] .home-showcase-feature,
  body[data-page="inicio"] .home-showcase-card {
    border-radius: 24px !important;
  }

  body[data-page="inicio"] .home-showcase-feature {
    min-height: 560px;
    padding: 1.25rem;
  }

  body[data-page="inicio"] .home-showcase-feature::after,
  body[data-page="inicio"] .home-showcase-card::after {
    background:
      linear-gradient(180deg, rgba(3, 3, 2, 0.18) 0%, rgba(3, 3, 2, 0.06) 30%, rgba(3, 3, 2, 0.96) 100%),
      linear-gradient(90deg, rgba(3, 3, 2, 0.4), transparent 72%);
  }

  body[data-page="inicio"] .home-showcase-copy h3 {
    max-width: 8ch;
    margin-bottom: 0.85rem;
    font-size: clamp(3.55rem, 17.2vw, 5.45rem);
    line-height: 0.78;
  }

  body[data-page="inicio"] .home-showcase-copy > p:last-of-type {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.88rem;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .home-showcase-index {
    top: 1rem;
    left: 1rem;
  }

  .home-showcase-arrow {
    top: 0.9rem;
    right: 0.9rem;
    width: 44px;
  }

  body[data-page="inicio"] .home-showcase-stack {
    grid-template-columns: repeat(3, minmax(78vw, 1fr));
  }

  body[data-page="inicio"] .home-showcase-card {
    min-height: 320px;
    padding: 1.25rem;
  }

  body[data-page="inicio"] .home-showcase-card h3 {
    max-width: 10ch;
    font-size: clamp(2.65rem, 12vw, 3.5rem);
  }

  .home-showcase-cta {
    margin-top: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-showcase-image,
  .home-showcase-arrow,
  .home-showcase-cta i {
    transition: none !important;
  }
}

/* Home featured release ------------------------------------------------- */
body[data-page="inicio"] .home-release-section {
  position: relative;
  isolation: isolate;
  overflow: clip;
  scroll-margin-top: 9rem;
  background:
    radial-gradient(circle at 82% 16%, rgba(255, 190, 42, 0.13), transparent 27rem),
    radial-gradient(circle at 12% 74%, rgba(151, 16, 18, 0.26), transparent 36rem),
    linear-gradient(180deg, #050403 0%, #090604 48%, #050403 100%);
}

body[data-page="inicio"] .home-release-section::before {
  content: "EN REPEAT";
  position: absolute;
  z-index: -1;
  right: -0.03em;
  bottom: 0.03em;
  color: transparent;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(9rem, 19vw, 24rem);
  line-height: 0.7;
  letter-spacing: 0.01em;
  opacity: 0.1;
  pointer-events: none;
  -webkit-text-stroke: 1px rgba(255, 214, 116, 0.72);
}

.home-release-shell {
  position: relative;
  z-index: 1;
  width: min(1600px, 100%);
  margin: 0 auto;
}

.home-release-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.62fr) auto;
  gap: clamp(1.5rem, 3vw, 4.2rem);
  align-items: end;
  margin-bottom: clamp(2rem, 4vw, 3.7rem);
  padding-top: clamp(1.15rem, 2vw, 2rem);
  border-top: 1px solid rgba(255, 204, 83, 0.28);
}

.home-release-heading > div {
  display: grid;
  gap: 0.85rem;
}

.home-release-heading h2 {
  max-width: 9ch;
  margin: 0;
  color: #fff7e7;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(3.7rem, 6.8vw, 7.5rem);
  font-weight: 400;
  line-height: 0.8;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  text-wrap: balance;
}

.home-release-heading h2 em {
  color: var(--lt-poster-brass-hot);
  font-style: normal;
}

.home-release-heading > p {
  max-width: 29rem;
  margin: 0;
  color: rgba(255, 247, 231, 0.65);
  font-size: clamp(0.95rem, 1.15vw, 1.08rem);
  line-height: 1.72;
}

.home-release-heading > span {
  color: transparent;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(2.5rem, 4vw, 4.4rem);
  line-height: 0.72;
  letter-spacing: 0.08em;
  opacity: 0.45;
  text-align: right;
  -webkit-text-stroke: 1px rgba(255, 202, 77, 0.76);
}

body[data-page="inicio"] .home-release-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(520px, 1.08fr);
  gap: 18px;
  width: 100%;
  max-width: none;
  min-height: clamp(720px, 68vw, 820px);
  padding: 0;
  background: transparent;
}

body[data-page="inicio"] .home-release-cover,
body[data-page="inicio"] .home-release-copy {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-width: 0;
  border: 1px solid rgba(255, 215, 123, 0.18) !important;
  border-radius: 38px !important;
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.44) !important;
  clip-path: none;
}

body[data-page="inicio"] .home-release-cover {
  min-height: 100%;
  background: #080603;
}

body[data-page="inicio"] .home-release-cover::before {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 13px;
  border: 1px solid rgba(255, 227, 162, 0.16);
  border-radius: 28px;
  pointer-events: none;
}

body[data-page="inicio"] .home-release-cover::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(3, 2, 1, 0.06) 0%, rgba(3, 2, 1, 0.08) 38%, rgba(3, 2, 1, 0.92) 100%),
    radial-gradient(circle at 62% 36%, rgba(255, 193, 47, 0.13), transparent 31%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.014) 0 1px, transparent 1px 5px);
}

body[data-page="inicio"] .home-release-cover img {
  z-index: 0;
  transform: scale(1.015);
  filter: saturate(1.08) contrast(1.04);
  transition: transform 900ms cubic-bezier(0.2, 0.75, 0.2, 1), filter 500ms ease;
}

body[data-page="inicio"] .home-release-cover:hover img {
  transform: scale(1.07);
  filter: saturate(1.17) contrast(1.07);
}

.home-release-cover-index {
  position: absolute;
  z-index: 4;
  top: clamp(1.5rem, 2.5vw, 2.4rem);
  left: clamp(1.5rem, 2.5vw, 2.4rem);
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0.4rem 0.75rem;
  border: 1px solid rgba(255, 225, 154, 0.22);
  border-radius: 999px;
  color: rgba(255, 248, 233, 0.86);
  background: rgba(4, 3, 2, 0.46);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
}

.home-release-cover-play {
  position: absolute;
  z-index: 4;
  top: clamp(1.35rem, 2.3vw, 2.2rem);
  right: clamp(1.35rem, 2.3vw, 2.2rem);
  display: grid;
  width: clamp(58px, 5vw, 78px);
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgba(255, 213, 111, 0.52);
  border-radius: 50%;
  color: #171005;
  background: var(--lt-poster-brass-hot);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.4), 0 0 0 10px rgba(255, 196, 61, 0.08);
  transition: transform 240ms ease, box-shadow 240ms ease, background 240ms ease;
}

.home-release-cover-play svg,
.home-release-primary svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.home-release-cover-play:hover,
.home-release-cover-play:focus-visible {
  color: #fff8e9;
  background: #a81218;
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.52), 0 0 0 13px rgba(168, 18, 24, 0.18);
  outline: none;
  transform: scale(1.08);
}

body[data-page="inicio"] .home-release-cover-copy {
  z-index: 4;
  right: clamp(1.6rem, 3.2vw, 3rem);
  bottom: clamp(1.6rem, 3.2vw, 3rem);
  left: clamp(1.6rem, 3.2vw, 3rem);
  max-width: 35rem;
  transform: translateZ(24px);
}

body[data-page="inicio"] .home-release-cover-copy h2 {
  max-width: 10ch;
  margin-top: 0.55rem;
  color: #fff8e9;
  font-size: clamp(3.4rem, 5.8vw, 6.6rem);
  line-height: 0.82;
  letter-spacing: 0.01em;
  text-shadow: 0 18px 46px rgba(0, 0, 0, 0.8);
  text-wrap: balance;
}

body[data-page="inicio"] .home-release-cover-copy p:last-child {
  max-width: 31rem;
  margin-top: 1rem;
  color: rgba(255, 248, 233, 0.76);
  font-size: clamp(0.9rem, 1.1vw, 1.02rem);
  line-height: 1.6;
}

body[data-page="inicio"] .home-release-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2rem, 4vw, 4.25rem);
  background:
    radial-gradient(circle at 82% 8%, rgba(255, 193, 45, 0.12), transparent 20rem),
    linear-gradient(145deg, rgba(17, 12, 6, 0.99), rgba(6, 5, 3, 0.99)) !important;
}

body[data-page="inicio"] .home-release-copy::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -11rem;
  right: -11rem;
  width: 30rem;
  aspect-ratio: 1;
  border: 1px solid rgba(255, 205, 86, 0.16);
  border-radius: 50%;
  opacity: 0.34;
  background:
    radial-gradient(circle at center, #d39718 0 4%, #080603 4.4% 8%, transparent 8.4%),
    repeating-radial-gradient(circle at center, rgba(255, 224, 151, 0.2) 0 1px, #090705 2px 9px);
  box-shadow: 0 0 80px rgba(255, 190, 42, 0.08);
  pointer-events: none;
}

body[data-page="inicio"] .home-release-copy::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.012) 0 1px, transparent 1px 5px);
  pointer-events: none;
}

body[data-page="inicio"] .home-release-copy > * {
  position: relative;
  z-index: 1;
}

.home-release-copy-head {
  display: flex;
  gap: 1.2rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: clamp(1.6rem, 3vw, 2.7rem);
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 211, 107, 0.15);
}

.home-release-live-status {
  display: inline-flex;
  gap: 0.65rem;
  align-items: center;
  color: rgba(255, 248, 233, 0.72);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.78rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.home-release-live-status i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #f23b42;
  box-shadow: 0 0 0 6px rgba(242, 59, 66, 0.1), 0 0 16px rgba(242, 59, 66, 0.55);
}

.home-release-equalizer {
  display: flex;
  gap: 4px;
  align-items: center;
  height: 26px;
}

.home-release-equalizer i {
  width: 3px;
  height: 28%;
  border-radius: 999px;
  background: linear-gradient(180deg, #fff0bd, var(--lt-poster-brass-hot));
  transform-origin: center;
  animation: home-release-eq 980ms ease-in-out infinite alternate;
}

.home-release-equalizer i:nth-child(2n) { animation-delay: -620ms; }
.home-release-equalizer i:nth-child(3n) { animation-delay: -340ms; }
.home-release-equalizer i:nth-child(4n) { animation-delay: -780ms; }

@keyframes home-release-eq {
  0% { height: 24%; opacity: 0.48; }
  45% { height: 95%; opacity: 1; }
  100% { height: 48%; opacity: 0.72; }
}

body[data-page="inicio"] .home-release-copy > .section-kicker {
  margin-bottom: 0.65rem;
}

body[data-page="inicio"] .home-release-copy h2 {
  display: grid;
  max-width: 11ch;
  margin: 0;
  line-height: 0.78;
}

body[data-page="inicio"] .home-release-copy h2 span {
  margin-bottom: 0.28em;
  color: rgba(255, 248, 233, 0.96);
  font-size: clamp(2.2rem, 3.5vw, 3.7rem);
}

body[data-page="inicio"] .home-release-copy h2 em {
  color: var(--lt-poster-brass-hot);
  font-size: clamp(4rem, 6.2vw, 7rem);
  font-style: normal;
  line-height: 0.82;
  text-wrap: balance;
}

body[data-page="inicio"] .home-release-copy > p:not(.section-kicker) {
  max-width: 43rem;
  margin: 1.3rem 0 0;
  color: rgba(255, 248, 233, 0.68);
  font-size: clamp(0.95rem, 1.14vw, 1.05rem);
  line-height: 1.68;
}

.home-release-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  margin-top: clamp(1.5rem, 2.6vw, 2.2rem);
}

body[data-page="inicio"] .home-release-primary {
  display: inline-flex;
  gap: 0.7rem;
  min-height: 56px;
  padding-inline: 1.35rem 1.55rem;
  border-radius: 999px;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.88rem;
  letter-spacing: 0.12em;
}

.home-release-primary svg {
  width: 18px;
  height: 18px;
}

.home-release-catalog-link {
  display: inline-flex;
  gap: 0.65rem;
  align-items: center;
  min-height: 52px;
  padding: 0 0.4rem;
  border-bottom: 1px solid rgba(255, 211, 107, 0.28);
  color: #fff2d3;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.86rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transition: color 180ms ease, border-color 180ms ease;
}

.home-release-catalog-link span {
  color: var(--lt-poster-brass-hot);
  font-size: 1.2rem;
}

.home-release-catalog-link:hover,
.home-release-catalog-link:focus-visible {
  border-color: var(--lt-poster-brass-hot);
  color: var(--lt-poster-brass-hot);
  outline: none;
}

.home-release-platforms {
  display: grid;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.home-release-platforms[hidden] {
  display: none;
}

.home-release-platforms > p {
  margin: 0;
  color: rgba(255, 248, 233, 0.48);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-release-platforms .platform-link-strip {
  gap: 0.5rem;
  margin-top: 0;
}

body[data-page="inicio"] .home-release-platforms .platform-link-chip {
  min-height: 42px;
  padding: 0.62rem 0.85rem;
  border-color: rgba(255, 216, 123, 0.16);
  background: rgba(255, 255, 255, 0.035);
}

body[data-page="inicio"] .home-release-related {
  gap: 0.75rem;
  margin-top: clamp(1.7rem, 3vw, 2.5rem);
  padding-top: 1.35rem;
  border-top: 1px solid rgba(255, 211, 107, 0.14);
}

body[data-page="inicio"] .home-release-related-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.2rem;
  color: rgba(255, 248, 233, 0.58);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.74rem;
  font-weight: 400;
  letter-spacing: 0.15em;
}

body[data-page="inicio"] .home-release-related-heading b {
  color: var(--lt-poster-brass-hot);
  font-weight: 400;
}

body[data-page="inicio"] .home-release-related-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

body[data-page="inicio"] .home-release-track-card {
  display: grid;
  grid-template-columns: 2rem 58px minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: center;
  min-height: 74px;
  padding: 0.48rem 0.7rem;
  border: 1px solid rgba(255, 217, 127, 0.11);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

body[data-page="inicio"] .home-release-track-card:hover,
body[data-page="inicio"] .home-release-track-card:focus-visible {
  border-color: rgba(255, 196, 61, 0.38);
  background: rgba(255, 196, 61, 0.065);
  outline: none;
  transform: translateX(5px);
}

.home-release-track-number {
  color: rgba(255, 248, 233, 0.34);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-align: center;
}

body[data-page="inicio"] .home-release-track-cover {
  width: 58px;
  border-radius: 13px;
}

body[data-page="inicio"] .home-release-track-copy strong {
  color: #fff8e9;
  font-size: 0.94rem;
}

body[data-page="inicio"] .home-release-track-copy span {
  color: rgba(255, 248, 233, 0.5);
  font-size: 0.74rem;
  -webkit-line-clamp: 1;
}

.home-release-track-arrow {
  display: grid;
  width: 34px;
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgba(255, 218, 128, 0.14);
  border-radius: 50%;
  color: var(--lt-poster-brass-hot);
  background: rgba(3, 2, 1, 0.22);
  transition: color 180ms ease, background 180ms ease, transform 180ms ease;
}

.home-release-track-card:hover .home-release-track-arrow,
.home-release-track-card:focus-visible .home-release-track-arrow {
  color: #171005;
  background: var(--lt-poster-brass-hot);
  transform: rotate(8deg);
}

@media (max-width: 1120px) {
  .home-release-heading {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.65fr);
  }

  .home-release-heading > span {
    display: none;
  }

  body[data-page="inicio"] .home-release-grid {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  body[data-page="inicio"] .home-release-cover {
    min-height: 700px;
  }

  body[data-page="inicio"] .home-release-copy {
    min-height: 0;
  }
}

@media (max-width: 680px) {
  body[data-page="inicio"] .home-release-section::before {
    right: -0.16em;
    bottom: 2rem;
    font-size: 9rem;
  }

  .home-release-heading {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.7rem;
  }

  .home-release-heading h2 {
    max-width: 10ch;
    font-size: clamp(3.35rem, 16vw, 5.25rem);
  }

  .home-release-heading > p {
    font-size: 0.9rem;
  }

  body[data-page="inicio"] .home-release-grid {
    gap: 10px;
  }

  body[data-page="inicio"] .home-release-cover,
  body[data-page="inicio"] .home-release-copy {
    border-radius: 25px !important;
  }

  body[data-page="inicio"] .home-release-cover {
    min-height: 520px;
  }

  body[data-page="inicio"] .home-release-cover::before {
    inset: 8px;
    border-radius: 19px;
  }

  .home-release-cover-index {
    top: 1rem;
    left: 1rem;
    font-size: 0.65rem;
  }

  .home-release-cover-play {
    top: 0.9rem;
    right: 0.9rem;
    width: 54px;
  }

  body[data-page="inicio"] .home-release-cover-copy {
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  body[data-page="inicio"] .home-release-cover-copy h2 {
    font-size: clamp(3.2rem, 15vw, 4.7rem);
  }

  body[data-page="inicio"] .home-release-cover-copy p:last-child {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.84rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  body[data-page="inicio"] .home-release-copy {
    padding: 1.35rem 1.2rem 1.25rem;
  }

  .home-release-copy-head {
    margin-bottom: 1.45rem;
  }

  body[data-page="inicio"] .home-release-copy h2 span {
    font-size: 2.2rem;
  }

  body[data-page="inicio"] .home-release-copy h2 em {
    font-size: clamp(3.7rem, 16vw, 5.1rem);
  }

  body[data-page="inicio"] .home-release-copy > p:not(.section-kicker) {
    margin-top: 1rem;
    font-size: 0.88rem;
    line-height: 1.58;
  }

  .home-release-actions {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.7rem;
    margin-top: 1.35rem;
  }

  body[data-page="inicio"] .home-release-primary {
    min-width: 0;
    min-height: 52px;
    padding-inline: 1rem;
  }

  .home-release-catalog-link {
    min-height: 48px;
    font-size: 0.75rem;
  }

  body[data-page="inicio"] .home-release-related {
    margin-top: 1.5rem;
    padding-top: 1.15rem;
  }

  body[data-page="inicio"] .home-release-track-card {
    grid-template-columns: 1.5rem 52px minmax(0, 1fr) auto;
    gap: 0.65rem;
    min-height: 68px;
    padding: 0.42rem 0.5rem;
  }

  body[data-page="inicio"] .home-release-track-cover {
    width: 52px;
  }

  .home-release-track-arrow {
    width: 31px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-release-equalizer i {
    height: 52%;
    animation: none !important;
  }

  .home-release-cover img,
  .home-release-cover-play,
  .home-release-track-card,
  .home-release-track-arrow {
    transition: none !important;
  }
}

/* Home official contests ------------------------------------------------ */
body[data-page="inicio"] .home-contests-section {
  position: relative;
  isolation: isolate;
  overflow: clip;
  scroll-margin-top: 9rem;
  background:
    radial-gradient(circle at 15% 18%, rgba(164, 18, 24, 0.26), transparent 31rem),
    radial-gradient(circle at 87% 82%, rgba(255, 191, 45, 0.1), transparent 34rem),
    linear-gradient(180deg, #050403 0%, #0a0604 52%, #050403 100%);
}

body[data-page="inicio"] .home-contests-section::before {
  content: "WIN";
  position: absolute;
  z-index: -1;
  top: 0.08em;
  right: -0.02em;
  color: transparent;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(14rem, 32vw, 40rem);
  line-height: 0.68;
  letter-spacing: -0.03em;
  opacity: 0.075;
  pointer-events: none;
  -webkit-text-stroke: 1px rgba(255, 211, 107, 0.78);
}

.home-contests-shell {
  position: relative;
  z-index: 1;
  width: min(1600px, 100%);
  margin: 0 auto;
}

body[data-page="inicio"] .home-contests-head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.62fr) auto;
  gap: clamp(1.5rem, 3vw, 4rem);
  align-items: end;
  width: 100%;
  margin: 0 0 clamp(2.2rem, 4vw, 3.8rem);
  padding-top: clamp(1.15rem, 2vw, 2rem);
  border-top: 1px solid rgba(255, 205, 87, 0.28);
}

.home-contests-heading-title {
  display: grid;
  gap: 0.85rem;
}

body[data-page="inicio"] .home-contests-heading-title h2 {
  max-width: 12ch;
  margin: 0;
  color: #fff8e9;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(3.7rem, 6.6vw, 7.3rem);
  font-weight: 400;
  line-height: 0.8;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  text-wrap: balance;
}

.home-contests-heading-title h2 em {
  color: var(--lt-poster-brass-hot);
  font-style: normal;
}

.home-contests-heading-copy {
  display: grid;
  gap: 1.15rem;
}

.home-contests-heading-copy > p {
  max-width: 29rem;
  margin: 0;
  color: rgba(255, 248, 233, 0.65);
  font-size: clamp(0.95rem, 1.15vw, 1.06rem);
  line-height: 1.7;
}

.home-contests-heading-copy > a {
  display: inline-flex;
  gap: 0.65rem;
  align-items: center;
  width: fit-content;
  min-height: 42px;
  border-bottom: 1px solid rgba(255, 211, 107, 0.28);
  color: #fff1d0;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.82rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  transition: color 180ms ease, border-color 180ms ease;
}

.home-contests-heading-copy > a span {
  color: var(--lt-poster-brass-hot);
  font-size: 1.1rem;
}

.home-contests-heading-copy > a:hover,
.home-contests-heading-copy > a:focus-visible {
  border-color: var(--lt-poster-brass-hot);
  color: var(--lt-poster-brass-hot);
  outline: none;
}

.home-contests-count {
  display: grid;
  gap: 0.25rem;
  justify-items: end;
  min-width: 8rem;
  padding-left: 1.5rem;
  border-left: 1px solid rgba(255, 211, 107, 0.18);
  text-align: right;
}

.home-contests-count strong {
  color: var(--lt-poster-brass-hot);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(3.6rem, 5vw, 5.8rem);
  font-weight: 400;
  line-height: 0.75;
}

.home-contests-count span {
  color: rgba(255, 248, 233, 0.48);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-contests-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  width: 100%;
  max-width: none;
  margin: 0;
}

body[data-page="inicio"] .home-contests-grid.is-empty {
  display: block;
}

body[data-page="inicio"] .home-contest-card {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-rows: minmax(280px, 0.95fr) auto;
  overflow: hidden;
  border: 1px solid rgba(255, 215, 123, 0.16) !important;
  border-radius: 30px !important;
  background: #090704;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.36) !important;
}

body[data-page="inicio"] .home-contest-media {
  position: relative;
  isolation: isolate;
  min-height: 280px;
  overflow: hidden;
}

body[data-page="inicio"] .home-contest-media::before,
body[data-page="inicio"] .home-contest-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

body[data-page="inicio"] .home-contest-media::before {
  z-index: 0;
  background:
    linear-gradient(180deg, rgba(4, 3, 2, 0.04), rgba(4, 3, 2, 0.72)),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.014) 0 1px, transparent 1px 5px);
}

body[data-page="inicio"] .home-contest-media::after {
  z-index: 1;
  inset: 11px;
  border: 1px solid rgba(255, 224, 151, 0.15);
  border-radius: 21px;
}

.home-contest-index,
.home-contest-media-arrow {
  position: absolute;
  z-index: 2;
  top: 1.25rem;
}

.home-contest-index {
  left: 1.25rem;
  color: #fff4d9;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.78rem;
  letter-spacing: 0.15em;
}

.home-contest-media-arrow {
  right: 1.25rem;
  display: grid;
  width: 46px;
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgba(255, 222, 144, 0.25);
  border-radius: 50%;
  color: var(--lt-poster-brass-hot);
  background: rgba(4, 3, 2, 0.46);
  font-size: 1.05rem;
  backdrop-filter: blur(10px);
  transition: color 180ms ease, background 180ms ease, transform 180ms ease;
}

.home-contest-card:hover .home-contest-media-arrow,
.home-contest-card:focus-within .home-contest-media-arrow {
  color: #171005;
  background: var(--lt-poster-brass-hot);
  transform: rotate(8deg);
}

body[data-page="inicio"] .home-contest-copy {
  gap: 0.7rem;
  padding: clamp(1.25rem, 2vw, 1.8rem);
  background:
    radial-gradient(circle at 90% 0%, rgba(255, 195, 52, 0.08), transparent 14rem),
    rgba(8, 6, 4, 0.97);
}

.home-contest-copy-meta {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: space-between;
}

.home-contest-copy-meta > span:last-child {
  color: rgba(255, 248, 233, 0.38);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.67rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-contest-status {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  padding: 0.4rem 0.65rem;
  border-color: rgba(255, 215, 121, 0.2);
  color: #fff0ca;
  background: rgba(255, 196, 61, 0.08);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-weight: 400;
}

.home-contest-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #42d47d;
  box-shadow: 0 0 10px rgba(66, 212, 125, 0.5);
}

body[data-page="inicio"] .home-contest-copy h3 {
  max-width: 13ch;
  color: #fff8e9;
  font-size: clamp(2.5rem, 3.2vw, 3.8rem);
  line-height: 0.84;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  text-wrap: balance;
}

body[data-page="inicio"] .home-contest-copy p:not(.panel-kicker) {
  color: rgba(255, 248, 233, 0.62);
  font-size: 0.9rem;
  line-height: 1.6;
}

body[data-page="inicio"] .home-contest-actions {
  margin-top: 0.5rem;
}

body[data-page="inicio"] .home-contest-actions .button {
  min-height: 48px;
  border-radius: 999px;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.1em;
}

body[data-page="inicio"] .home-contest-empty {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
  grid-template-areas:
    "visual copy"
    "steps steps";
  gap: 14px;
  width: 100%;
  max-width: none;
  min-height: 610px;
  padding: 14px;
  justify-items: stretch;
  overflow: hidden;
  border: 1px solid rgba(255, 214, 116, 0.2) !important;
  border-radius: 40px !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(255, 192, 45, 0.13), transparent 26rem),
    radial-gradient(circle at 7% 90%, rgba(160, 16, 22, 0.28), transparent 31rem),
    linear-gradient(145deg, #0e0905, #060403) !important;
  box-shadow: 0 38px 100px rgba(0, 0, 0, 0.48) !important;
  text-align: left;
}

body[data-page="inicio"] .home-contest-empty::before {
  content: "CONCURSO";
  position: absolute;
  z-index: 0;
  right: -0.02em;
  bottom: 0.34em;
  color: transparent;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(7rem, 15vw, 15rem);
  line-height: 0.7;
  letter-spacing: 0.02em;
  opacity: 0.08;
  pointer-events: none;
  -webkit-text-stroke: 1px rgba(255, 222, 144, 0.8);
}

.home-contest-empty-visual,
.home-contest-empty-copy,
.home-contest-steps {
  position: relative;
  z-index: 1;
}

.home-contest-empty-visual {
  grid-area: visual;
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: 410px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255, 225, 151, 0.18);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(255, 197, 61, 0.12), transparent 45%),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.018) 0 1px, transparent 1px 12px),
    linear-gradient(145deg, #8f1117, #35070a 76%);
}

.home-contest-empty-visual::before,
.home-contest-empty-visual::after {
  content: "";
  position: absolute;
  z-index: -1;
  border: 1px solid rgba(255, 216, 123, 0.22);
  border-radius: 50%;
  pointer-events: none;
}

.home-contest-empty-visual::before {
  width: 21rem;
  aspect-ratio: 1;
  animation: home-contest-ring 4s ease-in-out infinite alternate;
}

.home-contest-empty-visual::after {
  width: 15rem;
  aspect-ratio: 1;
  opacity: 0.65;
}

@keyframes home-contest-ring {
  from { opacity: 0.35; transform: scale(0.95); }
  to { opacity: 0.8; transform: scale(1.04); }
}

.home-contest-ticket-code {
  position: absolute;
  top: 1.3rem;
  left: 1.4rem;
  color: rgba(255, 244, 215, 0.7);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
}

.home-contest-trophy-mark {
  display: grid;
  width: clamp(104px, 10vw, 145px);
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgba(255, 232, 173, 0.32);
  border-radius: 50%;
  color: #5b080c;
  background: linear-gradient(145deg, #ffe091, #f0a718 65%, #be7710);
  font-size: clamp(2.8rem, 4.2vw, 4.5rem);
  box-shadow: 0 28px 60px rgba(23, 2, 3, 0.38), 0 0 0 13px rgba(255, 214, 116, 0.07);
}

.home-contest-empty-visual > strong {
  position: absolute;
  right: 0.05em;
  bottom: -0.04em;
  color: rgba(255, 238, 197, 0.12);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(7rem, 12vw, 12rem);
  font-weight: 400;
  line-height: 0.7;
  letter-spacing: -0.02em;
}

.home-contest-empty-seal {
  position: absolute;
  right: 1.3rem;
  bottom: 1.3rem;
  display: grid;
  width: 76px;
  aspect-ratio: 1;
  place-items: center;
  border: 1px dashed rgba(255, 229, 166, 0.5);
  border-radius: 50%;
  color: #fff0c8;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.7rem;
  line-height: 0.95;
  letter-spacing: 0.09em;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(8deg);
}

.home-contest-empty-copy {
  grid-area: copy;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(2rem, 4vw, 4.5rem);
  border: 1px solid rgba(255, 222, 144, 0.1);
  border-radius: 28px;
  background: rgba(5, 4, 3, 0.45);
}

.home-contest-empty-status {
  display: inline-flex;
  gap: 0.6rem;
  align-items: center;
  margin-bottom: clamp(1.4rem, 2.5vw, 2.3rem);
  color: rgba(255, 248, 233, 0.62);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.76rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.home-contest-empty-status i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--lt-poster-brass-hot);
  box-shadow: 0 0 0 6px rgba(255, 196, 61, 0.08), 0 0 16px rgba(255, 196, 61, 0.4);
}

body[data-page="inicio"] .home-contest-empty-copy h3 {
  max-width: 11ch;
  margin: 0.55rem 0 1.1rem;
  color: #fff8e9;
  font-size: clamp(3.4rem, 5.4vw, 6.2rem);
  line-height: 0.8;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  text-wrap: balance;
}

body[data-page="inicio"] .home-contest-empty-copy > p:not(.panel-kicker) {
  max-width: 40rem;
  margin: 0;
  color: rgba(255, 248, 233, 0.64);
  font-size: clamp(0.95rem, 1.15vw, 1.07rem);
  line-height: 1.68;
}

body[data-page="inicio"] .home-contest-empty-copy .button {
  gap: 0.7rem;
  min-height: 54px;
  margin-top: 1.7rem;
  border-radius: 999px;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.84rem;
  letter-spacing: 0.11em;
}

body[data-page="inicio"] .home-contest-empty-copy .button span {
  font-size: 1.1rem;
}

.home-contest-steps {
  grid-area: steps;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.home-contest-steps > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.15rem 0.9rem;
  align-content: center;
  min-height: 108px;
  padding: 1rem 1.2rem;
  border: 1px solid rgba(255, 219, 132, 0.11);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.025);
}

.home-contest-steps span {
  grid-row: 1 / 3;
  color: var(--lt-poster-brass-hot);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 2.1rem;
  line-height: 0.9;
}

.home-contest-steps strong {
  color: #fff7e5;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.home-contest-steps small {
  color: rgba(255, 248, 233, 0.48);
  font-size: 0.76rem;
  line-height: 1.35;
}

@media (max-width: 1120px) {
  body[data-page="inicio"] .home-contests-head {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.66fr);
  }

  .home-contests-count {
    display: none;
  }

  body[data-page="inicio"] .home-contests-grid:not(.is-empty) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="inicio"] .home-contest-empty {
    grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.1fr);
  }
}

@media (max-width: 820px) {
  body[data-page="inicio"] .home-contests-head {
    grid-template-columns: 1fr;
    gap: 1.1rem;
  }

  body[data-page="inicio"] .home-contests-grid:not(.is-empty) {
    grid-template-columns: 1fr;
  }

  body[data-page="inicio"] .home-contest-empty {
    grid-template-columns: 1fr;
    grid-template-areas:
      "visual"
      "copy"
      "steps";
  }

  .home-contest-empty-visual {
    min-height: 360px;
  }
}

@media (max-width: 680px) {
  body[data-page="inicio"] .home-contests-section::before {
    top: 2rem;
    right: -0.12em;
    font-size: 15rem;
  }

  body[data-page="inicio"] .home-contests-head {
    margin-bottom: 1.7rem;
    padding-top: 1rem;
  }

  body[data-page="inicio"] .home-contests-heading-title h2 {
    max-width: 11ch;
    font-size: clamp(3.3rem, 15.5vw, 5.2rem);
  }

  .home-contests-heading-copy > p {
    font-size: 0.9rem;
  }

  body[data-page="inicio"] .home-contest-empty {
    gap: 8px;
    min-height: 0;
    padding: 8px;
    border-radius: 27px !important;
  }

  .home-contest-empty-visual,
  .home-contest-empty-copy {
    border-radius: 21px;
  }

  .home-contest-empty-visual {
    min-height: 310px;
  }

  .home-contest-empty-visual::before {
    width: 17rem;
  }

  .home-contest-empty-visual::after {
    width: 12rem;
  }

  .home-contest-trophy-mark {
    width: 105px;
    font-size: 3rem;
  }

  .home-contest-empty-seal {
    width: 64px;
  }

  .home-contest-empty-copy {
    padding: 1.6rem 1.25rem 1.5rem;
  }

  .home-contest-empty-status {
    margin-bottom: 1.35rem;
  }

  body[data-page="inicio"] .home-contest-empty-copy h3 {
    font-size: clamp(3.2rem, 14.8vw, 4.6rem);
  }

  body[data-page="inicio"] .home-contest-empty-copy > p:not(.panel-kicker) {
    font-size: 0.88rem;
    line-height: 1.58;
  }

  body[data-page="inicio"] .home-contest-empty-copy .button {
    width: 100%;
    justify-content: center;
  }

  .home-contest-steps {
    grid-template-columns: 1fr;
  }

  .home-contest-steps > div {
    min-height: 88px;
    border-radius: 17px;
  }

  body[data-page="inicio"] .home-contest-card {
    border-radius: 24px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-contest-empty-visual::before {
    animation: none !important;
  }

  .home-contest-media,
  .home-contest-media-arrow {
    transition: none !important;
  }
}

/* Home editorial news ---------------------------------------------------- */
body[data-page="inicio"] .home-news-section {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(5.5rem, 9vw, 9.5rem) clamp(1.1rem, 4.6vw, 5.5rem);
  overflow: hidden;
  background:
    radial-gradient(circle at 7% 18%, rgba(151, 31, 24, 0.24), transparent 25rem),
    radial-gradient(circle at 92% 84%, rgba(239, 182, 47, 0.12), transparent 30rem),
    linear-gradient(145deg, #100504 0%, #030303 42%, #070501 100%);
  border-block: 1px solid rgba(239, 182, 47, 0.14);
}

body[data-page="inicio"] .home-news-section::before {
  content: "ARCHIVO";
  position: absolute;
  top: -0.17em;
  right: -0.03em;
  z-index: -1;
  color: transparent;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(9rem, 21vw, 25rem);
  line-height: 0.8;
  letter-spacing: -0.025em;
  -webkit-text-stroke: 1px rgba(255, 248, 233, 0.035);
  pointer-events: none;
  user-select: none;
}

body[data-page="inicio"] .home-news-section::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.17;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, #000, transparent 80%);
  pointer-events: none;
}

body[data-page="inicio"] .home-news-shell {
  width: min(100%, var(--lt-stage-width));
  margin-inline: auto;
}

body[data-page="inicio"] .home-news-head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(19rem, 0.58fr) auto;
  align-items: end;
  gap: clamp(2rem, 4vw, 5rem);
  margin: 0 0 clamp(2.5rem, 4.5vw, 4.5rem);
  padding: 0 0 clamp(2rem, 3vw, 3rem);
  border-bottom: 1px solid rgba(239, 182, 47, 0.24);
}

body[data-page="inicio"] .home-news-heading-title,
body[data-page="inicio"] .home-news-heading-copy {
  min-width: 0;
}

body[data-page="inicio"] .home-news-heading-title .section-kicker {
  margin: 0 0 1.15rem;
}

body[data-page="inicio"] .home-news-heading-title h2 {
  max-width: 12ch;
  margin: 0;
  color: var(--lt-stage-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(4.4rem, 7vw, 8rem);
  font-weight: 400;
  line-height: 0.82;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

body[data-page="inicio"] .home-news-heading-title h2 em {
  display: block;
  color: var(--lt-stage-gold-bright);
  font-style: normal;
}

body[data-page="inicio"] .home-news-heading-copy {
  padding-bottom: 0.15rem;
}

body[data-page="inicio"] .home-news-heading-copy p {
  max-width: 31rem;
  margin: 0 0 1.5rem;
  color: rgba(255, 248, 233, 0.65);
  font-size: clamp(0.95rem, 1.15vw, 1.08rem);
  line-height: 1.65;
}

body[data-page="inicio"] .home-news-heading-copy > a {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  color: var(--lt-stage-cream);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transition: color 180ms ease, gap 180ms ease;
}

body[data-page="inicio"] .home-news-heading-copy > a span {
  display: grid;
  width: 2.35rem;
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgba(239, 182, 47, 0.32);
  border-radius: 50%;
  color: var(--lt-stage-gold-bright);
}

body[data-page="inicio"] .home-news-heading-copy > a:hover,
body[data-page="inicio"] .home-news-heading-copy > a:focus-visible {
  gap: 1.05rem;
  color: var(--lt-stage-gold-bright);
}

body[data-page="inicio"] .home-news-count {
  display: grid;
  width: clamp(7.5rem, 9vw, 9rem);
  aspect-ratio: 1;
  place-content: center;
  justify-items: center;
  border: 1px solid rgba(239, 182, 47, 0.28);
  border-radius: 50%;
  background: rgba(10, 8, 5, 0.62);
  box-shadow: inset 0 0 0 0.55rem rgba(239, 182, 47, 0.025);
  text-align: center;
}

body[data-page="inicio"] .home-news-count strong {
  color: var(--lt-stage-gold-bright);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(2.7rem, 3.2vw, 3.5rem);
  font-weight: 400;
  line-height: 0.9;
}

body[data-page="inicio"] .home-news-count span {
  margin-top: 0.55rem;
  color: rgba(255, 248, 233, 0.58);
  font-size: 0.6rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-news-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(22rem, 0.88fr);
  grid-template-rows: repeat(2, minmax(20rem, 1fr));
  gap: clamp(0.8rem, 1.2vw, 1.2rem);
  width: 100%;
  max-width: none;
  min-height: clamp(45rem, 54vw, 54rem);
}

body[data-page="inicio"] .home-news-grid .article-card-media[data-home-blog-card] {
  min-height: 0;
  margin: 0;
  padding: clamp(1.3rem, 2.15vw, 2.25rem);
  justify-content: flex-end;
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.22);
  border-radius: clamp(1.35rem, 2vw, 2rem) !important;
  background-color: #0b0805;
  background-position: center;
  background-size: cover;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.48);
  filter: none;
  transform: none;
}

body[data-page="inicio"] .home-news-grid .article-card-media.is-featured {
  grid-row: 1 / 3;
}

body[data-page="inicio"] .home-news-grid .article-card-media.is-secondary {
  background-position: center 28%;
}

body[data-page="inicio"] .home-news-grid .article-card-media::before {
  z-index: 0;
  background:
    linear-gradient(180deg, rgba(3, 3, 3, 0.08) 0%, rgba(3, 3, 3, 0.15) 24%, rgba(3, 3, 3, 0.94) 100%),
    linear-gradient(90deg, rgba(8, 5, 3, 0.7) 0%, transparent 62%);
  transition: background 260ms ease;
}

body[data-page="inicio"] .home-news-grid .article-card-media::after {
  inset: 0;
  z-index: 1;
  border: 0;
  border-radius: inherit;
  opacity: 0.5;
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.022) 0, rgba(255, 255, 255, 0.022) 1px, transparent 1px, transparent 4px),
    linear-gradient(135deg, rgba(239, 182, 47, 0.16), transparent 28%);
  transition: opacity 220ms ease;
}

body[data-page="inicio"] .home-news-grid .article-card-media:hover,
body[data-page="inicio"] .home-news-grid .article-card-media:focus,
body[data-page="inicio"] .home-news-grid .article-card-media:focus-within {
  border-color: rgba(239, 182, 47, 0.52);
  box-shadow: 0 38px 100px rgba(0, 0, 0, 0.6), 0 12px 38px rgba(151, 31, 24, 0.12);
  filter: saturate(1.06) brightness(1.035);
  transform: translateY(-0.4rem);
}

body[data-page="inicio"] .home-news-grid .article-card-media:hover::after,
body[data-page="inicio"] .home-news-grid .article-card-media:focus::after,
body[data-page="inicio"] .home-news-grid .article-card-media:focus-within::after {
  opacity: 0.76;
}

body[data-page="inicio"] .home-news-card-index,
body[data-page="inicio"] .home-news-card-arrow {
  position: absolute;
  top: clamp(1.15rem, 1.8vw, 1.85rem);
  z-index: 3;
}

body[data-page="inicio"] .home-news-card-index {
  left: clamp(1.15rem, 1.8vw, 1.85rem);
  color: rgba(255, 248, 233, 0.72);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0.12em;
}

body[data-page="inicio"] .home-news-card-index::after {
  content: "";
  display: inline-block;
  width: clamp(2.5rem, 4vw, 4rem);
  height: 1px;
  margin: 0 0 0.32rem 0.75rem;
  background: rgba(239, 182, 47, 0.5);
}

body[data-page="inicio"] .home-news-card-arrow {
  right: clamp(1.15rem, 1.8vw, 1.85rem);
  display: grid;
  width: clamp(2.8rem, 3.6vw, 3.6rem);
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgba(255, 248, 233, 0.25);
  border-radius: 50%;
  color: var(--lt-stage-cream);
  background: rgba(5, 4, 3, 0.38);
  backdrop-filter: blur(10px);
  transition: color 180ms ease, background 180ms ease, transform 180ms ease;
}

body[data-page="inicio"] .home-news-grid .article-card-media:hover .home-news-card-arrow,
body[data-page="inicio"] .home-news-grid .article-card-media:focus .home-news-card-arrow,
body[data-page="inicio"] .home-news-grid .article-card-media:focus-within .home-news-card-arrow {
  color: #120c05;
  background: var(--lt-stage-gold-bright);
  transform: rotate(8deg);
}

body[data-page="inicio"] .home-news-card-copy {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

body[data-page="inicio"] .home-news-card-meta {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.9rem;
}

body[data-page="inicio"] .home-news-card-meta .post-label,
body[data-page="inicio"] .home-news-card-meta > span {
  position: static;
  display: inline-flex;
  width: auto;
  margin: 0;
  padding: 0.45rem 0.7rem;
  border: 1px solid rgba(239, 182, 47, 0.25);
  border-radius: 999px;
  color: var(--lt-stage-gold-bright);
  background: rgba(8, 6, 4, 0.56);
  font-size: 0.62rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  backdrop-filter: blur(10px);
}

body[data-page="inicio"] .home-news-card-meta > span {
  border-color: rgba(255, 248, 233, 0.15);
  color: rgba(255, 248, 233, 0.64);
}

body[data-page="inicio"] .home-news-grid .article-card-media h3 {
  max-width: 12ch;
  margin: 0;
  color: var(--lt-stage-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(3rem, 4.5vw, 5.25rem);
  font-weight: 400;
  line-height: 0.9;
  letter-spacing: -0.012em;
  text-wrap: balance;
  text-shadow: 0 5px 24px rgba(0, 0, 0, 0.82);
}

body[data-page="inicio"] .home-news-grid .article-card-media.is-secondary h3 {
  max-width: 16ch;
  font-size: clamp(2.15rem, 2.7vw, 3.45rem);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

body[data-page="inicio"] .home-news-grid .article-card-media p:not(.post-label) {
  max-width: 38rem;
  margin: 1rem 0 0;
  color: rgba(255, 248, 233, 0.7);
  font-size: clamp(0.9rem, 1vw, 1rem);
  line-height: 1.55;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.78);
}

body[data-page="inicio"] .home-news-grid .article-card-media.is-secondary p:not(.post-label) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body[data-page="inicio"] .home-news-grid .article-card-media a {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin: 1.35rem 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--lt-stage-gold-bright);
  background: transparent;
  box-shadow: none;
  font-size: 0.69rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-news-grid .article-card-media a::after {
  content: none;
}

body[data-page="inicio"] .home-news-grid .article-card-media a i {
  display: block;
  width: 2.5rem;
  height: 1px;
  background: currentColor;
  transition: width 180ms ease;
}

body[data-page="inicio"] .home-news-grid .article-card-media:hover a i,
body[data-page="inicio"] .home-news-grid .article-card-media:focus-within a i {
  width: 3.4rem;
}

body[data-page="inicio"] .home-news-grid .home-blog-empty-card {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  min-height: 28rem;
  justify-content: center;
  align-items: center;
  text-align: center;
}

@media (max-width: 1120px) {
  body[data-page="inicio"] .home-news-head {
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 0.55fr);
  }

  body[data-page="inicio"] .home-news-count {
    display: none;
  }

  body[data-page="inicio"] .home-news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: minmax(37rem, auto) minmax(25rem, auto);
    min-height: 0;
  }

  body[data-page="inicio"] .home-news-grid .article-card-media.is-featured {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  body[data-page="inicio"] .home-news-grid .article-card-media.is-secondary {
    min-height: 25rem;
  }
}

@media (max-width: 720px) {
  body[data-page="inicio"] .home-news-section {
    padding: 4.5rem 1rem;
  }

  body[data-page="inicio"] .home-news-head {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-bottom: 1.4rem;
    padding-bottom: 1.65rem;
  }

  body[data-page="inicio"] .home-news-heading-title h2 {
    font-size: clamp(3.9rem, 17vw, 5.8rem);
  }

  body[data-page="inicio"] .home-news-heading-copy p {
    margin-bottom: 1.1rem;
  }

  body[data-page="inicio"] .home-news-grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 0.85rem;
  }

  body[data-page="inicio"] .home-news-grid .article-card-media.is-featured,
  body[data-page="inicio"] .home-news-grid .article-card-media.is-secondary {
    grid-column: auto;
    min-height: 30rem;
    padding: 1.2rem;
  }

  body[data-page="inicio"] .home-news-grid .article-card-media.is-featured {
    min-height: 35rem;
  }

  body[data-page="inicio"] .home-news-grid .article-card-media h3,
  body[data-page="inicio"] .home-news-grid .article-card-media.is-secondary h3 {
    max-width: 14ch;
    font-size: clamp(2.8rem, 13vw, 4rem);
  }

  body[data-page="inicio"] .home-news-card-meta > span {
    display: none;
  }

  body[data-page="inicio"] .home-news-grid .article-card-media p:not(.post-label) {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="inicio"] .home-news-grid .article-card-media,
  body[data-page="inicio"] .home-news-card-arrow,
  body[data-page="inicio"] .home-news-grid .article-card-media a i {
    transition: none !important;
  }
}

/* Home streaming stage --------------------------------------------------- */
body[data-page="inicio"] .home-streaming-finale {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(4.5rem, 8vw, 8rem) clamp(1rem, 4.6vw, 5.5rem);
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 18%, rgba(239, 182, 47, 0.1), transparent 26rem),
    linear-gradient(180deg, #030303, #080603 54%, #030303);
}

body[data-page="inicio"] .home-streaming-finale::before {
  content: "PLAY";
  position: absolute;
  left: -0.04em;
  bottom: -0.14em;
  color: transparent;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(11rem, 28vw, 34rem);
  line-height: 0.78;
  letter-spacing: -0.04em;
  -webkit-text-stroke: 1px rgba(239, 182, 47, 0.035);
  pointer-events: none;
}

body[data-page="inicio"] .home-streaming-shell {
  position: relative;
  isolation: isolate;
  display: block;
  width: min(100%, var(--lt-stage-width));
  min-height: clamp(45rem, 57vw, 55rem);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.26);
  border-radius: clamp(1.6rem, 2.8vw, 2.8rem);
  background: #090704;
  box-shadow: 0 46px 130px rgba(0, 0, 0, 0.68), inset 0 1px rgba(255, 255, 255, 0.05);
}

body[data-page="inicio"] .home-streaming-shell::before {
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(3, 3, 3, 0.18) 0%, rgba(3, 3, 3, 0.28) 38%, rgba(3, 3, 3, 0.87) 73%, rgba(3, 3, 3, 0.98) 100%),
    linear-gradient(180deg, rgba(3, 3, 3, 0.12), rgba(3, 3, 3, 0.2) 50%, rgba(3, 3, 3, 0.88));
}

body[data-page="inicio"] .home-streaming-shell::after {
  content: "";
  position: absolute;
  right: -14rem;
  bottom: -17rem;
  z-index: 1;
  width: 42rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(239, 182, 47, 0.18), transparent 66%);
  filter: blur(10px);
  pointer-events: none;
}

body[data-page="inicio"] .home-streaming-photo {
  position: absolute;
  inset: -4%;
  z-index: 0;
  min-height: 0;
  background-position: center 47%;
  background-repeat: no-repeat;
  background-size: cover;
  filter: saturate(0.92) contrast(1.08);
  transform: translate3d(0, var(--parallax-shift, 0px), 0) scale(1.045);
}

body[data-page="inicio"] .home-streaming-photo::before {
  background:
    radial-gradient(circle at 36% 22%, rgba(239, 182, 47, 0.18), transparent 25%),
    linear-gradient(180deg, rgba(5, 4, 3, 0.02), rgba(5, 4, 3, 0.1) 58%, rgba(5, 4, 3, 0.66));
}

body[data-page="inicio"] .home-streaming-texture {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0.36;
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.022) 0, rgba(255, 255, 255, 0.022) 1px, transparent 1px, transparent 5px),
    linear-gradient(135deg, rgba(239, 182, 47, 0.11), transparent 30%);
  mix-blend-mode: screen;
  pointer-events: none;
}

body[data-page="inicio"] .home-streaming-topline {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 4;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1.2rem;
  min-height: 4.5rem;
  padding: 0 clamp(1.25rem, 2.7vw, 2.8rem);
  border-bottom: 1px solid rgba(239, 182, 47, 0.2);
  background: rgba(4, 4, 3, 0.38);
  backdrop-filter: blur(12px);
}

body[data-page="inicio"] .home-streaming-topline > span {
  color: rgba(255, 248, 233, 0.68);
  font-size: 0.64rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-streaming-topline > span:last-child {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--lt-stage-gold-bright);
}

body[data-page="inicio"] .home-streaming-topline > span:last-child i,
body[data-page="inicio"] .home-streaming-now > span i {
  display: block;
  width: 0.5rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #79df8c;
  box-shadow: 0 0 0 0.25rem rgba(121, 223, 140, 0.1), 0 0 1rem rgba(121, 223, 140, 0.55);
}

body[data-page="inicio"] .home-streaming-equalizer {
  display: flex;
  align-items: center;
  gap: 0.26rem;
  justify-self: center;
  height: 1.25rem;
}

body[data-page="inicio"] .home-streaming-equalizer i {
  width: 2px;
  height: 28%;
  border-radius: 999px;
  background: var(--lt-stage-gold-bright);
  transform-origin: center;
  animation: home-streaming-pulse 1s ease-in-out infinite alternate;
}

body[data-page="inicio"] .home-streaming-equalizer i:nth-child(2n) {
  animation-delay: -0.35s;
}

body[data-page="inicio"] .home-streaming-equalizer i:nth-child(3n) {
  animation-delay: -0.7s;
}

@keyframes home-streaming-pulse {
  from { height: 24%; opacity: 0.55; }
  to { height: 100%; opacity: 1; }
}

body[data-page="inicio"] .home-streaming-stage {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(27rem, 0.82fr);
  align-items: end;
  gap: clamp(2rem, 5vw, 6rem);
  min-height: inherit;
  padding: clamp(7.5rem, 11vw, 10rem) clamp(1.4rem, 4.4vw, 4.8rem) clamp(2rem, 4.5vw, 4.5rem);
}

body[data-page="inicio"] .home-streaming-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
  max-width: 47rem;
  padding: 0;
  text-align: left;
}

body[data-page="inicio"] .home-streaming-content .section-kicker {
  margin: 0 0 1.1rem;
}

body[data-page="inicio"] .home-streaming-content h2 {
  max-width: 8.5ch;
  margin: 0;
  color: var(--lt-stage-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(5.2rem, 8.5vw, 9.8rem);
  font-weight: 400;
  line-height: 0.79;
  letter-spacing: -0.035em;
  text-transform: uppercase;
  text-wrap: balance;
  text-shadow: 0 8px 42px rgba(0, 0, 0, 0.82);
}

body[data-page="inicio"] .home-streaming-content h2 em {
  display: block;
  color: transparent;
  font-style: normal;
  -webkit-text-stroke: 1.5px var(--lt-stage-gold-bright);
}

body[data-page="inicio"] .home-streaming-content > p:not(.section-kicker) {
  max-width: 34rem;
  margin: 1.4rem 0 0;
  color: rgba(255, 248, 233, 0.72);
  font-size: clamp(0.95rem, 1.15vw, 1.08rem);
  line-height: 1.68;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.82);
}

body[data-page="inicio"] .home-streaming-catalog-link {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
  color: #100b04;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-streaming-catalog-link > span {
  padding: 1rem 1.3rem;
  background: var(--lt-stage-gold-bright);
}

body[data-page="inicio"] .home-streaming-catalog-link > i {
  display: grid;
  width: 3.1rem;
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgba(239, 182, 47, 0.34);
  border-radius: 50%;
  color: var(--lt-stage-gold-bright);
  background: rgba(7, 6, 4, 0.58);
  font-style: normal;
  transition: color 180ms ease, background 180ms ease, transform 180ms ease;
}

body[data-page="inicio"] .home-streaming-catalog-link:hover > i,
body[data-page="inicio"] .home-streaming-catalog-link:focus-visible > i {
  color: #100b04;
  background: var(--lt-stage-gold-bright);
  transform: rotate(8deg);
}

body[data-page="inicio"] .home-streaming-console {
  width: 100%;
  padding: clamp(1.2rem, 2.2vw, 2rem);
  border: 1px solid rgba(239, 182, 47, 0.25);
  border-radius: clamp(1.35rem, 2vw, 2rem);
  background:
    radial-gradient(circle at 85% 12%, rgba(239, 182, 47, 0.11), transparent 13rem),
    rgba(7, 6, 4, 0.76);
  box-shadow: 0 28px 78px rgba(0, 0, 0, 0.48), inset 0 1px rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(18px) saturate(112%);
}

body[data-page="inicio"] .home-streaming-console-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1.15rem;
  border-bottom: 1px solid rgba(239, 182, 47, 0.16);
}

body[data-page="inicio"] .home-streaming-console-head > div {
  display: grid;
  gap: 0.3rem;
}

body[data-page="inicio"] .home-streaming-console-head span,
body[data-page="inicio"] .home-streaming-console-head small {
  color: var(--lt-stage-gold-bright);
  font-size: 0.58rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-streaming-console-head strong {
  color: var(--lt-stage-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(1.75rem, 2vw, 2.2rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-streaming-console-head small {
  padding: 0.45rem 0.62rem;
  border: 1px solid rgba(239, 182, 47, 0.18);
  border-radius: 999px;
  color: rgba(255, 248, 233, 0.55);
  white-space: nowrap;
}

body[data-page="inicio"] .home-streaming-record-row {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 1.2rem;
  padding: 1.25rem 0;
}

body[data-page="inicio"] .home-streaming-record {
  position: relative;
  display: grid;
  width: clamp(5.8rem, 7vw, 7.2rem);
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgba(255, 248, 233, 0.14);
  border-radius: 50%;
  background:
    repeating-radial-gradient(circle, transparent 0 4px, rgba(255, 255, 255, 0.035) 5px 6px),
    radial-gradient(circle at 32% 26%, #29251d, #050505 54%, #16130d 100%);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.46);
  animation: home-streaming-spin 14s linear infinite;
}

body[data-page="inicio"] .home-streaming-record::before {
  content: "";
  position: absolute;
  top: 15%;
  left: 18%;
  width: 14%;
  height: 30%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.13);
  filter: blur(4px);
  transform: rotate(28deg);
}

body[data-page="inicio"] .home-streaming-record > span {
  position: relative;
  display: grid;
  width: 48%;
  aspect-ratio: 1;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--lt-stage-gold-bright), #8c5413);
}

body[data-page="inicio"] .home-streaming-record img {
  width: 82%;
  height: auto;
  filter: brightness(0.35) contrast(1.4);
}

@keyframes home-streaming-spin {
  to { transform: rotate(360deg); }
}

body[data-page="inicio"] .home-streaming-now {
  display: grid;
  min-width: 0;
}

body[data-page="inicio"] .home-streaming-now > span {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: rgba(255, 248, 233, 0.57);
  font-size: 0.55rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-streaming-now strong {
  margin-top: 0.42rem;
  color: var(--lt-stage-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(2rem, 2.7vw, 3rem);
  font-weight: 400;
  line-height: 0.9;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-streaming-now small {
  margin-top: 0.35rem;
  color: var(--lt-stage-gold-bright);
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-streaming-platforms.platform-link-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  width: 100%;
  margin: 0;
}

body[data-page="inicio"] .home-streaming-platforms .platform-link-chip {
  display: grid;
  grid-template-columns: 1.1rem 2.15rem minmax(0, 1fr);
  align-items: center;
  gap: 0.42rem;
  min-width: 0;
  min-height: 3.55rem;
  padding: 0.5rem 0.55rem;
  border: 1px solid rgba(255, 248, 233, 0.12);
  border-radius: 0.9rem;
  color: var(--lt-stage-cream);
  background: rgba(255, 255, 255, 0.035);
  box-shadow: none;
  font-size: 0.58rem;
  letter-spacing: 0.055em;
  backdrop-filter: none;
}

body[data-page="inicio"] .home-streaming-platform-index {
  color: rgba(255, 248, 233, 0.34);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 0.88rem;
  font-weight: 400;
  letter-spacing: 0.08em;
}

body[data-page="inicio"] .home-streaming-platforms .platform-link-chip i {
  display: grid;
  width: 2.15rem;
  height: 2.15rem;
  place-items: center;
  border: 1px solid rgba(239, 182, 47, 0.18);
  border-radius: 50%;
  color: #140d06;
  background: linear-gradient(135deg, var(--lt-stage-gold-bright), var(--lt-stage-gold));
  font-size: 0.88rem;
}

body[data-page="inicio"] .home-streaming-platforms .platform-link-chip span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-page="inicio"] .home-streaming-platforms .platform-link-chip:hover,
body[data-page="inicio"] .home-streaming-platforms .platform-link-chip:focus-visible {
  color: var(--lt-stage-gold-bright);
  border-color: rgba(239, 182, 47, 0.42);
  background: rgba(239, 182, 47, 0.08);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25);
  transform: translateY(-3px);
}

@media (max-width: 1080px) {
  body[data-page="inicio"] .home-streaming-shell {
    min-height: 59rem;
  }

  body[data-page="inicio"] .home-streaming-shell::before {
    background:
      linear-gradient(180deg, rgba(3, 3, 3, 0.08) 0%, rgba(3, 3, 3, 0.36) 42%, rgba(3, 3, 3, 0.94) 100%),
      linear-gradient(90deg, rgba(3, 3, 3, 0.18), rgba(3, 3, 3, 0.62));
  }

  body[data-page="inicio"] .home-streaming-stage {
    grid-template-columns: 1fr;
    align-content: end;
    gap: 2.25rem;
  }

  body[data-page="inicio"] .home-streaming-content {
    max-width: 43rem;
  }

  body[data-page="inicio"] .home-streaming-content h2 {
    max-width: 7.5ch;
  }

  body[data-page="inicio"] .home-streaming-console {
    max-width: 45rem;
    margin-left: auto;
  }
}

@media (max-width: 680px) {
  body[data-page="inicio"] .home-streaming-finale {
    padding: 4rem 0.85rem;
  }

  body[data-page="inicio"] .home-streaming-shell {
    min-height: 61rem;
    border-radius: 1.5rem;
  }

  body[data-page="inicio"] .home-streaming-photo {
    inset: 0;
    background-position: 42% center;
    transform: translate3d(0, var(--parallax-shift, 0px), 0) scale(1.03);
  }

  body[data-page="inicio"] .home-streaming-topline {
    min-height: 3.8rem;
    padding: 0 1rem;
  }

  body[data-page="inicio"] .home-streaming-topline > span:first-child {
    display: none;
  }

  body[data-page="inicio"] .home-streaming-topline {
    grid-template-columns: 1fr auto;
  }

  body[data-page="inicio"] .home-streaming-equalizer {
    justify-self: start;
  }

  body[data-page="inicio"] .home-streaming-stage {
    gap: 1.5rem;
    padding: 6.3rem 1rem 1rem;
  }

  body[data-page="inicio"] .home-streaming-content h2 {
    font-size: clamp(4.4rem, 21vw, 6.2rem);
  }

  body[data-page="inicio"] .home-streaming-content > p:not(.section-kicker) {
    margin-top: 1rem;
    font-size: 0.9rem;
  }

  body[data-page="inicio"] .home-streaming-catalog-link {
    margin-top: 1.25rem;
  }

  body[data-page="inicio"] .home-streaming-console {
    padding: 1rem;
    border-radius: 1.15rem;
  }

  body[data-page="inicio"] .home-streaming-console-head small {
    display: none;
  }

  body[data-page="inicio"] .home-streaming-record-row {
    padding: 1rem 0;
  }

  body[data-page="inicio"] .home-streaming-record {
    width: 5.5rem;
  }

  body[data-page="inicio"] .home-streaming-platforms.platform-link-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="inicio"] .home-streaming-platforms .platform-link-chip {
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.45rem;
    min-height: 3.2rem;
    padding: 0.45rem;
    font-size: 0.54rem;
  }

  body[data-page="inicio"] .home-streaming-platform-index {
    display: none;
  }

  body[data-page="inicio"] .home-streaming-platforms .platform-link-chip i {
    width: 2rem;
    height: 2rem;
    font-size: 0.78rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="inicio"] .home-streaming-equalizer i,
  body[data-page="inicio"] .home-streaming-record {
    animation: none !important;
  }
}

/* Home events agenda ----------------------------------------------------- */
body[data-page="inicio"] .home-events-section-finale {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(5.5rem, 9vw, 9.5rem) clamp(1rem, 4.6vw, 5.5rem);
  overflow: hidden;
  border-block: 1px solid rgba(239, 182, 47, 0.14);
  background:
    radial-gradient(circle at 8% 30%, rgba(151, 31, 24, 0.24), transparent 28rem),
    radial-gradient(circle at 92% 70%, rgba(239, 182, 47, 0.1), transparent 32rem),
    linear-gradient(145deg, #0e0403 0%, #030303 40%, #070501 100%);
}

body[data-page="inicio"] .home-events-section-finale::before {
  content: "AGENDA";
  position: absolute;
  top: -0.16em;
  right: -0.035em;
  z-index: -1;
  color: transparent;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(10rem, 23vw, 27rem);
  line-height: 0.8;
  letter-spacing: -0.035em;
  -webkit-text-stroke: 1px rgba(255, 248, 233, 0.035);
  pointer-events: none;
  user-select: none;
}

body[data-page="inicio"] .home-events-section-finale::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.18;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 76px 76px;
  mask-image: linear-gradient(180deg, #000, transparent 80%);
  pointer-events: none;
}

body[data-page="inicio"] .home-events-shell {
  width: min(100%, var(--lt-stage-width));
  margin-inline: auto;
}

body[data-page="inicio"] .home-events-head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(19rem, 0.58fr) auto;
  align-items: end;
  gap: clamp(2rem, 4vw, 5rem);
  width: 100%;
  max-width: none;
  margin: 0 0 clamp(2.5rem, 4.5vw, 4.5rem);
  padding: 0 0 clamp(2rem, 3vw, 3rem);
  border-bottom: 1px solid rgba(239, 182, 47, 0.24);
}

body[data-page="inicio"] .home-events-heading-title,
body[data-page="inicio"] .home-events-heading-copy {
  min-width: 0;
}

body[data-page="inicio"] .home-events-heading-title .section-kicker {
  margin: 0 0 1.15rem;
}

body[data-page="inicio"] .home-events-heading-title h2 {
  max-width: 11ch;
  margin: 0;
  color: var(--lt-stage-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(4.5rem, 7.2vw, 8.2rem);
  font-weight: 400;
  line-height: 0.81;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

body[data-page="inicio"] .home-events-heading-title h2 em {
  display: block;
  color: var(--lt-stage-gold-bright);
  font-style: normal;
}

body[data-page="inicio"] .home-events-heading-copy {
  padding-bottom: 0.15rem;
}

body[data-page="inicio"] .home-events-heading-copy > p {
  max-width: 30rem;
  margin: 0 0 1.5rem;
  color: rgba(255, 248, 233, 0.65);
  font-size: clamp(0.95rem, 1.15vw, 1.08rem);
  line-height: 1.65;
}

body[data-page="inicio"] .home-events-heading-copy > a {
  display: inline-flex;
  align-items: center;
  gap: 0.9rem;
  color: var(--lt-stage-cream);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-events-heading-copy > a > i {
  display: grid;
  width: 2.65rem;
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgba(239, 182, 47, 0.34);
  border-radius: 50%;
  color: var(--lt-stage-gold-bright);
  background: rgba(7, 6, 4, 0.58);
  font-style: normal;
  transition: color 180ms ease, background 180ms ease, transform 180ms ease;
}

body[data-page="inicio"] .home-events-heading-copy > a:hover > i,
body[data-page="inicio"] .home-events-heading-copy > a:focus-visible > i {
  color: #100b04;
  background: var(--lt-stage-gold-bright);
  transform: rotate(8deg);
}

body[data-page="inicio"] .home-events-count {
  display: grid;
  width: clamp(7.5rem, 9vw, 9rem);
  aspect-ratio: 1;
  place-content: center;
  justify-items: center;
  border: 1px solid rgba(239, 182, 47, 0.28);
  border-radius: 50%;
  background: rgba(10, 8, 5, 0.62);
  box-shadow: inset 0 0 0 0.55rem rgba(239, 182, 47, 0.025);
  text-align: center;
}

body[data-page="inicio"] .home-events-count strong {
  color: var(--lt-stage-gold-bright);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(2.7rem, 3.2vw, 3.5rem);
  font-weight: 400;
  line-height: 0.9;
}

body[data-page="inicio"] .home-events-count span {
  margin-top: 0.55rem;
  color: rgba(255, 248, 233, 0.58);
  font-size: 0.58rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-events-grid {
  width: 100%;
  max-width: none;
  margin: 0;
}

body[data-page="inicio"] .home-event-empty {
  position: relative;
  display: grid;
  grid-template-columns: minmax(22rem, 0.88fr) minmax(0, 1.12fr);
  align-items: stretch;
  justify-items: stretch;
  gap: 0;
  width: 100%;
  max-width: none;
  min-height: clamp(34rem, 43vw, 42rem);
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.22);
  border-radius: clamp(1.6rem, 2.8vw, 2.8rem);
  color: var(--lt-stage-cream);
  background:
    radial-gradient(circle at 86% 22%, rgba(239, 182, 47, 0.09), transparent 20rem),
    linear-gradient(145deg, rgba(17, 13, 9, 0.97), rgba(5, 5, 4, 0.98));
  box-shadow: 0 40px 115px rgba(0, 0, 0, 0.58), inset 0 1px rgba(255, 255, 255, 0.04);
  text-align: left;
}

body[data-page="inicio"] .home-event-empty::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.34;
  background: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.018) 0, rgba(255, 255, 255, 0.018) 1px, transparent 1px, transparent 5px);
  pointer-events: none;
}

body[data-page="inicio"] .home-event-empty-visual,
body[data-page="inicio"] .home-event-empty-copy {
  position: relative;
  z-index: 1;
}

body[data-page="inicio"] .home-event-empty-visual {
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  padding: clamp(1.5rem, 3vw, 3rem);
  overflow: hidden;
  border-right: 1px dashed rgba(255, 248, 233, 0.22);
  background:
    radial-gradient(circle at 26% 24%, rgba(255, 207, 91, 0.24), transparent 18rem),
    linear-gradient(145deg, #8e1716 0%, #4d0908 58%, #180403 100%);
}

body[data-page="inicio"] .home-event-empty-visual::before {
  content: "LIVE";
  position: absolute;
  left: -0.07em;
  bottom: -0.13em;
  z-index: -1;
  color: transparent;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(10rem, 17vw, 19rem);
  line-height: 0.75;
  letter-spacing: -0.04em;
  -webkit-text-stroke: 1px rgba(255, 248, 233, 0.12);
}

body[data-page="inicio"] .home-event-empty-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: 0.2;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 48px 48px;
}

body[data-page="inicio"] .home-event-empty-code,
body[data-page="inicio"] .home-event-empty-stub {
  color: rgba(255, 248, 233, 0.7);
  font-size: 0.6rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-event-empty-stub {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  align-self: flex-end;
}

body[data-page="inicio"] .home-event-empty-calendar {
  display: grid;
  align-self: center;
  width: min(100%, 24rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border: 1px solid rgba(255, 248, 233, 0.24);
  border-radius: 1.6rem;
  background: rgba(17, 5, 4, 0.33);
  box-shadow: 0 26px 70px rgba(20, 0, 0, 0.26), inset 0 1px rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(12px);
}

body[data-page="inicio"] .home-event-empty-calendar > span,
body[data-page="inicio"] .home-event-empty-calendar > small {
  color: var(--lt-stage-gold-bright);
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-event-empty-calendar > strong {
  margin: 1rem 0 1.15rem;
  color: var(--lt-stage-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(4.5rem, 7.5vw, 7.8rem);
  font-weight: 400;
  line-height: 0.75;
  letter-spacing: -0.025em;
}

body[data-page="inicio"] .home-event-empty-calendar > small {
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 248, 233, 0.2);
  color: rgba(255, 248, 233, 0.58);
}

body[data-page="inicio"] .home-event-empty-orbit {
  position: absolute;
  top: clamp(1.2rem, 2.2vw, 2.2rem);
  right: clamp(1.2rem, 2.2vw, 2.2rem);
  display: grid;
  width: clamp(4rem, 5vw, 5rem);
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgba(255, 248, 233, 0.28);
  border-radius: 50%;
  color: #4d0908;
  background: var(--lt-stage-gold-bright);
  box-shadow: 0 0 0 0.55rem rgba(255, 207, 91, 0.08), 0 16px 34px rgba(28, 3, 2, 0.24);
  font-size: 1.15rem;
}

body[data-page="inicio"] .home-event-empty-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: clamp(2rem, 5vw, 5.5rem);
}

body[data-page="inicio"] .home-event-empty-status {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 2.4rem;
  padding: 0.55rem 0.75rem;
  border: 1px solid rgba(239, 182, 47, 0.2);
  border-radius: 999px;
  color: rgba(255, 248, 233, 0.67);
  background: rgba(239, 182, 47, 0.05);
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-event-empty-status i {
  width: 0.5rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--lt-stage-gold-bright);
  box-shadow: 0 0 0 0.28rem rgba(239, 182, 47, 0.1), 0 0 1rem rgba(239, 182, 47, 0.4);
}

body[data-page="inicio"] .home-event-empty-copy .panel-kicker {
  margin: 0 0 0.8rem;
}

body[data-page="inicio"] .home-event-empty-copy h3 {
  max-width: 10ch;
  margin: 0;
  color: var(--lt-stage-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(4rem, 6.3vw, 7rem);
  font-weight: 400;
  line-height: 0.82;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

body[data-page="inicio"] .home-event-empty-copy > p:not(.panel-kicker) {
  max-width: 41rem;
  margin: 1.4rem 0 0;
  color: rgba(255, 248, 233, 0.66);
  font-size: clamp(0.94rem, 1.1vw, 1.05rem);
  line-height: 1.68;
}

body[data-page="inicio"] .home-event-empty-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 2rem;
}

body[data-page="inicio"] .home-event-empty-actions .button {
  min-height: 3.25rem;
  padding-inline: 1.15rem;
  border-radius: 0.2rem;
}

body[data-page="inicio"] .home-event-empty-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  margin-top: clamp(2rem, 4vw, 3.4rem);
  padding-top: 1.15rem;
  border-top: 1px solid rgba(239, 182, 47, 0.16);
}

body[data-page="inicio"] .home-event-empty-details span {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: rgba(255, 248, 233, 0.55);
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-event-empty-details b {
  color: var(--lt-stage-gold-bright);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

body[data-page="inicio"] .home-events-grid:not(:has(.home-event-empty)) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.85rem, 1.3vw, 1.25rem);
}

body[data-page="inicio"] .home-events-grid:not(:has(.home-event-empty)) .event-highlight-card {
  border-radius: 1.5rem;
  border-color: rgba(239, 182, 47, 0.2);
  box-shadow: 0 28px 76px rgba(0, 0, 0, 0.48);
}

@media (max-width: 1120px) {
  body[data-page="inicio"] .home-events-head {
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 0.55fr);
  }

  body[data-page="inicio"] .home-events-count {
    display: none;
  }

  body[data-page="inicio"] .home-event-empty {
    grid-template-columns: minmax(20rem, 0.82fr) minmax(0, 1.18fr);
  }

  body[data-page="inicio"] .home-event-empty-copy {
    padding: clamp(2rem, 4vw, 3.5rem);
  }
}

@media (max-width: 860px) {
  body[data-page="inicio"] .home-event-empty {
    grid-template-columns: 1fr;
  }

  body[data-page="inicio"] .home-event-empty-visual {
    min-height: 31rem;
    border-right: 0;
    border-bottom: 1px dashed rgba(255, 248, 233, 0.22);
  }

  body[data-page="inicio"] .home-event-empty-calendar {
    width: min(100%, 30rem);
  }

  body[data-page="inicio"] .home-event-empty-copy h3 {
    max-width: 11ch;
  }

  body[data-page="inicio"] .home-events-grid:not(:has(.home-event-empty)) {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  body[data-page="inicio"] .home-events-section-finale {
    padding: 4.5rem 1rem;
  }

  body[data-page="inicio"] .home-events-head {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-bottom: 1.4rem;
    padding-bottom: 1.65rem;
  }

  body[data-page="inicio"] .home-events-heading-title h2 {
    font-size: clamp(3.9rem, 17vw, 5.8rem);
  }

  body[data-page="inicio"] .home-events-heading-copy > p {
    margin-bottom: 1.1rem;
  }

  body[data-page="inicio"] .home-event-empty {
    border-radius: 1.4rem;
  }

  body[data-page="inicio"] .home-event-empty-visual {
    min-height: 25rem;
    padding: 1.2rem;
  }

  body[data-page="inicio"] .home-event-empty-calendar {
    width: 100%;
    padding: 1.4rem;
  }

  body[data-page="inicio"] .home-event-empty-calendar > strong {
    font-size: clamp(4rem, 20vw, 5.8rem);
  }

  body[data-page="inicio"] .home-event-empty-stub {
    display: none;
  }

  body[data-page="inicio"] .home-event-empty-orbit {
    width: 3.8rem;
  }

  body[data-page="inicio"] .home-event-empty-copy {
    padding: 1.5rem 1.2rem 1.7rem;
  }

  body[data-page="inicio"] .home-event-empty-status {
    margin-bottom: 1.5rem;
  }

  body[data-page="inicio"] .home-event-empty-copy h3 {
    font-size: clamp(3.6rem, 16vw, 5rem);
  }

  body[data-page="inicio"] .home-event-empty-actions,
  body[data-page="inicio"] .home-event-empty-actions .button {
    width: 100%;
  }

  body[data-page="inicio"] .home-event-empty-actions .button {
    justify-content: center;
  }

  body[data-page="inicio"] .home-event-empty-details {
    gap: 0.4rem;
  }

  body[data-page="inicio"] .home-event-empty-details span {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    font-size: 0.54rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="inicio"] .home-events-heading-copy > a > i {
    transition: none !important;
  }
}

/* Home booking finale ---------------------------------------------------- */
body[data-page="inicio"] .home-booking-final-section {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(5rem, 8vw, 8.5rem) clamp(1rem, 4.6vw, 5.5rem);
  overflow: hidden;
  background:
    radial-gradient(circle at 15% 20%, rgba(151, 31, 24, 0.24), transparent 28rem),
    radial-gradient(circle at 86% 76%, rgba(239, 182, 47, 0.11), transparent 32rem),
    linear-gradient(150deg, #0d0403 0%, #030303 45%, #080603 100%);
}

body[data-page="inicio"] .home-booking-final-section::before {
  content: "BOOKING";
  position: absolute;
  right: -0.035em;
  bottom: -0.13em;
  z-index: -1;
  color: transparent;
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(9rem, 21vw, 24rem);
  line-height: 0.8;
  letter-spacing: -0.035em;
  -webkit-text-stroke: 1px rgba(255, 248, 233, 0.035);
  pointer-events: none;
  user-select: none;
}

body[data-page="inicio"] .home-booking-final-section .home-booking-panel {
  position: relative;
  isolation: isolate;
  display: block;
  width: min(100%, var(--lt-stage-width));
  min-height: clamp(48rem, 60vw, 58rem);
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.28);
  border-radius: clamp(1.7rem, 3vw, 3rem);
  background: #060504;
  box-shadow: 0 48px 140px rgba(0, 0, 0, 0.7), inset 0 1px rgba(255, 255, 255, 0.05);
}

body[data-page="inicio"] .home-booking-final-section .home-booking-panel::before {
  inset: -3%;
  z-index: 0;
  filter: saturate(1.08) contrast(1.12);
  transform: scale(1.04);
  animation: bookingSceneDrift 16s ease-in-out infinite alternate;
}

body[data-page="inicio"] .home-booking-final-section .home-booking-panel::after {
  inset: 0;
  z-index: 1;
  border: 0;
  border-radius: inherit;
  opacity: 0.78;
  background:
    linear-gradient(90deg, rgba(3, 3, 3, 0.12) 0%, rgba(3, 3, 3, 0.25) 40%, rgba(3, 3, 3, 0.84) 72%, rgba(3, 3, 3, 0.96) 100%),
    linear-gradient(180deg, rgba(3, 3, 3, 0.08), rgba(3, 3, 3, 0.16) 48%, rgba(3, 3, 3, 0.88)),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.02) 0, rgba(255, 255, 255, 0.02) 1px, transparent 1px, transparent 5px);
  mix-blend-mode: normal;
  animation: none;
}

body[data-page="inicio"] .home-booking-motion {
  z-index: 2;
}

body[data-page="inicio"] .home-booking-topline {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1.25rem;
  min-height: 4.65rem;
  padding: 0 clamp(1.25rem, 2.8vw, 3rem);
  border-bottom: 1px solid rgba(239, 182, 47, 0.2);
  background: rgba(4, 4, 3, 0.4);
  backdrop-filter: blur(12px);
}

body[data-page="inicio"] .home-booking-topline > span {
  color: rgba(255, 248, 233, 0.66);
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-booking-topline > span:last-child {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--lt-stage-gold-bright);
}

body[data-page="inicio"] .home-booking-topline > span:last-child i {
  display: block;
  width: 0.5rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #79df8c;
  box-shadow: 0 0 0 0.25rem rgba(121, 223, 140, 0.1), 0 0 1rem rgba(121, 223, 140, 0.55);
}

body[data-page="inicio"] .home-booking-topline-rule {
  height: 1px;
  background: linear-gradient(90deg, rgba(239, 182, 47, 0.1), rgba(239, 182, 47, 0.5), rgba(239, 182, 47, 0.1));
}

body[data-page="inicio"] .home-booking-stage {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(25rem, 0.72fr);
  align-items: end;
  gap: clamp(2rem, 5vw, 6rem);
  min-height: clamp(37rem, 47vw, 45rem);
  padding: clamp(4rem, 7vw, 7rem) clamp(1.4rem, 4.4vw, 4.8rem) clamp(2.2rem, 4vw, 4rem);
}

body[data-page="inicio"] .home-booking-copy {
  grid-area: auto;
  align-self: end;
  width: 100%;
  max-width: 48rem;
}

body[data-page="inicio"] .home-booking-copy .section-kicker {
  margin: 0 0 1.2rem;
}

body[data-page="inicio"] .home-booking-copy h2 {
  max-width: 8.5ch;
  margin: 0;
  color: var(--lt-stage-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(5.4rem, 8.6vw, 10rem);
  font-weight: 400;
  line-height: 0.78;
  letter-spacing: -0.035em;
  text-transform: uppercase;
  text-wrap: balance;
  text-shadow: 0 8px 42px rgba(0, 0, 0, 0.86);
}

body[data-page="inicio"] .home-booking-copy h2 em {
  display: block;
  color: var(--lt-stage-gold-bright);
  font-style: normal;
}

body[data-page="inicio"] .home-booking-lead {
  max-width: 35rem;
  margin: 1.35rem 0 0;
  color: rgba(255, 248, 233, 0.74);
  font-size: clamp(0.96rem, 1.15vw, 1.08rem);
  line-height: 1.68;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.82);
}

body[data-page="inicio"] .home-booking-tags {
  gap: 0.5rem;
  margin-top: 1.35rem;
}

body[data-page="inicio"] .home-booking-tags span {
  min-height: 2.15rem;
  padding: 0.48rem 0.72rem;
  border-color: rgba(239, 182, 47, 0.22);
  color: rgba(255, 248, 233, 0.75);
  background: rgba(7, 6, 4, 0.55);
  font-size: 0.6rem;
}

body[data-page="inicio"] .home-booking-actions {
  grid-area: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  justify-self: auto;
  gap: 0.75rem;
  width: 100%;
  max-width: none;
  margin-top: 2rem;
}

body[data-page="inicio"] .home-booking-actions .button {
  display: inline-flex;
  min-height: 3.45rem;
  padding: 0.9rem 1.2rem;
  border-radius: 0.25rem;
}

body[data-page="inicio"] .home-booking-actions .button-primary {
  gap: 1.5rem;
}

body[data-page="inicio"] .home-booking-actions .button-primary > i {
  font-style: normal;
  font-size: 1rem;
}

body[data-page="inicio"] .home-booking-actions .button-secondary .fa-whatsapp {
  color: #70df91;
  font-size: 1.05rem;
}

body[data-page="inicio"] .home-booking-card {
  position: relative;
  width: 100%;
  padding: clamp(1.3rem, 2.3vw, 2.2rem);
  border: 1px solid rgba(239, 182, 47, 0.25);
  border-radius: clamp(1.4rem, 2vw, 2rem);
  color: var(--lt-stage-cream);
  background:
    radial-gradient(circle at 84% 12%, rgba(239, 182, 47, 0.13), transparent 15rem),
    rgba(7, 6, 4, 0.78);
  box-shadow: 0 30px 82px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(18px) saturate(112%);
}

body[data-page="inicio"] .home-booking-card .home-booking-highlight {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "label year"
    "copy year"
    "rhythm rhythm";
  align-items: end;
  gap: 0.25rem 1rem;
  width: 100%;
  min-width: 0;
  margin: 0 0 1.8rem;
  padding: 1rem 1.1rem;
  border-radius: 1rem;
  color: var(--lt-stage-gold-bright);
  background: rgba(239, 182, 47, 0.055);
  backdrop-filter: none;
}

body[data-page="inicio"] .home-booking-card .home-booking-highlight::before {
  top: 0.95rem;
  right: 1rem;
  width: 0.48rem;
  height: 0.48rem;
}

body[data-page="inicio"] .home-booking-card .home-booking-highlight span {
  grid-area: label;
  align-self: end;
  font-size: 0.6rem;
}

body[data-page="inicio"] .home-booking-card .home-booking-highlight strong {
  grid-area: year;
  align-self: center;
  margin: 0 1.2rem 0 0;
  color: var(--lt-stage-cream);
  font-size: clamp(3.2rem, 4.4vw, 4.8rem);
}

body[data-page="inicio"] .home-booking-card .home-booking-highlight small {
  grid-area: copy;
  margin: 0;
  color: rgba(255, 248, 233, 0.56);
  font-size: 0.56rem;
}

body[data-page="inicio"] .home-booking-card .home-booking-rhythm {
  grid-area: rhythm;
  height: 1.2rem;
  margin-top: 0.55rem;
}

body[data-page="inicio"] .home-booking-card .panel-kicker {
  margin: 0 0 0.7rem;
}

body[data-page="inicio"] .home-booking-card h3 {
  max-width: 11ch;
  margin: 0;
  color: var(--lt-stage-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(2.8rem, 3.7vw, 4.4rem);
  font-weight: 400;
  line-height: 0.84;
  letter-spacing: -0.015em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-booking-steps {
  display: grid;
  margin-top: 1.5rem;
  border-top: 1px solid rgba(239, 182, 47, 0.15);
}

body[data-page="inicio"] .home-booking-steps > div {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  min-height: 4.3rem;
  border-bottom: 1px solid rgba(239, 182, 47, 0.12);
}

body[data-page="inicio"] .home-booking-steps span {
  color: var(--lt-stage-gold-bright);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 1.25rem;
}

body[data-page="inicio"] .home-booking-steps strong {
  color: var(--lt-stage-cream);
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-booking-steps small {
  color: rgba(255, 248, 233, 0.48);
  font-size: 0.68rem;
  text-align: right;
}

body[data-page="inicio"] .home-booking-card-note {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin: 1.1rem 0 0;
  color: rgba(255, 248, 233, 0.55);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-booking-card-note i {
  color: var(--lt-stage-gold-bright);
}

body[data-page="inicio"] .home-booking-contact-rail {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: auto minmax(13rem, 0.8fr) minmax(18rem, 1.1fr) auto;
  align-items: center;
  gap: 0;
  margin: 0 clamp(1.4rem, 4.4vw, 4.8rem) clamp(1.3rem, 2vw, 2rem);
  border: 1px solid rgba(239, 182, 47, 0.2);
  border-radius: 1.1rem;
  overflow: hidden;
  color: var(--lt-stage-cream);
  background: rgba(5, 4, 3, 0.77);
  backdrop-filter: blur(16px);
}

body[data-page="inicio"] .home-booking-contact-label,
body[data-page="inicio"] .home-booking-contact-seal,
body[data-page="inicio"] .home-booking-contact-rail a {
  min-height: 4.4rem;
  padding: 0.85rem 1rem;
  border-right: 1px solid rgba(239, 182, 47, 0.14);
}

body[data-page="inicio"] .home-booking-contact-label,
body[data-page="inicio"] .home-booking-contact-seal {
  display: flex;
  align-items: center;
  color: rgba(255, 248, 233, 0.52);
  font-size: 0.58rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-booking-contact-rail a {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  align-content: center;
  gap: 0.12rem 0.75rem;
  color: var(--lt-stage-cream);
  transition: color 180ms ease, background 180ms ease;
}

body[data-page="inicio"] .home-booking-contact-rail a > i {
  grid-row: 1 / 3;
  align-self: center;
  color: var(--lt-stage-gold-bright);
}

body[data-page="inicio"] .home-booking-contact-rail a > span {
  color: rgba(255, 248, 233, 0.48);
  font-size: 0.55rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

body[data-page="inicio"] .home-booking-contact-rail a > strong {
  font-size: 0.83rem;
  font-weight: 800;
}

body[data-page="inicio"] .home-booking-contact-rail a:hover,
body[data-page="inicio"] .home-booking-contact-rail a:focus-visible {
  color: var(--lt-stage-gold-bright);
  background: rgba(239, 182, 47, 0.07);
}

body[data-page="inicio"] .home-booking-contact-seal {
  gap: 0.55rem;
  border-right: 0;
  color: var(--lt-stage-gold-bright);
}

body[data-page="inicio"] .home-booking-contact-seal i {
  display: grid;
  width: 1.6rem;
  aspect-ratio: 1;
  place-items: center;
  border-radius: 50%;
  color: #140d06;
  background: var(--lt-stage-gold-bright);
  font-size: 0.65rem;
}

@media (max-width: 1080px) {
  body[data-page="inicio"] .home-booking-final-section .home-booking-panel::after {
    background:
      linear-gradient(180deg, rgba(3, 3, 3, 0.08) 0%, rgba(3, 3, 3, 0.36) 43%, rgba(3, 3, 3, 0.94) 100%),
      repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.02) 0, rgba(255, 255, 255, 0.02) 1px, transparent 1px, transparent 5px);
  }

  body[data-page="inicio"] .home-booking-stage {
    grid-template-columns: 1fr;
    gap: 2.25rem;
  }

  body[data-page="inicio"] .home-booking-copy {
    max-width: 44rem;
  }

  body[data-page="inicio"] .home-booking-card {
    max-width: 44rem;
    margin-left: auto;
  }

  body[data-page="inicio"] .home-booking-contact-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="inicio"] .home-booking-contact-label,
  body[data-page="inicio"] .home-booking-contact-seal {
    display: none;
  }

  body[data-page="inicio"] .home-booking-contact-rail a:nth-of-type(2) {
    border-right: 0;
  }
}

@media (max-width: 680px) {
  body[data-page="inicio"] .home-booking-final-section {
    padding: 4rem 0.85rem;
  }

  body[data-page="inicio"] .home-booking-final-section .home-booking-panel {
    width: 100%;
    min-height: 0;
    border-radius: 1.5rem;
  }

  body[data-page="inicio"] .home-booking-final-section .home-booking-panel::before {
    background-position: center 35%;
  }

  body[data-page="inicio"] .home-booking-topline {
    grid-template-columns: 1fr auto;
    min-height: 3.8rem;
    padding: 0 1rem;
  }

  body[data-page="inicio"] .home-booking-topline > span:first-child {
    display: none;
  }

  body[data-page="inicio"] .home-booking-topline-rule {
    justify-self: stretch;
  }

  body[data-page="inicio"] .home-booking-stage {
    gap: 1.5rem;
    min-height: 0;
    padding: 6rem 1rem 1.2rem;
  }

  body[data-page="inicio"] .home-booking-copy h2 {
    max-width: 7.5ch;
    font-size: clamp(4.5rem, 21vw, 6.3rem);
  }

  body[data-page="inicio"] .home-booking-lead {
    margin-top: 1rem;
    font-size: 0.91rem;
  }

  body[data-page="inicio"] .home-booking-tags span {
    flex: 1 1 calc(50% - 0.5rem);
    justify-content: center;
    min-width: 0;
  }

  body[data-page="inicio"] .home-booking-actions,
  body[data-page="inicio"] .home-booking-actions .button {
    width: 100%;
  }

  body[data-page="inicio"] .home-booking-actions .button {
    justify-content: center;
  }

  body[data-page="inicio"] .home-booking-card {
    padding: 1rem;
    border-radius: 1.2rem;
  }

  body[data-page="inicio"] .home-booking-card h3 {
    font-size: clamp(2.8rem, 14vw, 4rem);
  }

  body[data-page="inicio"] .home-booking-steps > div {
    grid-template-columns: 1.7rem minmax(0, 1fr);
    gap: 0.55rem;
  }

  body[data-page="inicio"] .home-booking-steps small {
    display: none;
  }

  body[data-page="inicio"] .home-booking-contact-rail {
    grid-template-columns: 1fr;
    margin: 0 1rem 1rem;
  }

  body[data-page="inicio"] .home-booking-contact-rail a {
    border-right: 0;
    border-bottom: 1px solid rgba(239, 182, 47, 0.14);
  }

  body[data-page="inicio"] .home-booking-contact-rail a:last-of-type {
    border-bottom: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="inicio"] .home-booking-final-section .home-booking-panel::before,
  body[data-page="inicio"] .home-booking-motion span,
  body[data-page="inicio"] .home-booking-card .home-booking-rhythm i,
  body[data-page="inicio"] .home-booking-card .home-booking-highlight::before {
    animation: none !important;
  }
}

/* Modern editorial footer ------------------------------------------------- */
.site-footer {
  position: relative;
  isolation: isolate;
  display: block;
  overflow: hidden;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 0 clamp(1.1rem, 2vw, 1.8rem);
  color: var(--lt-stage-cream);
  text-align: left;
  border: 0;
  border-top: 1px solid rgba(239, 182, 47, 0.42);
  border-radius: 0;
  background:
    radial-gradient(circle at 10% 20%, rgba(132, 23, 18, 0.26), transparent 32rem),
    radial-gradient(circle at 88% 38%, rgba(239, 182, 47, 0.08), transparent 27rem),
    linear-gradient(135deg, #090502 0%, #050403 50%, #080704 100%);
  box-shadow: none;
}

.site-footer::before {
  content: "TREVIÑOSA";
  position: absolute;
  inset: auto -0.04em -0.22em auto;
  z-index: 0;
  color: transparent;
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: clamp(11rem, 28vw, 34rem);
  line-height: 0.78;
  letter-spacing: -0.035em;
  -webkit-text-stroke: 1px rgba(239, 182, 47, 0.035);
  opacity: 1;
  filter: none;
  pointer-events: none;
  white-space: nowrap;
}

.site-footer::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.011) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.011) 1px, transparent 1px);
  background-size: 58px 58px;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.85), transparent 78%);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.85), transparent 78%);
  pointer-events: none;
}

.site-footer > * {
  position: relative;
  z-index: 1;
}

[data-footer-marquee] {
  position: relative;
  z-index: 2;
  width: 100%;
}

.footer-marquee {
  overflow: hidden;
  width: 100%;
  border-top: 1px solid rgba(58, 34, 4, 0.18);
  border-bottom: 1px solid rgba(58, 34, 4, 0.18);
  background: linear-gradient(100deg, #f7c83e, #ffdc70 48%, #eba719);
  color: #130d03;
}

.footer-marquee-track {
  display: flex;
  align-items: center;
  width: max-content;
  min-width: 200%;
  min-height: 48px;
  animation: lt-footer-marquee 26s linear infinite;
}

.footer-marquee span {
  display: inline-flex;
  align-items: center;
  padding-inline: clamp(1rem, 2vw, 2.25rem);
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: clamp(1.05rem, 1.4vw, 1.35rem);
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.footer-marquee i {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border: 1px solid rgba(19, 13, 3, 0.72);
}

.site-footer .footer-modern-shell {
  width: min(1720px, calc(100% - clamp(2rem, 8vw, 9rem)));
  margin: 0 auto;
}

.site-footer .footer-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr);
  gap: clamp(3rem, 6vw, 7rem);
  align-items: center;
}

.site-footer .footer-brand-block {
  display: grid;
  justify-items: start;
  align-content: center;
  max-width: 740px;
}

.site-footer .footer-brand-lockup {
  display: inline-flex;
  transition: transform 220ms ease, filter 220ms ease;
}

.site-footer .footer-brand-lockup:hover,
.site-footer .footer-brand-lockup:focus-visible {
  transform: translateY(-3px);
  filter: drop-shadow(0 10px 24px rgba(239, 182, 47, 0.18));
  outline: none;
}

.site-footer .footer-brand-lockup img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.site-footer .footer-brand-kicker,
.site-footer .footer-directory-label,
.site-footer .footer-newsletter-index,
.site-footer .footer-news-kicker {
  margin: 0;
  color: var(--lt-stage-gold-bright);
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.19em;
  text-transform: uppercase;
}

.site-footer .footer-brand-kicker {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}

.site-footer .footer-brand-kicker span {
  width: 38px;
  height: 2px;
  background: var(--lt-stage-gold);
  box-shadow: 0 0 16px rgba(239, 182, 47, 0.48);
}

.site-footer .footer-brand-block h2 {
  margin: 0;
  color: #fff8eb;
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-weight: 400;
  letter-spacing: -0.025em;
  text-transform: uppercase;
}

.site-footer .footer-brand-block h2 em {
  color: var(--lt-stage-gold);
  font-style: normal;
  text-shadow: 0 0 36px rgba(239, 182, 47, 0.16);
}

.site-footer .footer-brand-lead {
  margin: 1.1rem 0 0;
  color: #ada28e;
}

.site-footer .footer-brand-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
}

.site-footer .footer-booking-button,
.site-footer .footer-newsletter-actions .button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0.9rem 1.15rem 0.9rem 1.4rem;
  color: #170f02;
  border: 0;
  border-radius: 0;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
  background: linear-gradient(105deg, #f9c63d, #ffdc72);
  box-shadow: 0 14px 36px rgba(218, 149, 16, 0.14);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.site-footer .footer-booking-button i,
.site-footer .footer-newsletter-actions .button i {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  font-family: Arial, sans-serif;
  font-size: 1rem;
  font-style: normal;
  border: 1px solid rgba(23, 15, 2, 0.24);
}

.site-footer .footer-listen-link {
  padding-block: 0.7rem 0.55rem;
  color: #fff6e8;
  border-bottom: 1px solid rgba(239, 182, 47, 0.36);
  font-size: 0.8rem;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 180ms ease, border-color 180ms ease;
}

.site-footer .footer-listen-link:hover,
.site-footer .footer-listen-link:focus-visible {
  color: var(--lt-stage-gold-bright);
  border-color: var(--lt-stage-gold);
  outline: none;
}

.site-footer .footer-newsletter-group {
  position: relative;
  display: grid;
  align-content: center;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.28);
  border-radius: 0;
  clip-path: polygon(0 0, calc(100% - 48px) 0, 100% 48px, 100% 100%, 0 100%);
}

.site-footer .footer-newsletter-group::after {
  content: "01";
  position: absolute;
  top: -0.15em;
  right: 0.12em;
  z-index: -1;
  color: rgba(239, 182, 47, 0.035);
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: clamp(10rem, 18vw, 18rem);
  line-height: 1;
}

.site-footer .footer-newsletter-index {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}

.site-footer .footer-newsletter-index span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  color: #171004;
  background: var(--lt-stage-gold);
  letter-spacing: 0;
}

.site-footer .footer-newsletter-copy {
  display: grid;
  justify-items: start;
  text-align: left;
}

.site-footer .footer-newsletter-copy h3 {
  margin: 0;
  color: #fff8eb;
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-weight: 400;
  line-height: 0.9;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

.site-footer .footer-newsletter-copy p:not(.footer-news-kicker) {
  max-width: 34rem;
  margin: 0;
  color: #a99f8c;
}

.site-footer .footer-newsletter-form {
  display: grid;
  width: 100%;
  max-width: none;
  margin: 1.2rem 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
}

.site-footer .footer-newsletter-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
}

.site-footer .footer-newsletter-form label:not(.footer-newsletter-consent) {
  display: grid;
  gap: 0.4rem;
  min-width: 0;
  color: #c9bda9;
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.site-footer .footer-newsletter-form input[type="text"],
.site-footer .footer-newsletter-form input[type="email"] {
  width: 100%;
  padding: 0.85rem 1rem;
  color: #fff8ec;
  border: 1px solid rgba(239, 182, 47, 0.22);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.035);
  font-size: 0.9rem;
  font-weight: 700;
}

.site-footer .footer-newsletter-form input::placeholder {
  color: rgba(255, 248, 236, 0.34);
}

.site-footer .footer-newsletter-form input:focus {
  border-color: var(--lt-stage-gold);
  box-shadow: 0 0 0 3px rgba(239, 182, 47, 0.09);
}

.site-footer .footer-newsletter-consent {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  width: 100%;
  gap: 0.65rem !important;
  margin: 0;
  color: #8f8677;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 0.74rem;
  line-height: 1.4;
  text-align: left;
}

.site-footer .footer-newsletter-consent input[type="checkbox"] {
  width: 38px;
  min-width: 38px;
  height: 21px;
  min-height: 21px;
}

.site-footer .footer-newsletter-consent input[type="checkbox"]::before {
  top: 2px;
  left: 2px;
  width: 15px;
  height: 15px;
}

.site-footer .footer-newsletter-consent input[type="checkbox"]:checked::before {
  transform: translateX(17px);
}

.site-footer .footer-newsletter-actions {
  display: grid;
  justify-items: stretch;
  gap: 0.4rem;
}

.site-footer .footer-newsletter-actions .button {
  width: 100%;
  min-width: 0;
}

.site-footer .footer-newsletter-form .form-response {
  min-height: 1.2rem;
  margin: 0;
  color: var(--lt-stage-gold-bright);
  font-size: 0.78rem;
  line-height: 1.4;
  text-align: left;
}

.site-footer .footer-directory {
  display: grid;
  grid-template-columns: minmax(260px, 1.25fr) minmax(150px, 0.62fr) minmax(150px, 0.62fr) minmax(260px, 1fr);
  gap: clamp(2rem, 5vw, 5rem);
  padding: clamp(2.5rem, 4vw, 4rem) 0;
  border-top: 1px solid rgba(239, 182, 47, 0.17);
  border-bottom: 1px solid rgba(239, 182, 47, 0.17);
}

.site-footer .footer-contact-block,
.site-footer .footer-nav-group,
.site-footer .footer-social-group {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 0.9rem;
  min-width: 0;
  text-align: left;
}

.site-footer .footer-contact-block > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: min(100%, 330px);
  gap: 1rem;
  padding-bottom: 0.75rem;
  color: #fff7e9;
  border-bottom: 1px solid rgba(239, 182, 47, 0.15);
  font-size: clamp(0.95rem, 1.15vw, 1.08rem);
  font-weight: 800;
  text-decoration: none;
  transition: color 180ms ease, border-color 180ms ease;
}

.site-footer .footer-contact-block > a:hover,
.site-footer .footer-contact-block > a:focus-visible {
  color: var(--lt-stage-gold-bright);
  border-color: var(--lt-stage-gold);
  outline: none;
}

.site-footer .footer-contact-block small {
  max-width: 270px;
  color: #756e62;
  font-size: 0.78rem;
  line-height: 1.55;
}

.site-footer .footer-nav {
  display: grid;
  justify-content: stretch;
  width: 100%;
  max-width: none;
  gap: 0.35rem;
  padding: 0;
  border: 0;
}

.site-footer .footer-nav a {
  display: inline-flex;
  width: fit-content;
  padding: 0.25rem 0;
  color: #a89e8c;
  font-size: 0.86rem;
  font-weight: 750;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-transform: none;
  transition: color 180ms ease, transform 180ms ease;
}

.site-footer .footer-nav a::after {
  display: none;
}

.site-footer .footer-nav a:hover,
.site-footer .footer-nav a:focus-visible,
.site-footer .footer-nav a.is-active {
  color: #fff7e9;
  transform: translateX(4px);
  outline: none;
}

.site-footer .footer-follow-message {
  max-width: 260px;
  margin: 0;
  color: #aba08d;
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0;
}

.site-footer .footer-social {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.55rem;
}

.site-footer .footer-social-link {
  display: inline-grid;
  place-items: center;
  width: 46px;
  height: 46px;
  color: #fff5e4;
  border: 1px solid rgba(239, 182, 47, 0.24);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.025);
  transition: transform 180ms ease, color 180ms ease, background 180ms ease, border-color 180ms ease;
}

.site-footer .footer-social-link:hover,
.site-footer .footer-social-link:focus-visible {
  transform: translateY(-3px);
  color: #171004;
  border-color: var(--lt-stage-gold);
  background: var(--lt-stage-gold);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
  outline: none;
}

.site-footer .footer-bottom-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 1.5rem;
  padding: 1.35rem 5.5rem 0 0;
  border: 0;
}

.site-footer .footer-copy {
  width: auto;
  margin: 0;
  color: #746d61;
  font-size: 0.76rem;
  line-height: 1.5;
  text-align: left;
}

.site-footer .footer-legal-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.7rem 1.2rem;
}

.site-footer .footer-legal-link {
  color: #8d8475;
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-decoration: none;
  text-transform: uppercase;
}

.site-footer .footer-legal-link:hover,
.site-footer .footer-legal-link:focus-visible {
  color: var(--lt-stage-gold-bright);
  outline: none;
}

@keyframes lt-footer-marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (max-width: 1120px) {
  .site-footer .footer-main-grid {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  .site-footer .footer-brand-block {
    max-width: 820px;
  }

  .site-footer .footer-brand-block h2 {
    max-width: 9ch;
  }

  .site-footer .footer-newsletter-group {
    min-height: 0;
  }

  .site-footer .footer-directory {
    grid-template-columns: minmax(260px, 1fr) repeat(2, minmax(140px, 0.55fr));
  }

  .site-footer .footer-social-group {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .site-footer {
    padding-bottom: 7rem;
  }

  .footer-marquee-track {
    min-height: 42px;
  }

  .site-footer .footer-modern-shell {
    width: min(100% - 1.5rem, 1720px);
  }

  .site-footer .footer-main-grid {
  }

  .site-footer .footer-brand-lockup {
  }

  .site-footer .footer-brand-block h2 {
  }

  .site-footer .footer-brand-lead {
    margin-top: 1.15rem;
    font-size: 0.92rem;
  }

  .site-footer .footer-brand-actions,
  .site-footer .footer-booking-button,
  .site-footer .footer-listen-link {
    width: 100%;
  }

  .site-footer .footer-listen-link {
    text-align: center;
  }

  .site-footer .footer-newsletter-group {
    clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 0 100%);
  }

  .site-footer .footer-newsletter-copy h3 {
  }

  .site-footer .footer-newsletter-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .site-footer .footer-newsletter-actions .button {
    min-height: 56px;
  }

  .site-footer .footer-directory {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5rem 1.25rem;
    padding: 2.75rem 0;
  }

  .site-footer .footer-contact-block,
  .site-footer .footer-social-group {
    grid-column: 1 / -1;
  }

  .site-footer .footer-bottom-bar {
    display: grid;
    justify-items: start;
    padding-right: 0;
  }

  .site-footer .footer-legal-links {
    justify-content: flex-start;
  }
}

@media (max-width: 420px) {
  .site-footer .footer-brand-block h2 {
    font-size: clamp(4.2rem, 21vw, 5.4rem);
  }

  .site-footer .footer-newsletter-index {
    margin-bottom: 1rem;
  }

  .site-footer .footer-newsletter-consent {
    align-items: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .footer-marquee-track {
    animation: none !important;
  }
}

/* Modern booking forms ---------------------------------------------------- */
.booking-modal {
  display: grid;
  place-items: center;
  padding: clamp(0.65rem, 2vw, 1.5rem);
}

.booking-modal-backdrop {
  background:
    radial-gradient(circle at 16% 20%, rgba(126, 20, 16, 0.28), transparent 32rem),
    rgba(3, 2, 1, 0.86);
  backdrop-filter: blur(18px) saturate(0.72);
}

.booking-modal-dialog {
  position: relative;
  display: grid;
  grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.45fr);
  width: min(1180px, 100%);
  height: min(860px, calc(100svh - clamp(1.3rem, 4vw, 3rem)));
  max-height: none;
  margin: 0;
  overflow: hidden;
  color: #fff8eb;
  border: 1px solid rgba(239, 182, 47, 0.28);
  border-radius: 28px;
  background: #070604;
  box-shadow:
    0 48px 140px rgba(0, 0, 0, 0.72),
    0 0 0 1px rgba(255, 255, 255, 0.018),
    inset 0 1px rgba(255, 255, 255, 0.04);
}

.booking-modal-dialog::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 80px rgba(239, 182, 47, 0.035);
  pointer-events: none;
}

.booking-modal-head,
.booking-modal-form,
.booking-modal-close {
  position: relative;
  z-index: 1;
}

.booking-modal-head {
  isolation: isolate;
  display: grid;
  align-content: end;
  gap: 0;
  height: 100%;
  min-height: 0;
  padding: clamp(2rem, 4vw, 3.4rem);
  overflow: hidden;
  border-right: 1px solid rgba(239, 182, 47, 0.19);
  background:
    linear-gradient(180deg, rgba(4, 3, 2, 0.2), rgba(4, 3, 2, 0.62) 40%, rgba(4, 3, 2, 0.98) 86%),
    linear-gradient(100deg, rgba(111, 17, 13, 0.42), transparent 74%),
    #090603;
}

.booking-modal-head-image {
  position: absolute;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(0.82) contrast(1.04);
}

.booking-modal-head::before {
  content: "SOLICITUD / 01";
  position: absolute;
  top: 1.6rem;
  left: 1.8rem;
  z-index: -1;
  color: rgba(255, 248, 235, 0.25);
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.2em;
  writing-mode: vertical-rl;
}

.booking-modal-head::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(180deg, rgba(4, 3, 2, 0.08) 0%, rgba(4, 3, 2, 0.28) 34%, rgba(4, 3, 2, 0.9) 100%),
    linear-gradient(100deg, rgba(91, 13, 11, 0.28), transparent 70%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.015) 0 1px, transparent 1px 5px),
    radial-gradient(circle at 50% 22%, rgba(239, 182, 47, 0.13), transparent 15rem);
  pointer-events: none;
}

.booking-modal-head .section-kicker {
  margin: 0 0 1rem;
  color: var(--lt-stage-gold-bright);
  font-size: 0.7rem;
  letter-spacing: 0.2em;
}

.booking-modal-head h2 {
  max-width: 7ch;
  margin: 0;
  color: #fff8eb;
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: clamp(4.3rem, 6vw, 6.4rem);
  font-weight: 400;
  line-height: 0.8;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-wrap: balance;
}

.booking-modal-head > p:last-of-type {
  max-width: 30rem;
  margin: 1.25rem 0 0;
  color: rgba(238, 225, 203, 0.72);
  font-size: 0.9rem;
  line-height: 1.65;
}

.booking-modal-guide {
  display: grid;
  gap: 0;
  margin-top: clamp(1.6rem, 4vh, 3rem);
  border-top: 1px solid rgba(239, 182, 47, 0.2);
}

.booking-modal-guide > div {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  align-items: center;
  gap: 0.65rem;
  min-height: 44px;
  color: rgba(232, 219, 197, 0.46);
  border-bottom: 1px solid rgba(239, 182, 47, 0.11);
}

.booking-modal-guide span {
  color: rgba(239, 182, 47, 0.58);
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: 1rem;
  letter-spacing: 0.08em;
}

.booking-modal-guide strong {
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.booking-modal-guide > .is-active {
  color: #fff8eb;
}

.booking-modal-guide > .is-active span {
  color: var(--lt-stage-gold-bright);
}

.booking-modal-direct {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.15rem;
  padding: 0.75rem;
  border: 1px solid rgba(239, 182, 47, 0.18);
  background: rgba(4, 3, 2, 0.52);
}

.booking-modal-direct > i {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: #110d04;
  background: linear-gradient(135deg, #f6c737, #ffdf79);
  font-size: 1.15rem;
}

.booking-modal-direct > span {
  display: grid;
  gap: 0.18rem;
  color: #8f8677;
  font-size: 0.65rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.booking-modal-direct strong {
  color: #fff5e4;
  font-size: 0.92rem;
  letter-spacing: 0.02em;
}

.booking-modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  float: none;
  z-index: 8;
  width: 48px;
  height: 48px;
  margin: 0;
  color: #ff7c72;
  border: 1px solid rgba(255, 104, 92, 0.42);
  border-radius: 50%;
  background: rgba(74, 12, 14, 0.88);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.34);
}

.booking-modal-close:hover,
.booking-modal-close:focus-visible {
  color: #fff;
  background: #a3171c;
  border-color: rgba(255, 143, 133, 0.8);
}

.booking-modal-form {
  align-content: start;
  gap: 1.15rem;
  height: 100%;
  max-height: 100%;
  padding: clamp(2rem, 3.8vw, 3.2rem) clamp(1.45rem, 3.7vw, 3rem) 3rem;
  overflow-x: hidden;
  overflow-y: auto;
  background:
    linear-gradient(rgba(255, 255, 255, 0.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.012) 1px, transparent 1px),
    radial-gradient(circle at 100% 0%, rgba(239, 182, 47, 0.075), transparent 24rem),
    #080705;
  background-size: 48px 48px, 48px 48px, auto, auto;
  scrollbar-color: #e7ad25 rgba(255, 255, 255, 0.035);
  scrollbar-width: thin;
}

.booking-modal-form::-webkit-scrollbar {
  width: 8px;
}

.booking-modal-form::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.025);
}

.booking-modal-form::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #ffd867, #c88416);
  border: 2px solid #080705;
  border-radius: 999px;
}

[data-booking-form] .booking-scope-chooser {
  gap: 1rem;
  padding: 1.15rem;
  border: 1px solid rgba(239, 182, 47, 0.19);
  border-radius: 4px;
  background:
    linear-gradient(115deg, rgba(111, 17, 13, 0.12), transparent 46%),
    rgba(255, 255, 255, 0.025);
}

[data-booking-form] .booking-scope-chooser > p {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  color: #e9ddc9;
  font-size: 0.68rem;
  letter-spacing: 0.15em;
}

[data-booking-form] .booking-step-number {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  color: #160f03;
  background: var(--lt-stage-gold);
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: 1rem;
  letter-spacing: 0.04em;
}

[data-booking-form] .choice-options {
  gap: 0.65rem;
}

[data-booking-form] .choice-option-ui {
  position: relative;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 0.75rem;
  padding: 0.85rem;
  border-color: rgba(239, 182, 47, 0.14);
  border-radius: 3px;
  background: rgba(5, 4, 3, 0.64);
  box-shadow: none;
}

[data-booking-form] .choice-option-ui::after {
  content: "";
  width: 10px;
  height: 10px;
  margin: 0.25rem 0.2rem 0 0;
  border: 1px solid rgba(239, 182, 47, 0.4);
  border-radius: 50%;
  box-shadow: inset 0 0 0 3px #080705;
  background: transparent;
  transition: background 180ms ease, box-shadow 180ms ease;
}

[data-booking-form] .choice-option:has(input:checked) .choice-option-ui {
  border-color: rgba(239, 182, 47, 0.62);
  background:
    linear-gradient(115deg, rgba(239, 182, 47, 0.12), transparent 68%),
    rgba(9, 7, 4, 0.92);
  box-shadow: inset 3px 0 var(--lt-stage-gold);
}

[data-booking-form] .choice-option:has(input:checked) .choice-option-ui::after {
  background: var(--lt-stage-gold-bright);
  box-shadow: 0 0 14px rgba(239, 182, 47, 0.42), inset 0 0 0 3px #080705;
}

[data-booking-form] .choice-option-icon {
  width: 42px;
  height: 42px;
  border-radius: 2px;
}

[data-booking-form] .choice-option-copy strong {
  font-size: 0.9rem;
}

[data-booking-form] .choice-option-copy span {
  color: #8f8677;
  font-size: 0.74rem;
}

[data-booking-form] .booking-fields {
  gap: 1.05rem;
}

[data-booking-form] .booking-section-heading {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 0.8rem;
  margin: 0.75rem 0 0.15rem;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid rgba(239, 182, 47, 0.18);
}

[data-booking-form] .booking-section-heading > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: var(--lt-stage-gold-bright);
  border: 1px solid rgba(239, 182, 47, 0.34);
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: 1.15rem;
  letter-spacing: 0.06em;
}

[data-booking-form] .booking-section-heading > div {
  display: grid;
  gap: 0.16rem;
}

[data-booking-form] .booking-section-heading strong {
  color: #fff8eb;
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

[data-booking-form] .booking-section-heading small {
  color: #766f63;
  font-size: 0.72rem;
  line-height: 1.4;
}

[data-booking-form] .booking-section-heading-contact {
  margin-top: 1.35rem;
}

[data-booking-form] label:not(.choice-option):not(.form-consent) {
  gap: 0.43rem;
  color: #d7cbb7;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

[data-booking-form] input:not([type="radio"]):not([type="checkbox"]),
[data-booking-form] select,
[data-booking-form] textarea,
[data-booking-form] .custom-select-trigger {
  min-height: 54px;
  color: #fff8eb;
  border-color: rgba(239, 182, 47, 0.18);
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.025);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.025);
  font-size: 0.84rem;
  font-weight: 650;
  text-transform: none;
}

[data-booking-form] input:not([type="radio"]):not([type="checkbox"]):hover,
[data-booking-form] select:hover,
[data-booking-form] textarea:hover,
[data-booking-form] .custom-select-trigger:hover {
  border-color: rgba(239, 182, 47, 0.32);
  background-color: rgba(255, 255, 255, 0.038);
}

[data-booking-form] input:not([type="radio"]):not([type="checkbox"]):focus,
[data-booking-form] select:focus,
[data-booking-form] textarea:focus,
[data-booking-form] .custom-select-trigger:focus-visible {
  border-color: var(--lt-stage-gold);
  background-color: rgba(255, 255, 255, 0.045);
  box-shadow: 0 0 0 3px rgba(239, 182, 47, 0.09), inset 3px 0 var(--lt-stage-gold);
}

[data-booking-form] .scope-panel {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

[data-booking-form] .form-row-scope-detail {
  grid-template-columns: minmax(190px, 0.82fr) repeat(2, minmax(0, 1fr));
}

[data-booking-form] textarea {
  min-height: 132px;
  resize: vertical;
  line-height: 1.6;
}

[data-booking-form] .form-consent {
  align-items: center;
  padding: 0.8rem 0.9rem;
  border-color: rgba(239, 182, 47, 0.15);
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.025);
}

[data-booking-form] .form-consent span {
  color: #958b7c;
  font-size: 0.78rem;
}

[data-booking-form] .booking-form-final {
  display: grid;
  gap: 0.65rem;
  margin-top: 0.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(239, 182, 47, 0.18);
}

[data-booking-form] .recaptcha-shell {
  margin: 0;
  padding: 0.7rem 0.8rem;
  border: 1px solid rgba(239, 182, 47, 0.1);
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.018);
}

[data-booking-form] .recaptcha-note {
  color: #71695e;
  font-size: 0.68rem;
  line-height: 1.45;
}

[data-booking-form] .booking-submit-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  min-height: 58px;
  padding: 0.85rem 1rem 0.85rem 1.25rem;
  color: #171004;
  border: 0;
  border-radius: 0;
  clip-path: polygon(0 0, calc(100% - 17px) 0, 100% 17px, 100% 100%, 0 100%);
  background: linear-gradient(105deg, #f7c33a, #ffdd70);
  font-size: 0.75rem;
  font-weight: 950;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

[data-booking-form] .booking-submit-button i {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  border: 1px solid rgba(23, 16, 4, 0.24);
  font-size: 1rem;
}

[data-booking-form] .form-note {
  color: #7d7468;
  font-size: 0.72rem;
  line-height: 1.5;
  text-align: center;
}

[data-booking-form] .form-response {
  color: var(--lt-stage-gold-bright);
  font-size: 0.78rem;
  text-align: center;
}

body[data-page="contactanos"] #booking-form {
  position: relative;
  overflow: hidden;
  gap: 1.2rem;
  padding: clamp(1.4rem, 3vw, 2.4rem);
  border: 1px solid rgba(239, 182, 47, 0.2);
  border-radius: 4px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.011) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.011) 1px, transparent 1px),
    radial-gradient(circle at 100% 0%, rgba(239, 182, 47, 0.08), transparent 25rem),
    linear-gradient(145deg, #0c0906, #060504);
  background-size: 48px 48px, 48px 48px, auto, auto;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.38);
}

body[data-page="contactanos"] #booking-form::before {
  content: "SOLICITUD / CONTRATACIÓN";
  position: absolute;
  top: 1rem;
  right: 1.25rem;
  color: rgba(239, 182, 47, 0.17);
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: clamp(2.6rem, 4vw, 4.5rem);
  line-height: 1;
  letter-spacing: 0.04em;
  pointer-events: none;
}

body[data-page="contactanos"] #booking-form > * {
  position: relative;
  z-index: 1;
}

body[data-page="contactanos"] #booking-form .form-header {
  max-width: 680px;
  padding-bottom: 1.4rem;
}

body[data-page="contactanos"] #booking-form .form-header h2 {
  color: #fff8eb;
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: clamp(3.6rem, 5vw, 5.4rem);
  font-weight: 400;
  line-height: 0.85;
  letter-spacing: -0.015em;
  text-transform: uppercase;
}

@media (max-width: 980px) {
  .booking-modal-dialog {
    grid-template-columns: minmax(275px, 0.72fr) minmax(0, 1.35fr);
  }

  .booking-modal-head {
    padding: 1.75rem;
  }

  .booking-modal-head h2 {
    font-size: clamp(3.8rem, 7vw, 5rem);
  }

  .booking-modal-form {
    padding: 2.2rem 1.35rem 2.5rem;
  }

  [data-booking-form] .form-row-scope-detail {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 740px) {
  .booking-modal {
    padding: 0.4rem;
  }

  .booking-modal-dialog {
    display: block;
    height: auto;
    max-height: calc(100svh - 0.8rem);
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 20px;
  }

  .booking-modal-head {
    align-content: end;
    min-height: 320px;
    height: auto;
    padding: 3.8rem 1.2rem 1.35rem;
    border-right: 0;
    border-bottom: 1px solid rgba(239, 182, 47, 0.18);
  }

  .booking-modal-head-image {
    object-position: center 32%;
  }

  .booking-modal-head::before {
    top: 1.2rem;
    left: 1.2rem;
    writing-mode: initial;
  }

  .booking-modal-head h2 {
    max-width: 7ch;
    font-size: clamp(4.1rem, 19vw, 5.5rem);
  }

  .booking-modal-head > p:last-of-type {
    margin-top: 0.9rem;
    font-size: 0.82rem;
  }

  .booking-modal-guide {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1.3rem;
    border-bottom: 1px solid rgba(239, 182, 47, 0.12);
  }

  .booking-modal-guide > div {
    grid-template-columns: 1fr;
    align-content: center;
    gap: 0.15rem;
    min-height: 58px;
    padding: 0.45rem;
    border-right: 1px solid rgba(239, 182, 47, 0.1);
    border-bottom: 0;
  }

  .booking-modal-guide > div:last-child {
    border-right: 0;
  }

  .booking-modal-guide strong {
    font-size: 0.55rem;
    line-height: 1.35;
  }

  .booking-modal-direct {
    display: none;
  }

  .booking-modal-close {
    top: 0.75rem;
    right: 0.75rem;
    width: 44px;
    height: 44px;
  }

  .booking-modal-form {
    height: auto;
    max-height: none;
    padding: 1.15rem 0.9rem 1.6rem;
    overflow: visible;
  }

  .booking-modal-form .choice-options,
  .booking-modal-form .form-row,
  .booking-modal-form .form-row-scope-detail {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-booking-form] .booking-scope-chooser {
    padding: 0.85rem;
  }

  [data-booking-form] .choice-option-ui {
    padding: 0.78rem;
  }

  [data-booking-form] .booking-section-heading {
    margin-top: 0.5rem;
  }

  [data-booking-form] label:not(.choice-option):not(.form-consent) {
    font-size: 0.65rem;
  }

  [data-booking-form] .form-consent {
    align-items: start;
  }

  body[data-page="contactanos"] #booking-form::before {
    display: none;
  }
}

@media (max-width: 420px) {
  .booking-modal-head {
    min-height: 300px;
  }

  .booking-modal-head h2 {
    font-size: clamp(3.7rem, 18vw, 4.7rem);
  }

  .booking-modal-guide > div {
    min-height: 54px;
    place-items: center;
    text-align: center;
  }

  .booking-modal-guide strong {
    display: block;
    max-width: 11ch;
    font-size: 0.48rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .booking-modal-dialog,
  .booking-modal-backdrop,
  [data-booking-form] .choice-option-ui,
  [data-booking-form] .booking-fields {
    transition: none !important;
    animation: none !important;
  }
}

/* ========================================================================== */
/* Global music player — LT sound console                                     */
/* ========================================================================== */

.global-player {
  right: clamp(0.8rem, 2vw, 1.7rem);
  bottom: clamp(0.8rem, 2vw, 1.5rem);
}

.global-player-shell {
  gap: 0.55rem;
}

.global-events-button,
.global-booking-button,
.global-player-trigger {
  position: relative;
  border-radius: 14px;
  border-color: rgba(239, 182, 47, 0.2);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), transparent 48%),
    rgba(8, 7, 5, 0.94);
  box-shadow:
    0 16px 42px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.global-events-button {
  width: 50px;
  min-width: 50px;
  min-height: 50px;
}

.global-booking-button {
  width: 56px;
  min-width: 56px;
  min-height: 56px;
  border-color: rgba(239, 182, 47, 0.72);
  background:
    linear-gradient(145deg, rgba(255, 247, 213, 0.65), transparent 42%),
    linear-gradient(135deg, #f7c548, #d99110);
  color: #140b03;
}

.global-booking-button::after {
  inset: 5px;
  border-radius: 10px;
}

.global-player-trigger {
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  border-color: rgba(239, 182, 47, 0.34);
  background:
    radial-gradient(circle at 50% 44%, rgba(239, 182, 47, 0.18), transparent 43%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent 50%),
    #090705;
}

.global-player-trigger::after {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1px solid rgba(239, 182, 47, 0.12);
  border-radius: 10px;
  pointer-events: none;
}

.global-player-trigger-icon i {
  font-size: 1.05rem;
}

.global-player-trigger-status {
  right: 0.64rem;
  bottom: 0.67rem;
  gap: 2px;
  height: 12px;
}

.global-player-trigger-status span {
  width: 2px;
}

.global-player-rail-label {
  position: absolute;
  top: 50%;
  right: calc(100% + 0.6rem);
  z-index: 4;
  padding: 0.38rem 0.55rem;
  border: 1px solid rgba(239, 182, 47, 0.16);
  border-radius: 5px;
  background: rgba(8, 7, 5, 0.94);
  color: #f7d479;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translate(7px, -50%);
  transition: opacity 160ms ease, transform 160ms ease;
}

.global-events-button:hover .global-player-rail-label,
.global-events-button:focus-visible .global-player-rail-label,
.global-booking-button:hover .global-player-rail-label,
.global-booking-button:focus-visible .global-player-rail-label,
.global-player-trigger:hover .global-player-rail-label,
.global-player-trigger:focus-visible .global-player-rail-label {
  opacity: 1;
  transform: translate(0, -50%);
}

.global-player.is-open .global-player-trigger {
  border-color: rgba(239, 182, 47, 0.66);
  background:
    radial-gradient(circle at 50% 44%, rgba(239, 182, 47, 0.28), transparent 45%),
    #0a0805;
  box-shadow:
    0 18px 48px rgba(0, 0, 0, 0.52),
    0 0 0 1px rgba(239, 182, 47, 0.1),
    0 0 30px rgba(239, 182, 47, 0.13);
}

.global-player-drawer {
  right: calc(100% + 0.9rem);
  width: min(670px, calc(100vw - 7.8rem));
  transform: translateX(22px) scale(0.975);
}

.global-player-drawer-panel {
  position: relative;
  display: grid;
  grid-template-columns: 188px minmax(0, 1fr);
  gap: 0;
  min-height: 246px;
  padding: 8px;
  overflow: hidden;
  border-color: rgba(239, 182, 47, 0.29);
  border-radius: 20px 20px 5px 20px;
  background:
    radial-gradient(circle at 90% 12%, rgba(181, 23, 37, 0.11), transparent 35%),
    linear-gradient(115deg, rgba(239, 182, 47, 0.07), transparent 38%),
    rgba(7, 6, 4, 0.975);
  box-shadow:
    0 34px 80px rgba(0, 0, 0, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.global-player-drawer-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 40%;
  width: 34%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(239, 182, 47, 0.95), transparent);
  box-shadow: 0 0 18px rgba(239, 182, 47, 0.55);
}

.global-player-drawer-visual {
  position: relative;
  min-width: 0;
}

.global-player-drawer-art {
  position: absolute;
  inset: 0;
  min-height: 0;
  overflow: hidden;
  border: 0;
  border-radius: 14px 4px 4px 14px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.055);
  isolation: isolate;
}

.global-player-drawer-art::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.02) 36%, rgba(0, 0, 0, 0.82) 100%),
    linear-gradient(90deg, transparent 52%, rgba(6, 5, 4, 0.42));
}

.global-player-drawer-art::after {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 9px 2px 2px 9px;
  pointer-events: none;
}

.global-player-art-number {
  position: absolute;
  top: 0.9rem;
  left: 0.95rem;
  z-index: 2;
  color: rgba(255, 248, 231, 0.82);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.58rem;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.global-player-art-equalizer {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 2;
  display: flex;
  align-items: end;
  gap: 3px;
  height: 24px;
}

.global-player-art-equalizer i {
  display: block;
  width: 3px;
  height: 35%;
  background: linear-gradient(180deg, #ffe29a, #efb62f);
  box-shadow: 0 0 8px rgba(239, 182, 47, 0.32);
}

.global-player-art-equalizer i:nth-child(2),
.global-player-art-equalizer i:nth-child(4) {
  height: 70%;
}

.global-player-art-equalizer i:nth-child(3) {
  height: 100%;
}

.global-player:has(.global-player-trigger.is-playing) .global-player-art-equalizer i {
  animation: ltPlayerEqualizer 0.72s ease-in-out infinite alternate;
}

.global-player:has(.global-player-trigger.is-playing) .global-player-art-equalizer i:nth-child(2) {
  animation-delay: -0.32s;
}

.global-player:has(.global-player-trigger.is-playing) .global-player-art-equalizer i:nth-child(3) {
  animation-delay: -0.54s;
}

.global-player:has(.global-player-trigger.is-playing) .global-player-art-equalizer i:nth-child(4) {
  animation-delay: -0.18s;
}

.global-player:has(.global-player-trigger.is-playing) .global-player-art-equalizer i:nth-child(5) {
  animation-delay: -0.42s;
}

@keyframes ltPlayerEqualizer {
  0% { height: 28%; }
  100% { height: 100%; }
}

.global-player-drawer-content {
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 0;
  min-width: 0;
  padding: 0.8rem 1rem 0.75rem 1.15rem;
}

.global-player-console-line {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 0.75rem;
  color: rgba(237, 225, 203, 0.5);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.55rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
}

.global-player-console-line i {
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, rgba(239, 182, 47, 0.34), transparent);
}

.global-player-drawer-head {
  gap: 0.65rem;
}

.global-player-drawer-copy {
  gap: 0.23rem;
}

.global-player-drawer-kicker {
  display: flex;
  align-items: center;
  gap: 0.42rem;
  color: #efb62f;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.19em;
}

.global-player-drawer-kicker i,
.player-modal-live i {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e71f34;
  box-shadow: 0 0 0 4px rgba(231, 31, 52, 0.11), 0 0 12px rgba(231, 31, 52, 0.55);
}

.global-player-drawer-copy strong {
  color: #fff8eb;
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 400;
  line-height: 0.92;
  letter-spacing: 0.015em;
  text-transform: uppercase;
}

.global-player-drawer-copy > span:last-child {
  max-width: 37ch;
  color: rgba(237, 225, 203, 0.58);
  font-size: 0.7rem;
}

.global-player-drawer-actions {
  gap: 0.35rem;
}

.global-player-mini-collapse,
.global-player-mini-expand {
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  border-radius: 9px;
  border-color: rgba(239, 182, 47, 0.14);
  background: rgba(255, 255, 255, 0.025);
  box-shadow: none;
}

.global-player-transport {
  align-self: end;
  margin-top: 0.65rem;
  padding-top: 0.72rem;
  border-top: 1px solid rgba(239, 182, 47, 0.12);
}

.global-player-mini-progress-shell {
  grid-template-columns: 32px minmax(0, 1fr) 32px;
  gap: 0.55rem;
}

.global-player-mini-time {
  color: rgba(247, 212, 121, 0.82);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.64rem;
  letter-spacing: 0.1em;
}

.global-player-mini-progress,
.player-modal-progress {
  height: 3px;
  accent-color: #efb62f;
}

.global-player-mini-progress::-webkit-slider-runnable-track,
.player-modal-progress::-webkit-slider-runnable-track {
  height: 3px;
  border-radius: 0;
  background: linear-gradient(90deg, rgba(239, 182, 47, 0.84), rgba(255, 255, 255, 0.22));
}

.global-player-mini-progress::-webkit-slider-thumb,
.player-modal-progress::-webkit-slider-thumb {
  width: 12px;
  height: 12px;
  margin-top: -4.5px;
  border: 2px solid #171005;
  border-radius: 50%;
  background: #f4c44d;
  box-shadow: 0 0 0 3px rgba(239, 182, 47, 0.14);
  appearance: none;
}

.global-player-mini-control-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  margin-top: 0.55rem;
}

.global-player-mini-controls {
  justify-content: flex-start;
  gap: 0.45rem;
}

.global-player-mini-button {
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
}

.global-player-mini-button-primary {
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #ffd05b, #d88d0f);
  box-shadow: 0 10px 26px rgba(222, 148, 19, 0.2);
}

.global-player-drawer-catalog {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: rgba(255, 248, 235, 0.72);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.61rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-decoration: none;
  text-transform: uppercase;
}

.global-player-drawer-catalog i {
  color: #efb62f;
  font-size: 0.58rem;
}

.global-player-mini-preview-feedback {
  min-height: 0;
  margin: 0;
  font-size: 0.65rem;
  text-align: left;
}

/* Expanded player */

.player-modal {
  display: grid;
  place-items: center;
  padding: clamp(0.5rem, 2vw, 1.4rem);
}

.player-modal-backdrop {
  background:
    radial-gradient(circle at 50% 30%, rgba(146, 22, 34, 0.18), transparent 40%),
    rgba(2, 2, 1, 0.91);
  backdrop-filter: blur(20px) saturate(105%);
}

.player-modal-dialog {
  width: min(1420px, calc(100vw - 2rem));
  height: min(850px, calc(100svh - 2rem));
  max-height: calc(100svh - 2rem);
  margin: 0;
  overflow: hidden;
  border-color: rgba(239, 182, 47, 0.28);
  border-radius: 24px 24px 6px 24px;
  background:
    radial-gradient(circle at 92% 2%, rgba(181, 23, 37, 0.12), transparent 32%),
    linear-gradient(125deg, rgba(239, 182, 47, 0.045), transparent 44%),
    #080704;
}

.player-modal-dialog::before {
  content: "";
  position: absolute;
  top: 0;
  left: 32%;
  z-index: 3;
  width: 30%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #efb62f, transparent);
  box-shadow: 0 0 26px rgba(239, 182, 47, 0.6);
}

.player-modal-close {
  top: 1.15rem;
  right: 1.15rem;
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  border-radius: 10px;
  border-color: rgba(239, 182, 47, 0.28);
  background: rgba(5, 4, 3, 0.78);
}

.player-modal-layout {
  grid-template-columns: minmax(360px, 0.92fr) minmax(510px, 1.08fr);
  height: 100%;
  min-height: 0;
}

.player-modal-visual {
  position: relative;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  border-right: 1px solid rgba(239, 182, 47, 0.15);
  background: #0b0805;
  isolation: isolate;
}

.player-modal-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.08) 28%, rgba(0, 0, 0, 0.78) 100%),
    linear-gradient(90deg, transparent 66%, rgba(0, 0, 0, 0.45));
  pointer-events: none;
}

.player-modal-art {
  position: absolute;
  inset: 0;
  z-index: -2;
  min-height: 100%;
  border: 0;
  background-position: center;
  filter: saturate(0.9) contrast(1.04);
  transform: scale(1.015);
}

.player-modal-visual-copy {
  position: absolute;
  left: clamp(1.35rem, 3vw, 2.4rem);
  right: 1.5rem;
  bottom: clamp(1.5rem, 4vw, 3rem);
  display: grid;
  gap: 0.65rem;
}

.player-modal-visual-copy span,
.player-modal-edition {
  color: #f4c64e;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.player-modal-visual-copy strong {
  max-width: 8ch;
  color: #fff8eb;
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: clamp(3.5rem, 5.1vw, 5.3rem);
  font-weight: 400;
  line-height: 0.82;
  letter-spacing: -0.015em;
  text-transform: uppercase;
  text-shadow: 0 12px 36px rgba(0, 0, 0, 0.54);
}

.player-modal-edition {
  position: absolute;
  top: 1.7rem;
  left: 1.7rem;
  color: rgba(255, 248, 235, 0.78);
}

.player-modal-copy {
  align-content: start;
  grid-template-rows: auto auto auto auto auto auto minmax(0, 1fr);
  gap: 0.95rem;
  min-height: 0;
  padding: clamp(1.5rem, 3vw, 2.8rem);
  overflow-y: auto;
}

.player-modal-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-right: 3.5rem;
}

.player-modal-heading .section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  color: #efb62f;
}

.player-modal-live {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: rgba(255, 248, 235, 0.6);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.player-modal-track-copy {
  display: grid;
  gap: 0.38rem;
  padding: clamp(0.7rem, 2vw, 1.45rem) 0 0.35rem;
}

.player-modal-track-index {
  color: rgba(237, 225, 203, 0.45);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.63rem;
  font-weight: 800;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.player-modal-track-title {
  max-width: 11ch;
  color: #fff8eb;
  font-size: clamp(3.8rem, 6vw, 6.8rem);
  line-height: 0.82;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

.player-modal-caption {
  color: rgba(237, 225, 203, 0.62);
  font-size: 0.84rem;
}

.player-modal-progress-shell {
  grid-template-columns: 40px minmax(0, 1fr) 40px;
  gap: 0.7rem;
  padding: 0.65rem 0 0.2rem;
}

.player-modal-time {
  color: rgba(247, 212, 121, 0.82);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.66rem;
}

.player-modal-toolbar {
  justify-content: flex-start;
  padding-bottom: 0.4rem;
}

.player-modal-primary-controls {
  gap: 0.55rem;
}

.player-modal-icon-button {
  width: 48px;
  min-width: 48px;
  min-height: 48px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.025);
  box-shadow: none;
}

.player-modal-icon-button-primary {
  width: 64px;
  min-width: 64px;
  min-height: 64px;
  border-radius: 15px;
  background: linear-gradient(135deg, #ffd05b, #d88d0f);
}

.player-modal-secondary-controls {
  width: 100%;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid rgba(239, 182, 47, 0.11);
}

.player-modal-chip {
  min-height: 40px;
  padding: 0.62rem 0.8rem;
  border-radius: 9px;
  font-size: 0.6rem;
}

.player-modal-playlist-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 0.2rem;
}

.player-modal-playlist-head span {
  color: #efb62f;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.61rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.player-modal-playlist-head strong {
  color: rgba(255, 248, 235, 0.62);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.64rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.player-modal-playlist {
  height: min(300px, 32vh);
  max-height: min(300px, 32vh);
  grid-auto-rows: 98px;
  align-content: start;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.player-modal-playlist.audio-playlist {
  gap: 0.5rem;
}

.player-modal-playlist .audio-track-card {
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 0.65rem;
  min-height: 92px;
  height: 92px;
  padding: 0.55rem 0.65rem;
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.1);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.018);
}

.player-modal-playlist .audio-track-art {
  width: 72px;
  min-height: 72px;
  height: 72px;
  border-radius: 8px;
}

.player-modal-playlist .audio-track-content {
  align-content: center;
  gap: 0.28rem;
}

.player-modal-playlist .audio-track-topline {
  flex-wrap: nowrap;
  gap: 0.35rem;
  min-width: 0;
}

.player-modal-playlist .audio-track-number {
  min-width: 1.7rem;
  min-height: 1.45rem;
  padding: 0.18rem 0.35rem;
  font-size: 0.72rem;
}

.player-modal-playlist .audio-track-kicker {
  min-width: 0;
  overflow: hidden;
  font-size: 0.52rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.player-modal-playlist .audio-track {
  gap: 0;
}

.player-modal-playlist .audio-track-title {
  overflow: hidden;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.player-modal-playlist .audio-track-meta {
  display: none;
}

.player-modal-playlist .audio-track-actions {
  min-height: 24px;
}

.player-modal-playlist .track-platform-links.is-compact {
  gap: 0.28rem;
}

.player-modal-playlist .track-platform-link.is-compact {
  width: 25px;
  min-width: 25px;
  min-height: 25px;
  padding: 0;
}

.player-modal-playlist .audio-track-card.is-active {
  border-color: rgba(239, 182, 47, 0.42);
  background: linear-gradient(90deg, rgba(239, 182, 47, 0.11), rgba(255, 255, 255, 0.015));
}

.player-modal-playlist .audio-track-title {
  font-size: 1.06rem;
}

@media (max-width: 960px) {
  .global-player-drawer {
    width: min(620px, calc(100vw - 7.4rem));
  }

  .global-player-drawer-panel {
    grid-template-columns: 160px minmax(0, 1fr);
  }

  .player-modal-layout {
    grid-template-columns: minmax(300px, 0.78fr) minmax(460px, 1.22fr);
  }

  .player-modal-track-title {
    font-size: clamp(3.7rem, 7vw, 5.4rem);
  }
}

@media (max-width: 740px) {
  .global-player {
  }

  .global-player-shell {
  }

  .global-events-button {
  }

  .global-booking-button {
  }

  .global-player-trigger {
  }

  .global-player-rail-label {
    display: none;
  }

  .global-player-drawer {
  }

  .global-player-drawer-panel {
  }

  .global-player-drawer-art {
  }

  .global-player-drawer-content {
  }

  .global-player-console-line {
    display: none;
  }

  .global-player-drawer-copy strong {
  }

  .global-player-drawer-copy > span:last-child {
  }

  .global-player-mini-collapse,
  .global-player-mini-expand {
  }

  .global-player-transport {
  }

  .global-player-mini-control-row {
  }

  .global-player-mini-button {
  }

  .global-player-mini-button-primary {
  }

  .global-player-drawer-catalog {
  }

  .player-modal {
    inset: 0.35rem;
    padding: 0;
  }

  .player-modal-dialog {
    width: 100%;
    height: calc(100% - 0.7rem);
    max-height: calc(100% - 0.7rem);
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 17px 17px 4px 17px;
  }

  .player-modal-layout {
    display: block;
    height: auto;
    min-height: 0;
  }

  .player-modal-visual {
    min-height: 280px;
    height: 38svh;
    border-right: 0;
    border-bottom: 1px solid rgba(239, 182, 47, 0.15);
  }

  .player-modal-visual-copy {
    left: 1.2rem;
    bottom: 1.2rem;
  }

  .player-modal-visual-copy strong {
    font-size: clamp(2.9rem, 12vw, 4rem);
  }

  .player-modal-edition {
    top: 1.1rem;
    left: 1.15rem;
  }

  .player-modal-close {
    position: fixed;
    top: 0.85rem;
    right: 0.85rem;
  }

  .player-modal-copy {
    display: grid;
    padding: 1.2rem 1rem 1.6rem;
    overflow: visible;
  }

  .player-modal-heading {
    padding-right: 0;
  }

  .player-modal-track-copy {
    padding-top: 0.55rem;
  }

  .player-modal-track-title {
    font-size: clamp(3.5rem, 17vw, 5.1rem);
  }

  .player-modal-playlist {
    height: auto;
    max-height: none;
    grid-auto-rows: auto;
    overflow: visible;
  }

  .player-modal-playlist .audio-track-card {
    min-height: 92px;
    height: auto;
  }
}

@media (max-width: 430px) {
  .global-player-drawer-panel {
  }

  .global-player-art-number,
  .global-player-art-equalizer,
  .global-player-drawer-copy > span:last-child,
  .global-player-drawer-catalog {
    display: none;
  }

  .global-player-drawer-content {
  }

  .global-player-drawer-kicker {
  }

  .global-player-drawer-copy strong {
  }

  .global-player-mini-control-row {
  }

  .player-modal-live {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .global-player-art-equalizer i,
  .global-player-trigger-status span,
  .global-player-drawer,
  .player-modal-dialog,
  .player-modal-backdrop {
    animation: none !important;
    transition: none !important;
  }
}

/* Mobile player dock — keep navigation and playback controls on separate planes. */
@media (max-width: 740px) {
  body.has-global-player .site-shell {
    padding-bottom: calc(6.25rem + env(safe-area-inset-bottom));
  }

  .global-player {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 0 0.7rem max(0.7rem, env(safe-area-inset-bottom));
    transform: none;
    pointer-events: none;
  }

  .global-player-shell {
    position: relative;
    width: min(100%, 480px);
    margin-inline: auto;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    padding: 0.42rem;
    border: 1px solid rgba(239, 182, 47, 0.2);
    border-radius: 20px;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.055), transparent 52%),
      rgba(8, 7, 5, 0.96);
    box-shadow:
      0 18px 48px rgba(0, 0, 0, 0.48),
      inset 0 1px 0 rgba(255, 255, 255, 0.055);
    backdrop-filter: blur(20px) saturate(118%);
    pointer-events: auto;
  }

  .global-player-row {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .global-events-button,
  .global-booking-button,
  .global-player-trigger {
    flex: 0 0 auto;
  }

  .global-events-button {
    width: 48px;
    min-width: 48px;
    min-height: 48px;
  }

  .global-booking-button {
    width: 54px;
    min-width: 54px;
    min-height: 54px;
  }

  .global-player-trigger {
    width: 52px;
    min-width: 52px;
    height: 52px;
    min-height: 52px;
  }

  .global-player-drawer {
    left: 0;
    right: 0;
    bottom: calc(100% + 0.65rem);
    width: 100%;
    transform: translateY(14px) scale(0.98);
    transform-origin: center bottom;
    transition: opacity 180ms ease;
  }

  .global-player.is-open .global-player-drawer {
    transform: translateY(0) scale(1);
  }

  .global-player-drawer-panel {
    grid-template-columns: 96px minmax(0, 1fr);
    min-height: 216px;
    padding: 6px;
    border-radius: 18px;
  }

  .global-player-drawer-art {
    display: block;
    min-height: 0;
    border-radius: 12px 4px 4px 12px;
  }

  .global-player-drawer-content {
    min-width: 0;
    padding: 0.72rem 0.76rem 0.65rem 0.82rem;
  }

  .global-player-drawer-head {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
  }

  .global-player-drawer-copy strong {
    font-size: 1.55rem;
    line-height: 0.95;
  }

  .global-player-drawer-copy > span:last-child {
    display: -webkit-box;
    max-width: none;
    overflow: hidden;
    font-size: 0.64rem;
    line-height: 1.35;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .global-player-mini-collapse,
  .global-player-mini-expand {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    border-radius: 11px;
  }

  .global-player-transport {
    margin-top: 0.55rem;
    padding-top: 0.58rem;
  }

  .global-player-mini-progress-shell {
    grid-template-columns: 32px minmax(0, 1fr) 32px;
    gap: 0.5rem;
  }

  .global-player-mini-progress {
    height: 24px;
  }

  .global-player-mini-control-row {
    justify-content: space-between;
    gap: 0.55rem;
    margin-top: 0.42rem;
  }

  .global-player-mini-controls {
    justify-content: flex-start;
    gap: 0.42rem;
  }

  .global-player-mini-button {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.025);
  }

  .global-player-mini-button-primary {
    width: 52px;
    min-width: 52px;
    height: 52px;
    min-height: 52px;
    border-radius: 13px;
  }

  .global-player-drawer-catalog {
    flex: 0 0 auto;
    min-height: 44px;
    padding-inline: 0.3rem;
    font-size: 0.56rem;
  }
}

@media (max-width: 430px) {
  .global-player {
    padding-inline: 0.5rem;
  }

  .global-player-shell {
    gap: 0.46rem;
    padding: 0.38rem;
    border-radius: 18px;
  }

  .global-player-drawer-panel {
    grid-template-columns: 82px minmax(0, 1fr);
    min-height: 210px;
  }

  .global-player-drawer-content {
    padding: 0.64rem 0.58rem 0.58rem 0.65rem;
  }

  .global-player-art-number,
  .global-player-art-equalizer {
    display: none;
  }

  .global-player-drawer-copy > span:last-child {
    display: -webkit-box;
  }

  .global-player-drawer-catalog {
    display: inline-flex;
  }

  .global-player-drawer-kicker {
    font-size: 0.54rem;
    letter-spacing: 0.13em;
  }

  .global-player-drawer-copy strong {
    font-size: 1.38rem;
  }

  .global-player-drawer-actions {
    gap: 0.28rem;
  }

  .global-player-mini-collapse,
  .global-player-mini-expand {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .global-player-mini-control-row {
    justify-content: space-between;
  }

  .global-player-mini-button {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .global-player-mini-button-primary {
    width: 52px;
    min-width: 52px;
    height: 52px;
    min-height: 52px;
    background: linear-gradient(135deg, #ffd05b, #d88d0f);
    box-shadow: 0 10px 26px rgba(222, 148, 19, 0.2);
  }
}

@media (max-width: 360px) {
  .global-player-drawer-panel {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .global-player-drawer-copy > span:last-child,
  .global-player-drawer-catalog {
    display: none;
  }

}

/* ========================================================================== */
/* Blog editorial system — archive, stories, article and community            */
/* ========================================================================== */

body[data-page="blog"] {
  --blog-ink: #050403;
  --blog-panel: #0b0906;
  --blog-cream: #fff8e9;
  --blog-muted: rgba(230, 218, 196, 0.66);
  --blog-gold: #efb62f;
  --blog-gold-hot: #ffd25c;
  background:
    radial-gradient(circle at 8% 12%, rgba(129, 19, 29, 0.11), transparent 28rem),
    radial-gradient(circle at 92% 42%, rgba(239, 182, 47, 0.045), transparent 34rem),
    var(--blog-ink);
}

body[data-page="blog"] main {
  overflow: clip;
}

body[data-page="blog"] main > .section {
  padding-inline: clamp(1rem, 3.7vw, 4.6rem) !important;
}

body[data-page="blog"] .section-kicker,
body[data-page="blog"] .panel-kicker {
  color: var(--blog-gold-hot) !important;
}

/* Archive masthead and topic index */

.blog-editorial-masthead {
  padding-top: clamp(2.6rem, 6vw, 6rem) !important;
  padding-bottom: clamp(1.4rem, 3vw, 2.5rem) !important;
}

.blog-editorial-masthead-shell {
  position: relative;
  display: grid;
  grid-template-columns: minmax(170px, 0.35fr) minmax(0, 1.4fr) minmax(310px, 0.7fr);
  gap: clamp(1.4rem, 3.4vw, 3.8rem);
  width: min(1660px, 100%);
  margin: 0 auto;
  padding: clamp(1.25rem, 2.6vw, 2.3rem) 0 1.05rem;
  border-top: 1px solid rgba(239, 182, 47, 0.38);
  border-bottom: 1px solid rgba(239, 182, 47, 0.14);
}

.blog-editorial-masthead-shell::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: min(28vw, 410px);
  height: 3px;
  background: linear-gradient(90deg, #ffd25c, #9d1724 70%, transparent);
  box-shadow: 0 0 20px rgba(239, 182, 47, 0.38);
}

.blog-editorial-identity {
  display: grid;
  align-content: start;
  gap: 0.5rem;
  padding-top: 0.35rem;
  font-family: "Barlow Condensed", "Bebas Neue", sans-serif;
  text-transform: uppercase;
}

.blog-editorial-identity span {
  color: var(--blog-gold-hot);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.22em;
}

.blog-editorial-identity small {
  max-width: 16ch;
  color: rgba(255, 248, 233, 0.44);
  font-size: 0.61rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  line-height: 1.55;
}

.blog-editorial-masthead-copy {
  display: grid;
  gap: 0.7rem;
}

.blog-editorial-masthead-copy .section-kicker {
  margin: 0;
}

.blog-editorial-masthead-copy h2 {
  max-width: 12ch;
  margin: 0;
  color: var(--blog-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(4.6rem, 8vw, 8.8rem);
  font-weight: 400;
  line-height: 0.78;
  letter-spacing: -0.025em;
  text-transform: uppercase;
  text-wrap: balance;
}

.blog-editorial-masthead-copy > p:last-child {
  max-width: 54rem;
  margin: 0.35rem 0 0;
  color: var(--blog-muted);
  font-size: clamp(0.92rem, 1.2vw, 1.06rem);
  line-height: 1.72;
}

.blog-editorial-masthead-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-content: end;
  border-top: 1px solid rgba(239, 182, 47, 0.15);
  border-bottom: 1px solid rgba(239, 182, 47, 0.15);
}

.blog-editorial-masthead-stats > div {
  display: grid;
  align-content: end;
  gap: 0.32rem;
  min-height: 112px;
  padding: 0.9rem;
  border-right: 1px solid rgba(239, 182, 47, 0.12);
}

.blog-editorial-masthead-stats > div:last-child {
  border-right: 0;
}

.blog-editorial-masthead-stats strong {
  color: var(--blog-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(2.1rem, 3vw, 3.2rem);
  font-weight: 400;
  line-height: 0.85;
}

.blog-editorial-masthead-stats span {
  color: rgba(239, 182, 47, 0.74);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.58rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  line-height: 1.3;
  text-transform: uppercase;
}

.blog-editorial-topics {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 0;
  min-width: 0;
  overflow-x: auto;
  padding-top: 1rem;
  scrollbar-width: none;
}

.blog-editorial-topics::-webkit-scrollbar {
  display: none;
}

.blog-editorial-topics a {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 42px;
  padding: 0.62rem 0.86rem;
  border-top: 1px solid rgba(239, 182, 47, 0.13);
  border-bottom: 1px solid rgba(239, 182, 47, 0.13);
  border-right: 1px solid rgba(239, 182, 47, 0.1);
  color: rgba(255, 248, 233, 0.62);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 160ms ease, background 160ms ease, border-color 160ms ease;
}

.blog-editorial-topics a:first-child {
  border-left: 1px solid rgba(239, 182, 47, 0.13);
}

.blog-editorial-topics a span {
  color: var(--blog-gold);
  font-size: 0.58rem;
}

.blog-editorial-topics a:hover,
.blog-editorial-topics a:focus-visible,
.blog-editorial-topics a.is-active {
  border-color: rgba(239, 182, 47, 0.48);
  background: linear-gradient(135deg, #f5be37, #d69012);
  color: #120c04;
  outline: none;
}

.blog-editorial-topics a.is-active span {
  color: rgba(18, 12, 4, 0.64);
}

/* Story rail */

body[data-page="blog"] .section-blog-highlights {
  padding-top: 0 !important;
  padding-bottom: clamp(2rem, 4vw, 4rem) !important;
}

body[data-page="blog"] .blog-highlights-shell {
  width: min(1660px, 100%);
  padding: clamp(1rem, 2vw, 1.45rem) 0 1rem;
  overflow: visible;
  border: 0;
  border-top: 1px solid rgba(239, 182, 47, 0.13);
  border-bottom: 1px solid rgba(239, 182, 47, 0.13);
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none;
}

.blog-highlights-head {
  align-items: end;
}

.blog-highlights-head > div {
  display: grid;
  gap: 0.35rem;
}

.blog-highlights-head h2 {
  color: var(--blog-cream);
  font-size: clamp(2.5rem, 4vw, 4.2rem);
  letter-spacing: 0.01em;
  line-height: 0.84;
}

.blog-story-rail-hint {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  margin: 0 0 0.25rem;
  color: rgba(255, 248, 233, 0.46);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.blog-story-rail-hint i {
  color: var(--blog-gold);
}

body[data-page="blog"] .blog-story-rail {
  grid-auto-columns: clamp(172px, 13.2vw, 218px);
  gap: clamp(0.65rem, 1vw, 0.9rem);
  padding: 0.35rem 0 0.25rem;
}

body[data-page="blog"] .blog-story-highlight {
  aspect-ratio: 3 / 4.25;
  border-color: rgba(239, 182, 47, 0.18);
  border-radius: 0 !important;
  box-shadow: none;
}

body[data-page="blog"] .blog-story-highlight::after {
  content: attr(data-story-index);
  position: absolute;
  top: 0.75rem;
  right: 0.72rem;
  z-index: 4;
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border: 1px solid rgba(255, 230, 164, 0.34);
  background: rgba(4, 3, 2, 0.7);
  color: var(--blog-cream);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.59rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

body[data-page="blog"] .blog-story-highlight.is-new:not(.is-seen),
body[data-page="blog"] .blog-story-highlight.has-unseen-story {
  border-color: var(--blog-gold-hot);
  box-shadow: 0 0 0 1px rgba(239, 182, 47, 0.32), 0 18px 40px rgba(0, 0, 0, 0.36);
}

body[data-page="blog"] .blog-story-highlight.is-new:not(.is-seen)::before,
body[data-page="blog"] .blog-story-highlight.has-unseen-story::before {
  inset: 5px;
  border-width: 1px;
  border-color: rgba(255, 226, 151, 0.68);
  border-radius: 0;
  box-shadow: none;
}

body[data-page="blog"] .blog-story-highlight-copy {
  gap: 0.35rem;
  padding: 3.6rem 0.8rem 0.8rem;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.94));
}

body[data-page="blog"] .blog-story-highlight-copy strong {
  color: var(--blog-gold-hot);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.61rem;
  letter-spacing: 0.16em;
}

body[data-page="blog"] .blog-story-highlight-copy span {
  color: var(--blog-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 1.08rem;
  font-weight: 400;
  line-height: 0.96;
  letter-spacing: 0.012em;
  text-transform: uppercase;
  -webkit-line-clamp: 4;
}

.blog-story-viewer .site-story-card {
  border-radius: 2px;
  border-color: rgba(239, 182, 47, 0.46);
  box-shadow: 0 45px 120px rgba(0, 0, 0, 0.72), 0 0 50px rgba(134, 17, 28, 0.15);
}

.blog-story-viewer .site-story-copy h2 {
  font-size: clamp(3rem, 10vw, 5rem);
}

/* Lead story */

body[data-page="blog"][data-blog-view="archive"] .section-blog-archive-stage {
  padding-top: 0 !important;
  padding-bottom: clamp(4rem, 8vw, 8rem) !important;
}

body[data-page="blog"][data-blog-view="archive"] .section-blog-archive-stage .blog-archive-stage-grid {
  width: min(1660px, 100%);
  grid-template-columns: minmax(440px, 0.82fr) minmax(0, 1.18fr);
  gap: 0;
  min-height: min(720px, 78vh);
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.32);
  border-radius: 0 !important;
  background: #070604;
  box-shadow: 0 36px 110px rgba(0, 0, 0, 0.55);
}

.blog-archive-stage-copy {
  align-content: center;
  gap: 1rem;
  padding: clamp(2rem, 4.4vw, 4.8rem);
  overflow: visible;
  border: 0;
  border-right: 1px solid rgba(239, 182, 47, 0.2);
  border-radius: 0;
  background:
    linear-gradient(145deg, rgba(239, 182, 47, 0.045), transparent 42%),
    #090704;
  box-shadow: none;
}

.blog-archive-stage-eyebrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid rgba(239, 182, 47, 0.13);
}

.blog-archive-stage-eyebrow span {
  color: rgba(255, 248, 233, 0.4);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.58rem;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.blog-archive-stage-kicker {
  color: var(--blog-gold-hot);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.67rem;
  font-weight: 900;
  letter-spacing: 0.2em;
}

.blog-archive-stage-title {
  max-width: 11ch;
  color: var(--blog-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(4.1rem, 6.2vw, 7.3rem);
  font-weight: 400;
  line-height: 0.82;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-wrap: balance;
}

.blog-archive-stage-title a:hover,
.blog-archive-stage-title a:focus-visible {
  color: var(--blog-gold-hot);
}

.blog-archive-stage-meta .blog-entry-date,
.blog-entry-date,
.blog-entry-badge {
  border-radius: 3px;
}

.blog-archive-stage-meta p {
  color: rgba(255, 248, 233, 0.5);
  font-size: 0.75rem;
}

.blog-archive-stage-lead {
  max-width: 48rem;
  color: rgba(255, 248, 233, 0.76);
  font-size: 1rem;
  line-height: 1.7;
}

.blog-archive-stage-support {
  display: none;
}

.blog-archive-stage-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 0.25rem;
}

.blog-archive-stage-stat {
  min-height: 102px;
  padding: 0.85rem;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.018);
}

.blog-archive-stage-stat strong {
  color: var(--blog-cream);
  font-size: 2.15rem;
}

.blog-archive-stage-stat span {
  color: var(--blog-gold);
  font-size: 0.55rem;
}

.blog-archive-stage-stat p {
  color: rgba(255, 248, 233, 0.43);
  font-size: 0.67rem;
}

.blog-archive-stage-copy-tags a,
.blog-stream-entry-tags a {
  border-radius: 3px;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.13em;
}

.blog-archive-stage-actions .button {
  min-height: 48px;
  border-radius: 0;
  clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%);
}

.blog-archive-stage-copy .blog-social-bar {
  width: fit-content;
}

.blog-archive-stage-feature {
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #080604;
  box-shadow: none;
}

.blog-archive-stage-feature-media {
  min-height: 100%;
  border-radius: 0;
}

.blog-archive-stage-feature-media::after {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.03) 42%, rgba(0, 0, 0, 0.8) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.17), transparent 38%);
}

.blog-archive-stage-feature-media img {
  min-height: 100%;
  filter: saturate(1.04) contrast(1.04);
}

.blog-archive-stage-feature-index {
  position: absolute;
  top: 1.4rem;
  left: 1.4rem;
  z-index: 2;
  padding: 0.5rem 0.62rem;
  border: 1px solid rgba(255, 248, 233, 0.19);
  background: rgba(5, 4, 3, 0.55);
  color: rgba(255, 248, 233, 0.78);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.58rem;
  font-weight: 900;
  letter-spacing: 0.17em;
  backdrop-filter: blur(8px);
}

.blog-archive-stage-feature-media-copy {
  left: clamp(1rem, 2.2vw, 2rem);
  right: clamp(1rem, 2.2vw, 2rem);
  bottom: clamp(1rem, 2.2vw, 2rem);
  gap: 0.5rem;
  padding: 1.2rem 1.3rem 1.3rem;
  border-radius: 0;
  border-color: rgba(239, 182, 47, 0.24);
  background: rgba(7, 5, 4, 0.78);
  backdrop-filter: blur(15px) saturate(108%);
}

.blog-archive-stage-feature-media-copy span {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.61rem;
  letter-spacing: 0.18em;
}

.blog-archive-stage-feature-media-copy strong {
  max-width: 20ch;
  color: var(--blog-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(2rem, 3vw, 3.4rem);
  font-weight: 400;
  line-height: 0.9;
  letter-spacing: 0.005em;
  text-transform: uppercase;
}

/* Spotlight magazine grid */

body[data-page="blog"] .section-blog-spotlight {
  padding-top: 0 !important;
  padding-bottom: clamp(4rem, 8vw, 8rem) !important;
}

body[data-page="blog"] .blog-spotlight-shell {
  width: min(1660px, 100%);
  gap: 1.35rem;
  padding: 1.4rem 0 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid rgba(239, 182, 47, 0.2);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.blog-spotlight-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.62fr);
  align-items: end;
}

.blog-spotlight-head > div:first-child {
  display: grid;
  gap: 0.4rem;
}

.blog-spotlight-head h2 {
  max-width: 13ch;
  color: var(--blog-cream);
  font-size: clamp(3.3rem, 5vw, 5.6rem);
  line-height: 0.82;
}

.blog-spotlight-intro {
  display: grid;
  gap: 0.55rem;
  padding-left: 1.2rem;
  border-left: 1px solid rgba(239, 182, 47, 0.24);
}

.blog-spotlight-intro strong {
  color: var(--blog-gold-hot);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.blog-spotlight-intro p {
  margin: 0;
  color: var(--blog-muted);
  font-size: 0.83rem;
  line-height: 1.6;
}

.blog-spotlight-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 6px;
  background: rgba(239, 182, 47, 0.24);
}

.blog-spotlight-card {
  position: relative;
  display: grid;
  align-items: end;
  grid-column: span 3;
  min-height: 500px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #090604;
  box-shadow: none;
  isolation: isolate;
}

.blog-spotlight-card:first-child {
  grid-column: span 6;
}

.blog-spotlight-media {
  position: absolute;
  inset: 0;
  z-index: -2;
  min-height: 100%;
}

.blog-spotlight-media::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 22%, rgba(0, 0, 0, 0.92) 100%);
}

.blog-spotlight-copy {
  align-content: end;
  gap: 0.65rem;
  padding: clamp(1rem, 2vw, 1.6rem);
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.44));
}

.blog-spotlight-copy h3 {
  color: var(--blog-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(2rem, 2.9vw, 3.4rem);
  font-weight: 400;
  line-height: 0.88;
  letter-spacing: 0.005em;
  text-transform: uppercase;
}

.blog-spotlight-card:not(:first-child) .blog-spotlight-copy h3 {
  font-size: clamp(1.75rem, 2.2vw, 2.5rem);
}

.blog-spotlight-copy p {
  display: -webkit-box;
  overflow: hidden;
  color: rgba(255, 248, 233, 0.68);
  font-size: 0.82rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.blog-social-bar {
  width: fit-content;
  max-width: 100%;
  gap: 0;
  padding: 0;
  border-color: rgba(239, 182, 47, 0.18);
  border-radius: 3px;
  background: rgba(5, 4, 3, 0.65);
}

.blog-social-action {
  min-height: 34px;
  padding: 0.42rem 0.58rem;
  border: 0;
  border-right: 1px solid rgba(239, 182, 47, 0.12);
  border-radius: 0;
  background: transparent;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.57rem;
  letter-spacing: 0.1em;
}

.blog-social-action:last-child {
  border-right: 0;
}

/* Infinite archive */

body[data-page="blog"] .section-blog-stream-promo,
body[data-page="blog"] .section-blog-stream-feed {
  padding-top: 0 !important;
}

body[data-page="blog"] .section-blog-stream-feed {
  padding-bottom: clamp(5rem, 10vw, 10rem) !important;
}

.blog-stream-promo-shell,
.blog-stream-shell {
  width: min(1660px, 100%);
}

.blog-stream-shell {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(0.75rem, 1.2vw, 1.15rem);
}

.blog-stream-editorial-head {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.58fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: end;
  margin-bottom: 0.4rem;
  padding: 1.4rem 0 1.5rem;
  border-top: 1px solid rgba(239, 182, 47, 0.22);
  border-bottom: 1px solid rgba(239, 182, 47, 0.13);
}

.blog-stream-editorial-head > div:first-child {
  display: grid;
  gap: 0.6rem;
}

.blog-stream-editorial-head h2 {
  margin: 0;
  color: var(--blog-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(4rem, 6.8vw, 7.6rem);
  font-weight: 400;
  line-height: 0.78;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.blog-stream-editorial-head h2 span {
  color: transparent;
  -webkit-text-stroke: 1px rgba(239, 182, 47, 0.78);
}

.blog-stream-editorial-meta {
  display: grid;
  gap: 1rem;
}

.blog-stream-editorial-meta > p {
  margin: 0;
  color: var(--blog-muted);
  font-size: 0.86rem;
  line-height: 1.65;
}

.blog-stream-year-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}

.blog-stream-year-chip {
  min-width: 0;
  padding: 0.58rem 0.72rem;
  border-radius: 0;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.62rem;
}

.blog-stream-entry {
  grid-column: span 6;
  grid-template-columns: 1fr;
  grid-template-rows: 310px minmax(0, 1fr);
  gap: 0;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border-color: rgba(239, 182, 47, 0.15);
  border-radius: 0;
  background: #090704;
  box-shadow: none;
}

.blog-stream-entry:nth-of-type(3n) {
  grid-column: 1 / -1;
  grid-template-columns: minmax(340px, 0.82fr) minmax(0, 1.18fr);
  grid-template-rows: minmax(380px, auto);
}

.blog-stream-entry.is-reversed .blog-stream-entry-media,
.blog-stream-entry.is-reversed .blog-stream-entry-copy {
  order: initial;
}

.blog-stream-entry-media {
  min-height: 0;
  border-radius: 0;
}

.blog-stream-entry-media::after {
  background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.64));
}

.blog-stream-entry-index {
  position: absolute;
  top: 0.9rem;
  left: 0.9rem;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 248, 233, 0.22);
  background: rgba(4, 3, 2, 0.64);
  color: var(--blog-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 1.1rem;
  letter-spacing: 0.08em;
  backdrop-filter: blur(8px);
}

.blog-stream-entry-copy {
  align-content: start;
  gap: 0.72rem;
  padding: clamp(1rem, 2.4vw, 1.8rem);
}

.blog-stream-entry-copy h3 {
  max-width: 19ch;
  color: var(--blog-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(2.2rem, 3vw, 3.5rem);
  font-weight: 400;
  line-height: 0.88;
  letter-spacing: 0.005em;
  text-transform: uppercase;
}

.blog-stream-entry-copy p {
  display: -webkit-box;
  max-width: 48rem;
  overflow: hidden;
  color: var(--blog-muted);
  font-size: 0.88rem;
  line-height: 1.62;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.blog-stream-entry-actions .button {
  min-height: 40px;
  border-radius: 0;
  font-size: 0.65rem;
}

.blog-stream-year-marker {
  position: absolute;
  top: 0.85rem;
  right: 0.85rem;
  z-index: 3;
  margin: 0;
}

.blog-stream-year-marker::after {
  display: none;
}

.blog-stream-year-marker span {
  border-radius: 0;
  background: rgba(4, 3, 2, 0.64);
  backdrop-filter: blur(8px);
}

.blog-stream-status-row {
  grid-column: 1 / -1;
  margin-top: 0.8rem;
  padding: 1rem 0;
  border-top: 1px solid rgba(239, 182, 47, 0.14);
  border-bottom: 1px solid rgba(239, 182, 47, 0.14);
}

.blog-stream-more {
  border-radius: 0;
}

.blog-stream-sentinel {
  grid-column: 1 / -1;
}

/* Article hero */

body[data-page="blog"][data-blog-view="post"] .section-blog-post-hero {
  padding-top: clamp(1.5rem, 3vw, 3rem) !important;
  padding-bottom: clamp(3.5rem, 7vw, 7rem) !important;
}

body[data-page="blog"][data-blog-view="post"] .section-blog-post-hero .page-hero-grid {
  position: relative;
  width: min(1660px, 100%);
  min-height: min(760px, 82vh);
  margin: 0 auto;
  padding: clamp(1.5rem, 3vw, 3rem);
  align-items: end;
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.3);
  border-radius: 0;
  background: #080604;
  box-shadow: 0 34px 110px rgba(0, 0, 0, 0.58);
  isolation: isolate;
}

.blog-post-hero-image {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--internal-hero-position, center 34%);
  filter: saturate(1.02) contrast(1.04) brightness(0.82);
}

body[data-page="blog"][data-blog-view="post"] .section-blog-post-hero .page-hero-grid::before {
  inset: auto 0 0;
  width: 100%;
  height: 35%;
  z-index: 1;
  opacity: 1;
  filter: none;
  background:
    linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.74)),
    linear-gradient(90deg, rgba(0, 0, 0, 0.42), transparent 70%);
}

body[data-page="blog"][data-blog-view="post"] .section-blog-post-hero .page-hero-grid::after {
  inset: 12px;
  border: 1px solid rgba(255, 248, 233, 0.1);
  border-radius: 0;
  z-index: 3;
  pointer-events: none;
}

body[data-page="blog"][data-blog-view="post"] .section-blog-post-hero .page-hero-copy {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem 1.4rem;
  width: min(980px, 100%);
  max-width: 980px;
  padding: 0 0 0 1.25rem;
  border: 0;
  border-left: 3px solid var(--blog-gold);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

body[data-page="blog"][data-blog-view="post"] .section-blog-post-hero .page-hero-copy > * {
  grid-column: 1;
}

.blog-post-hero-index {
  position: absolute;
  top: 0;
  right: 0;
  color: rgba(255, 248, 233, 0.56);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.6rem;
  font-weight: 900;
  letter-spacing: 0.18em;
}

body[data-page="blog"][data-blog-view="post"] .page-hero .page-title {
  max-width: 15ch;
  margin: 0;
  color: var(--blog-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(4rem, 6vw, 6.8rem);
  font-weight: 400;
  line-height: 0.79;
  letter-spacing: -0.025em;
  text-transform: uppercase;
  text-shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
  text-wrap: balance;
}

body[data-page="blog"][data-blog-view="post"] .page-hero .lead {
  max-width: 52rem;
  color: rgba(255, 248, 233, 0.74);
  font-size: 1rem;
  line-height: 1.68;
}

.blog-breadcrumb-link {
  width: fit-content;
  color: var(--blog-gold-hot);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.64rem;
  letter-spacing: 0.17em;
}

.blog-post-hero-scroll {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  width: fit-content;
  margin-top: 0.25rem;
  color: var(--blog-cream);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-decoration: none;
  text-transform: uppercase;
}

.blog-post-hero-scroll i {
  color: var(--blog-gold);
}

/* Long-form article */

body[data-page="blog"] .section-blog-post-detail,
body[data-page="blog"] .section-blog-comments,
body[data-page="blog"] .section-blog-related {
  padding-top: 0 !important;
  padding-bottom: clamp(4rem, 8vw, 8rem) !important;
}

.blog-post-shell,
.blog-comments-shell,
.blog-related-shell {
  width: min(1500px, 100%);
}

.blog-post-shell {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  gap: clamp(1.2rem, 3vw, 3rem);
  align-items: start;
}

.blog-post-main.content-card {
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.16) !important;
  border-radius: 0;
  background: #0a0805 !important;
  box-shadow: none !important;
}

.blog-post-reading-intro {
  display: grid;
  grid-template-columns: auto auto minmax(30px, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  padding: 1rem clamp(1rem, 3vw, 2.4rem);
  border-bottom: 1px solid rgba(239, 182, 47, 0.14);
  color: rgba(255, 248, 233, 0.48);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 0.59rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.blog-post-reading-intro span:first-child {
  color: var(--blog-gold-hot);
}

.blog-post-reading-intro i {
  height: 1px;
  background: linear-gradient(90deg, rgba(239, 182, 47, 0.3), transparent);
}

.blog-post-archive-note {
  margin: 1.5rem clamp(1rem, 3vw, 2.4rem) 0;
  border-radius: 0;
}

.blog-post-figure {
  margin: 0;
  border-radius: 0;
}

.blog-post-figure img {
  min-height: min(620px, 62vw);
  max-height: 720px;
  object-fit: cover;
  border-radius: 0;
}

.blog-post-subhead {
  max-width: 15ch;
  margin: clamp(2rem, 5vw, 4.5rem) auto 0;
  padding: 0 clamp(1rem, 3vw, 2.4rem);
  color: var(--blog-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(3.2rem, 5.7vw, 6.3rem);
  font-weight: 400;
  line-height: 0.84;
  letter-spacing: -0.015em;
  text-transform: uppercase;
  text-wrap: balance;
}

.blog-post-body {
  display: grid;
  gap: 1.45rem;
  padding: clamp(2rem, 5vw, 4.8rem) clamp(1rem, 4.5vw, 5.5rem) clamp(3rem, 6vw, 6rem);
}

.blog-post-body > * {
  width: min(820px, 100%);
  max-width: 820px;
  margin-inline: auto;
}

.blog-post-body p {
  color: rgba(255, 248, 233, 0.72);
  font-size: clamp(1rem, 1.25vw, 1.1rem);
  line-height: 1.92;
}

.blog-post-body p.is-opening {
  color: rgba(255, 248, 233, 0.88);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  line-height: 1.55;
}

.blog-post-opening-sentence {
  color: var(--blog-cream);
}

.blog-post-section-heading {
  margin-top: 1.8rem;
  padding-top: 1.2rem;
  color: var(--blog-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(2.8rem, 4.5vw, 4.8rem);
  font-weight: 400;
  line-height: 0.86;
  letter-spacing: 0.005em;
  text-transform: uppercase;
}

.blog-post-section-heading::before {
  width: 72px;
  height: 3px;
  background: linear-gradient(90deg, var(--blog-gold-hot), #9d1724);
}

.blog-post-quote {
  width: min(950px, 100%);
  max-width: 950px;
  padding: clamp(1.5rem, 4vw, 3rem);
  border: 0;
  border-top: 1px solid rgba(239, 182, 47, 0.28);
  border-bottom: 1px solid rgba(239, 182, 47, 0.28);
  border-radius: 0;
  background: linear-gradient(90deg, rgba(239, 182, 47, 0.06), transparent);
}

.blog-post-quote p {
  color: var(--blog-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(2.5rem, 4vw, 4.3rem);
  font-weight: 400;
  line-height: 0.9;
  text-transform: uppercase;
}

.blog-post-callout,
.blog-post-cta,
.blog-post-media-text {
  width: min(950px, 100%);
  max-width: 950px;
  border-radius: 0;
  border-color: rgba(239, 182, 47, 0.22);
  background: linear-gradient(135deg, rgba(239, 182, 47, 0.08), rgba(126, 17, 27, 0.07));
}

.blog-post-inline-media,
.blog-post-gallery {
  width: min(1040px, 100%);
  max-width: 1040px;
}

.blog-post-inline-media,
.blog-post-inline-media img,
.blog-post-gallery figure,
.blog-post-gallery img {
  border-radius: 0;
}

.blog-post-aside-stack {
  position: sticky;
  top: 110px;
  gap: 0;
  border-top: 1px solid rgba(239, 182, 47, 0.2);
}

.blog-post-aside-stack > * {
  margin: 0;
  border: 0;
  border-right: 1px solid rgba(239, 182, 47, 0.13);
  border-bottom: 1px solid rgba(239, 182, 47, 0.13);
  border-left: 1px solid rgba(239, 182, 47, 0.13);
  border-radius: 0;
}

.blog-post-info-card,
.blog-side-card {
  padding: 1.2rem;
  background: rgba(9, 7, 5, 0.82) !important;
  box-shadow: none;
}

.blog-side-card h3 {
  color: var(--blog-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 0.9;
  text-transform: uppercase;
}

/* Fan comments */

.blog-comments-card {
  gap: clamp(1.5rem, 3vw, 2.6rem);
  padding: clamp(1.2rem, 3vw, 2.7rem);
  border: 1px solid rgba(239, 182, 47, 0.2) !important;
  border-radius: 0;
  background:
    radial-gradient(circle at 92% 0%, rgba(128, 18, 28, 0.12), transparent 34%),
    #090704 !important;
  box-shadow: none !important;
}

.blog-comments-header {
  grid-template-columns: minmax(0, 1fr) minmax(250px, 0.54fr);
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(239, 182, 47, 0.14);
}

.blog-comments-head-copy h2 {
  max-width: 13ch;
  color: var(--blog-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(3.4rem, 5vw, 5.5rem);
  font-weight: 400;
  line-height: 0.82;
  text-transform: uppercase;
}

.blog-comments-summary,
.blog-comment-form,
.blog-comment-item {
  border-radius: 0;
  border-color: rgba(239, 182, 47, 0.15);
  background: rgba(255, 255, 255, 0.02);
}

.blog-comment-input {
  border-radius: 0;
}

.blog-comment-actions .button {
  border-radius: 0;
}

.blog-comments-list-head h3 {
  color: var(--blog-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: 2.15rem;
  font-weight: 400;
  text-transform: uppercase;
}

/* Related stories and floating share */

.blog-related-shell {
  gap: 1.4rem;
  padding-top: 1.4rem;
  border-top: 1px solid rgba(239, 182, 47, 0.2);
}

.blog-home-feed-copy h2 {
  color: var(--blog-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(3.4rem, 5vw, 5.6rem);
  font-weight: 400;
  line-height: 0.82;
  text-transform: uppercase;
}

.blog-related-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  background: rgba(239, 182, 47, 0.2);
}

.blog-related-grid .blog-entry-card {
  border: 0;
  border-radius: 0;
  background: #090704;
}

.blog-related-grid .blog-entry-media,
.blog-related-grid .blog-entry-media img {
  border-radius: 0;
}

.blog-related-grid .blog-entry-copy h3,
.blog-related-grid .blog-entry-copy h3 a {
  color: var(--blog-cream);
  font-family: "Bebas Neue", Impact, sans-serif;
  font-size: clamp(1.9rem, 2.5vw, 2.8rem);
  font-weight: 400;
  line-height: 0.88;
  text-transform: uppercase;
}

.blog-floating-share-trigger,
.blog-floating-share-panel {
  border-radius: 0;
}

@media (max-width: 1180px) {
  .blog-editorial-masthead-shell {
    grid-template-columns: 150px minmax(0, 1fr);
  }

  .blog-editorial-masthead-stats {
    grid-column: 1 / -1;
  }

  body[data-page="blog"][data-blog-view="archive"] .section-blog-archive-stage .blog-archive-stage-grid {
    grid-template-columns: minmax(360px, 0.9fr) minmax(0, 1.1fr);
  }

  .blog-archive-stage-title {
    font-size: clamp(3.8rem, 6.5vw, 5.8rem);
  }

  .blog-spotlight-card,
  .blog-spotlight-card:first-child {
    grid-column: span 4;
  }

  .blog-post-shell {
    grid-template-columns: minmax(0, 1fr) 290px;
  }
}

@media (max-width: 900px) {
  .blog-editorial-masthead-shell,
  .blog-spotlight-head,
  .blog-stream-editorial-head,
  .blog-post-shell,
  .blog-comments-header,
  .blog-comments-layout {
    grid-template-columns: 1fr;
  }

  .blog-editorial-identity {
    grid-template-columns: auto 1fr;
    align-items: center;
  }

  .blog-editorial-identity small {
    max-width: none;
    text-align: right;
  }

  body[data-page="blog"][data-blog-view="archive"] .section-blog-archive-stage .blog-archive-stage-grid {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .blog-archive-stage-copy {
    border-right: 0;
    border-bottom: 1px solid rgba(239, 182, 47, 0.2);
  }

  .blog-archive-stage-feature-media {
    min-height: 560px;
  }

  .blog-spotlight-card,
  .blog-spotlight-card:first-child {
    grid-column: span 6;
  }

  .blog-spotlight-card:last-child {
    grid-column: 1 / -1;
  }

  .blog-stream-entry,
  .blog-stream-entry:nth-of-type(3n) {
    grid-column: span 6;
    grid-template-columns: 1fr;
    grid-template-rows: 280px minmax(0, 1fr);
  }

  .blog-post-aside-stack {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
  }

  .blog-post-aside-stack > * {
    min-width: 0;
  }
}

@media (max-width: 640px) {
  body[data-page="blog"] main > .section {
    padding-inline: 0.72rem !important;
  }

  .blog-editorial-masthead {
    padding-top: 2rem !important;
  }

  .blog-editorial-masthead-shell {
    gap: 1.2rem;
    padding-top: 1.1rem;
  }

  .blog-editorial-masthead-copy h2 {
    font-size: clamp(4.1rem, 19vw, 6rem);
  }

  .blog-editorial-masthead-copy > p:last-child {
    font-size: 0.86rem;
  }

  .blog-editorial-masthead-stats > div {
    min-height: 82px;
    padding: 0.65rem;
  }

  .blog-editorial-masthead-stats strong {
    font-size: 2rem;
  }

  .blog-editorial-masthead-stats span {
    font-size: 0.48rem;
  }

  .blog-editorial-topics {
    margin-right: -0.72rem;
  }

  .blog-highlights-head {
    display: grid;
    align-items: start;
  }

  .blog-story-rail-hint {
    font-size: 0.56rem;
  }

  body[data-page="blog"] .blog-story-rail {
    grid-auto-columns: 138px;
    margin-right: -0.72rem;
  }

  body[data-page="blog"] .blog-story-highlight-copy span {
    font-size: 0.9rem;
  }

  .blog-archive-stage-copy {
    padding: 1.2rem;
  }

  .blog-archive-stage-title {
    font-size: clamp(3.65rem, 17vw, 5rem);
  }

  .blog-archive-stage-meta {
    display: flex;
  }

  .blog-archive-stage-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .blog-archive-stage-stat p {
    display: none;
  }

  .blog-archive-stage-feature-media {
    min-height: 430px;
  }

  .blog-archive-stage-feature-media-copy {
    padding: 0.9rem;
  }

  .blog-archive-stage-feature-media-copy strong {
    font-size: 1.8rem;
  }

  .blog-archive-stage-feature-media-copy p {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.75rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .blog-spotlight-head h2,
  .blog-stream-editorial-head h2 {
    font-size: clamp(3.7rem, 17vw, 5.2rem);
  }

  .blog-spotlight-intro {
    padding-left: 0;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(239, 182, 47, 0.18);
    border-left: 0;
  }

  .blog-spotlight-grid {
    gap: 5px;
  }

  .blog-spotlight-card,
  .blog-spotlight-card:first-child,
  .blog-spotlight-card:last-child {
    grid-column: 1 / -1;
    min-height: 460px;
  }

  .blog-spotlight-copy h3,
  .blog-spotlight-card:not(:first-child) .blog-spotlight-copy h3 {
    font-size: clamp(2.2rem, 11vw, 3.25rem);
  }

  .blog-stream-entry,
  .blog-stream-entry:nth-of-type(3n) {
    grid-column: 1 / -1;
    grid-template-rows: 240px minmax(0, 1fr);
  }

  .blog-stream-entry-copy h3 {
    font-size: clamp(2.2rem, 11vw, 3.25rem);
  }

  .blog-social-bar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }

  .blog-social-action {
    min-width: 0;
    padding-inline: 0.32rem;
  }

  body[data-page="blog"][data-blog-view="post"] .section-blog-post-hero {
    padding-top: 0.75rem !important;
    padding-bottom: 3.5rem !important;
  }

  body[data-page="blog"][data-blog-view="post"] .section-blog-post-hero .page-hero-grid {
    min-height: 680px;
    padding: 1.1rem;
    background: #080604;
  }

  .blog-post-hero-image {
    object-position: var(--internal-hero-position-mobile, center 40%);
    filter: saturate(1.02) contrast(1.04) brightness(0.7);
  }

  body[data-page="blog"][data-blog-view="post"] .section-blog-post-hero .page-hero-copy {
    display: grid;
    padding-left: 0.85rem;
  }

  .blog-post-hero-index {
    display: none;
  }

  body[data-page="blog"][data-blog-view="post"] .page-hero .page-title {
    max-width: 12ch;
    font-size: clamp(3.25rem, 14vw, 4.6rem);
  }

  body[data-page="blog"][data-blog-view="post"] .page-hero .lead {
    font-size: 0.83rem;
  }

  .blog-post-reading-intro {
    grid-template-columns: auto 1fr;
    gap: 0.4rem 0.7rem;
    font-size: 0.52rem;
  }

  .blog-post-reading-intro i {
    display: none;
  }

  .blog-post-reading-intro span:nth-child(2),
  .blog-post-reading-intro span:last-child {
    text-align: right;
  }

  .blog-post-figure img {
    min-height: 330px;
  }

  .blog-post-subhead {
    padding-inline: 1rem;
    font-size: clamp(3rem, 15vw, 4.5rem);
  }

  .blog-post-body {
    padding: 2rem 1rem 3.5rem;
  }

  .blog-post-body p {
    font-size: 0.98rem;
    line-height: 1.8;
  }

  .blog-post-aside-stack {
    grid-template-columns: 1fr;
  }

  .blog-comments-head-copy h2,
  .blog-home-feed-copy h2 {
    font-size: clamp(3.4rem, 16vw, 4.8rem);
  }

  .blog-comments-layout {
    grid-template-columns: 1fr;
  }

  .blog-related-grid {
    grid-template-columns: 1fr;
    gap: 5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="blog"] .blog-story-highlight,
  body[data-page="blog"] .blog-story-highlight-ring img,
  body[data-page="blog"] .blog-spotlight-media img,
  body[data-page="blog"] .blog-stream-entry-media img {
    transition: none !important;
  }
}

/* Keep the Nosotros hero above the legacy internal-page cascade. */
body[data-page="nosotros"] main > .section:not(.page-hero) {
  content-visibility: visible;
  scroll-margin-top: 7rem;
}

body[data-page="nosotros"] main .page-hero.page-hero-about .page-hero-grid {
  display: block;
  min-height: clamp(660px, calc(100svh - 132px), 820px);
  padding: 0;
  background: #050403;
}

body[data-page="nosotros"] main .page-hero.page-hero-about .page-hero-grid::before {
  inset: 0;
  opacity: 1;
  filter: none;
  background:
    linear-gradient(90deg, rgba(3, 3, 2, 0.96) 0%, rgba(3, 3, 2, 0.78) 28%, rgba(3, 3, 2, 0.14) 62%, rgba(3, 3, 2, 0.34) 100%),
    linear-gradient(180deg, rgba(3, 3, 2, 0.08) 34%, rgba(3, 3, 2, 0.92) 100%);
}

body[data-page="nosotros"] main .page-hero.page-hero-about .page-hero-grid::after {
  inset: 0;
  height: auto;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 72px 72px;
  opacity: 0.3;
}

body[data-page="nosotros"] main .page-hero.page-hero-about .page-hero-copy {
  position: absolute;
  inset: auto auto clamp(2rem, 4vw, 4rem) clamp(1.45rem, 4.6vw, 4.75rem);
  justify-items: start;
  width: min(58rem, calc(100% - 33rem));
  max-width: none;
  margin: 0;
  padding: 0;
  gap: 0.9rem;
  border: 0;
  border-radius: 0;
  text-align: left;
  background: transparent !important;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  overflow: visible;
  transform: none;
}

body[data-page="nosotros"] main .page-hero.page-hero-about .page-hero-copy::before,
body[data-page="nosotros"] main .page-hero.page-hero-about .page-hero-copy::after {
  display: none;
}

body[data-page="nosotros"] main .page-hero.page-hero-about .page-title {
  max-width: 10.8ch;
  font-size: clamp(5rem, 7.6vw, 8rem);
  line-height: 0.8;
  text-align: left;
}

body[data-page="nosotros"] main .page-hero.page-hero-about .lead {
  max-width: 45rem;
  margin: 0;
  color: #d7cfbf;
  font-size: clamp(0.92rem, 1.1vw, 1.08rem);
  line-height: 1.66;
  text-align: left;
}

body[data-page="nosotros"] main .page-hero.page-hero-about .section-kicker {
  justify-self: start;
}

@media (max-width: 1180px) {
  body[data-page="nosotros"] main .page-hero.page-hero-about .page-hero-copy {
    width: min(47rem, calc(100% - 25rem));
  }
}

@media (max-width: 900px) {
  body[data-page="nosotros"] main .page-hero.page-hero-about .page-hero-grid {
    min-height: 780px;
  }

  body[data-page="nosotros"] main .page-hero.page-hero-about .page-hero-copy {
    inset: auto 1.4rem 13rem;
    width: auto;
  }

  body[data-page="nosotros"] main .page-hero.page-hero-about .page-title {
    max-width: 9ch;
    font-size: clamp(4.2rem, 10vw, 6.2rem);
  }
}

@media (max-width: 640px) {
  body[data-page="nosotros"] main .page-hero.page-hero-about .page-hero-grid {
    height: 790px;
    min-height: 790px;
    padding: 0;
    background: #050403;
  }

  body[data-page="nosotros"] main .page-hero.page-hero-about .page-hero-grid::before {
    inset: 0;
    opacity: 1;
    filter: none;
    background:
      linear-gradient(180deg, rgba(3, 3, 2, 0.05) 25%, rgba(3, 3, 2, 0.56) 52%, rgba(3, 3, 2, 0.98) 82%),
      linear-gradient(90deg, rgba(3, 3, 2, 0.58), transparent 68%);
  }

  body[data-page="nosotros"] main .page-hero.page-hero-about .page-hero-grid::after {
    inset: 0;
    border: 0;
    border-radius: 0;
  }

  body[data-page="nosotros"] main .page-hero.page-hero-about .page-hero-copy {
    position: absolute;
    inset: auto 1rem 11.8rem;
    justify-items: start;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    gap: 0.7rem;
    border-radius: 0;
    text-align: left;
    background: transparent !important;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    overflow: visible;
    transform: none;
  }

  body[data-page="nosotros"] main .page-hero.page-hero-about .page-title {
    max-width: 8.6ch;
    font-size: clamp(4rem, 17vw, 5.5rem);
    line-height: 0.79;
    text-align: left;
  }

  body[data-page="nosotros"] main .page-hero.page-hero-about .lead {
    max-width: 33ch;
    margin: 0;
    font-size: 0.83rem;
    line-height: 1.55;
    text-align: left;
  }

  body[data-page="nosotros"] main .page-hero.page-hero-about .section-kicker {
    justify-self: start;
    margin: 0;
    padding: 0.42rem 0.58rem;
    font-size: 0.56rem;
  }
}

/* ========================================================================== */
/* Contáctanos — booking signal room                                           */
/* ========================================================================== */

body[data-page="contactanos"] main .page-hero.page-hero-contact {
  padding-top: 0.8rem;
  padding-bottom: 0;
}

body[data-page="contactanos"] main .page-hero.page-hero-contact .page-hero-grid {
  position: relative;
  display: block;
  height: min(760px, calc(100svh - 8.5rem));
  min-height: 620px;
  max-height: 760px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.27);
  border-radius: 30px;
  background: #050403;
  box-shadow: 0 42px 120px rgba(0, 0, 0, 0.58);
}

body[data-page="contactanos"] main .page-hero.page-hero-contact .page-hero-bg-image {
  object-position: center 44% !important;
  filter: saturate(0.94) contrast(1.06) brightness(0.72);
  transform: scale(1.015);
}

body[data-page="contactanos"] main .page-hero.page-hero-contact .page-hero-grid::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(3, 3, 2, 0.96) 0%, rgba(3, 3, 2, 0.72) 34%, rgba(3, 3, 2, 0.08) 70%),
    linear-gradient(180deg, rgba(3, 3, 2, 0.08) 35%, rgba(3, 3, 2, 0.78) 100%),
    radial-gradient(circle at 78% 34%, rgba(31, 94, 153, 0.13), transparent 27rem);
  pointer-events: none;
}

body[data-page="contactanos"] main .page-hero.page-hero-contact .page-hero-grid::after {
  content: "";
  position: absolute;
  inset: 1.1rem;
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 21px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.021) 1px, transparent 1px);
  background-size: 76px 76px;
  -webkit-mask-image: linear-gradient(90deg, #000, transparent 72%);
  mask-image: linear-gradient(90deg, #000, transparent 72%);
  pointer-events: none;
}

body[data-page="contactanos"] main .page-hero.page-hero-contact .page-hero-copy {
  position: absolute;
  inset: auto auto clamp(2.4rem, 6vh, 4.6rem) clamp(2rem, 5vw, 5.5rem);
  z-index: 3;
  display: grid;
  justify-items: start;
  width: min(650px, calc(100% - 10rem));
  max-width: none;
  gap: 1rem;
  margin: 0;
  padding: 0;
  color: #fff8eb !important;
  border: 0;
  border-radius: 0;
  text-align: left;
  background: transparent !important;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  overflow: visible;
  transform: none;
}

body[data-page="contactanos"] main .page-hero.page-hero-contact .page-hero-copy::before,
body[data-page="contactanos"] main .page-hero.page-hero-contact .page-hero-copy::after {
  display: none;
}

body[data-page="contactanos"] .contact-hero-code {
  position: absolute;
  top: 0.1rem;
  right: calc(100% + 1.35rem);
  margin: 0;
  color: rgba(239, 182, 47, 0.7);
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  writing-mode: vertical-rl;
}

body[data-page="contactanos"] main .page-hero.page-hero-contact .section-kicker {
  justify-self: start;
  margin: 0;
  padding: 0.45rem 0.64rem;
  border: 1px solid rgba(239, 182, 47, 0.24);
  background: rgba(6, 5, 3, 0.66);
  font-size: 0.62rem;
}

body[data-page="contactanos"] main .page-hero.page-hero-contact .page-title {
  max-width: 8.5ch;
  margin: 0;
  color: #fff8eb;
  font-size: clamp(5.6rem, 8.25vw, 8.9rem);
  line-height: 0.77;
  letter-spacing: -0.032em;
  text-align: left;
  text-wrap: balance;
}

body[data-page="contactanos"] main .page-hero.page-hero-contact .lead {
  max-width: 40rem;
  margin: 0.25rem 0 0;
  color: rgba(238, 225, 203, 0.82);
  font-size: clamp(0.9rem, 1.2vw, 1.08rem);
  line-height: 1.65;
  text-align: left;
}

body[data-page="contactanos"] .contact-hero-actions {
  display: flex;
  align-items: stretch;
  gap: 0.7rem;
  margin-top: 0.35rem;
}

body[data-page="contactanos"] .contact-hero-actions .button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  min-width: 210px;
  min-height: 58px;
  padding: 0.9rem 1rem 0.9rem 1.2rem;
  border-radius: 0;
  clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 0 100%);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

body[data-page="contactanos"] .contact-hero-actions .button i {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border: 1px solid rgba(18, 13, 3, 0.25);
}

body[data-page="contactanos"] .contact-hero-direct {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 0.72rem;
  min-width: 202px;
  min-height: 58px;
  padding: 0.55rem 0.85rem;
  color: #fff8eb;
  border: 1px solid rgba(239, 182, 47, 0.24);
  background: rgba(6, 5, 3, 0.76);
  text-decoration: none;
  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

body[data-page="contactanos"] .contact-hero-direct:hover,
body[data-page="contactanos"] .contact-hero-direct:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(239, 182, 47, 0.56);
  background: rgba(18, 14, 8, 0.92);
  outline: none;
}

body[data-page="contactanos"] .contact-hero-direct > i {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: #151004;
  background: linear-gradient(135deg, #f7c33a, #ffdf76);
  font-size: 1.16rem;
}

body[data-page="contactanos"] .contact-hero-direct > span {
  display: grid;
  gap: 0.08rem;
}

body[data-page="contactanos"] .contact-hero-direct small {
  color: #948a79;
  font-size: 0.54rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body[data-page="contactanos"] .contact-hero-direct strong {
  font-size: 0.88rem;
  letter-spacing: 0.025em;
}

body[data-page="contactanos"] .contact-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.25rem;
  margin-top: 0.1rem;
  color: rgba(236, 222, 199, 0.48);
  font-size: 0.56rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

body[data-page="contactanos"] .contact-hero-meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
}

body[data-page="contactanos"] .contact-hero-meta span:not(:last-child)::after {
  content: "";
  width: 4px;
  height: 4px;
  transform: rotate(45deg);
  border: 1px solid rgba(239, 182, 47, 0.68);
}

body[data-page="contactanos"] .contact-hero-side {
  position: absolute;
  right: clamp(2rem, 4vw, 4.5rem);
  top: clamp(2.1rem, 4vw, 3.8rem);
  z-index: 3;
  display: grid;
  justify-items: end;
  gap: 0.4rem;
  color: rgba(255, 248, 235, 0.88);
  text-align: right;
}

body[data-page="contactanos"] .contact-hero-side span {
  padding-bottom: 0.7rem;
  border-bottom: 1px solid rgba(239, 182, 47, 0.44);
  font-size: 0.53rem;
  font-weight: 900;
  letter-spacing: 0.2em;
}

body[data-page="contactanos"] .contact-hero-side strong {
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: clamp(2.1rem, 3vw, 3.4rem);
  font-weight: 400;
  line-height: 0.84;
  letter-spacing: 0.02em;
}

body[data-page="contactanos"] .contact-hero-side b {
  color: var(--lt-stage-gold-bright);
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.14em;
}

body[data-page="contactanos"] main > .contact-booking-section {
  position: relative;
  padding-top: clamp(5rem, 8vw, 8rem);
}

body[data-page="contactanos"] main > .contact-booking-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.016) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.013) 1px, transparent 1px);
  background-size: 84px 84px;
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 72%);
  mask-image: linear-gradient(180deg, #000, transparent 72%);
  pointer-events: none;
}

body[data-page="contactanos"] .contact-section-head,
body[data-page="contactanos"] .contact-shell-refined {
  position: relative;
  z-index: 1;
  width: min(var(--lt-stage-width), 100%);
  margin-inline: auto;
}

body[data-page="contactanos"] .contact-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.65fr);
  align-items: end;
  gap: clamp(2rem, 7vw, 8rem);
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
  padding: 0 clamp(0.35rem, 1.5vw, 1.2rem) 2.1rem;
  border-bottom: 1px solid rgba(239, 182, 47, 0.18);
}

body[data-page="contactanos"] .contact-section-head > div {
  display: grid;
  gap: 1rem;
}

body[data-page="contactanos"] .contact-section-head .section-kicker {
  justify-self: start;
  margin: 0;
}

body[data-page="contactanos"] .contact-section-head h2 {
  max-width: 12ch;
  margin: 0;
  color: #fff8eb;
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: clamp(4.2rem, 6.8vw, 7rem);
  font-weight: 400;
  line-height: 0.83;
  letter-spacing: -0.025em;
  text-transform: uppercase;
}

body[data-page="contactanos"] .contact-section-head > p {
  max-width: 33rem;
  margin: 0 0 0.25rem;
  padding-left: 1.15rem;
  color: #a79d8c;
  border-left: 2px solid var(--lt-stage-gold);
  font-size: 0.92rem;
  line-height: 1.72;
}

body[data-page="contactanos"] main .contact-shell-refined {
  display: grid;
}

body[data-page="contactanos"] .contact-aside-panel {
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.2);
  background-size: 56px 56px, 56px 56px, auto, auto;
}

body[data-page="contactanos"] .contact-overview-compact {
  position: relative;
  align-content: end;
  border-left: 3px solid var(--lt-stage-gold);
}

body[data-page="contactanos"] .contact-overview-compact::before {
  content: "CON / 02";
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: rgba(255, 248, 235, 0.48);
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: 0.7rem;
  letter-spacing: 0.16em;
}

body[data-page="contactanos"] .contact-overview-compact h2 {
  margin: 0;
  color: #fff8eb;
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-weight: 400;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

body[data-page="contactanos"] .contact-overview-compact p:last-child {
  color: rgba(238, 225, 203, 0.7);
  line-height: 1.55;
}

body[data-page="contactanos"] .contact-info-grid {
  gap: 0;
  border-top: 1px solid rgba(239, 182, 47, 0.16);
  border-bottom: 1px solid rgba(239, 182, 47, 0.16);
}

body[data-page="contactanos"] .contact-info-card {
  align-content: start;
  border-right: 1px solid rgba(239, 182, 47, 0.14);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.012);
  box-shadow: none;
}

body[data-page="contactanos"] .contact-info-card:last-child {
  border-right: 0;
}

body[data-page="contactanos"] a.contact-info-card:hover,
body[data-page="contactanos"] a.contact-info-card:focus-visible {
  transform: none;
  border-color: rgba(239, 182, 47, 0.14);
  background:
    linear-gradient(145deg, rgba(239, 182, 47, 0.095), transparent 70%),
    rgba(255, 255, 255, 0.02);
  box-shadow: inset 0 -3px var(--lt-stage-gold);
}

body[data-page="contactanos"] .contact-info-icon {
  border-radius: 0;
  background: linear-gradient(135deg, #f7c33a, #ffdd70);
  font-size: 1rem;
}

body[data-page="contactanos"] .contact-info-copy {
  align-content: start;
  gap: 0.42rem;
}

body[data-page="contactanos"] .contact-info-label {
  color: var(--lt-stage-gold-bright);
  font-size: 0.6rem;
  letter-spacing: 0.15em;
}

body[data-page="contactanos"] .contact-info-value {
  color: #fff7e8;
  font-size: clamp(0.95rem, 1.25vw, 1.16rem);
  overflow-wrap: anywhere;
}

body[data-page="contactanos"] .contact-info-note {
  color: #8f8678;
  font-size: 0.74rem;
  line-height: 1.6;
}

body[data-page="contactanos"] .contact-process {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(210px, 0.75fr) minmax(0, 1.65fr) minmax(205px, 0.7fr);
  align-items: center;
  gap: clamp(1.2rem, 3vw, 3rem);
  padding-top: 1.8rem;
  border-top: 1px solid rgba(239, 182, 47, 0.15);
}

body[data-page="contactanos"] .contact-process-copy {
  display: grid;
  gap: 0.4rem;
}

body[data-page="contactanos"] .contact-process-copy h3 {
  margin: 0;
  color: #fff8eb;
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: 2.1rem;
  font-weight: 400;
  line-height: 0.95;
  text-transform: uppercase;
}

body[data-page="contactanos"] .contact-process ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

body[data-page="contactanos"] .contact-process li {
  display: grid;
  gap: 0.3rem;
  min-height: 62px;
  padding: 0.35rem 1rem;
  border-left: 1px solid rgba(239, 182, 47, 0.18);
}

body[data-page="contactanos"] .contact-process li span {
  color: var(--lt-stage-gold-bright);
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: 1rem;
  letter-spacing: 0.08em;
}

body[data-page="contactanos"] .contact-process li strong {
  color: #bcb19f;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-transform: uppercase;
}

body[data-page="contactanos"] .contact-whatsapp-link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  align-items: center;
  gap: 0.75rem;
  min-height: 62px;
  padding: 0.65rem 0.65rem 0.65rem 0.9rem;
  color: #181205;
  background: linear-gradient(135deg, #f7c33a, #ffdc6a);
  text-decoration: none;
}

body[data-page="contactanos"] .contact-whatsapp-link > span {
  display: grid;
  gap: 0.12rem;
}

body[data-page="contactanos"] .contact-whatsapp-link small {
  font-size: 0.5rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body[data-page="contactanos"] .contact-whatsapp-link strong {
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body[data-page="contactanos"] .contact-whatsapp-link i {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(22, 16, 4, 0.24);
  font-size: 1.08rem;
}

body[data-page="contactanos"] main #booking-form {
  position: relative;
  display: grid;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.23);
  background-size: 58px 58px, 58px 58px, auto, auto, auto;
}

body[data-page="contactanos"] main #booking-form::before {
  content: "03 / SOLICITUD";
  top: 1.4rem;
  right: 1.8rem;
  color: rgba(239, 182, 47, 0.12);
  font-size: clamp(3rem, 6vw, 6.8rem);
  letter-spacing: 0.03em;
}

body[data-page="contactanos"] main #booking-form .form-header {
  display: grid;
  align-items: end;
  max-width: none;
  margin: 0;
  padding: 0 0 2rem;
  border-bottom: 1px solid rgba(239, 182, 47, 0.18);
}

body[data-page="contactanos"] main #booking-form .form-header > div {
  display: grid;
  gap: 0.7rem;
}

body[data-page="contactanos"] main #booking-form .form-header h2 {
  margin: 0;
  color: #fff8eb;
  letter-spacing: -0.025em;
}

body[data-page="contactanos"] main #booking-form .form-header > p {
  margin: 0;
  padding-left: 1rem;
  color: #a79d8d;
  border-left: 2px solid var(--lt-stage-gold);
  line-height: 1.7;
}

body[data-page="contactanos"] .contact-form-route {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  min-height: 58px;
  border: 1px solid rgba(239, 182, 47, 0.17);
}

body[data-page="contactanos"] .contact-form-route span {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.75rem 1rem;
  color: #776f63;
  border-right: 1px solid rgba(239, 182, 47, 0.13);
  font-size: 0.61rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body[data-page="contactanos"] .contact-form-route span:last-child {
  border-right: 0;
}

body[data-page="contactanos"] .contact-form-route span.is-active {
  color: #fff8eb;
  background: linear-gradient(90deg, rgba(239, 182, 47, 0.12), transparent);
}

body[data-page="contactanos"] .contact-form-route b {
  color: var(--lt-stage-gold-bright);
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: 0.08em;
}

body[data-page="contactanos"] main #booking-form .booking-scope-chooser {
  border-color: rgba(239, 182, 47, 0.19);
  background:
    linear-gradient(115deg, rgba(126, 20, 16, 0.1), transparent 44%),
    rgba(255, 255, 255, 0.018);
}

body[data-page="contactanos"] main #booking-form .choice-option-ui {
  align-items: center;
}

body[data-page="contactanos"] main #booking-form .choice-option-copy strong {
  color: #fff8eb;
  font-size: 0.96rem;
}

body[data-page="contactanos"] main #booking-form .choice-option-copy span {
  max-width: 36rem;
  font-size: 0.76rem;
  line-height: 1.5;
}

body[data-page="contactanos"] main #booking-form .booking-fields {
  padding-top: 0.2rem;
}

body[data-page="contactanos"] main #booking-form .booking-section-heading {
  border-top: 1px solid rgba(239, 182, 47, 0.18);
  border-bottom: 1px solid rgba(239, 182, 47, 0.18);
}

body[data-page="contactanos"] main #booking-form input:not([type="radio"]):not([type="checkbox"]),
body[data-page="contactanos"] main #booking-form select,
body[data-page="contactanos"] main #booking-form textarea,
body[data-page="contactanos"] main #booking-form .custom-select-trigger {
  padding-inline: 1rem;
  border-color: rgba(239, 182, 47, 0.2);
  background-color: rgba(255, 255, 255, 0.018);
}

body[data-page="contactanos"] main #booking-form textarea {
  padding-block: 1rem;
}

body[data-page="contactanos"] main #booking-form .booking-form-final {
}

body[data-page="contactanos"] main #booking-form .booking-submit-button {
  padding-left: 1.4rem;
  font-size: 0.78rem;
}

@media (max-width: 1120px) {
  body[data-page="contactanos"] .contact-hero-side {
    display: none;
  }

  body[data-page="contactanos"] .contact-section-head,
  body[data-page="contactanos"] main #booking-form .form-header {
    gap: 3rem;
  }

  body[data-page="contactanos"] .contact-aside-panel {
    grid-template-columns: minmax(230px, 0.62fr) minmax(0, 1.4fr);
  }

  body[data-page="contactanos"] .contact-info-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="contactanos"] .contact-info-card {
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    min-height: 0;
    padding: 1rem;
    border-right: 0;
    border-bottom: 1px solid rgba(239, 182, 47, 0.12);
  }

  body[data-page="contactanos"] .contact-info-card:last-child {
    border-bottom: 0;
  }

  body[data-page="contactanos"] .contact-process {
    grid-template-columns: minmax(180px, 0.7fr) minmax(0, 1.5fr);
  }

  body[data-page="contactanos"] .contact-whatsapp-link {
    grid-column: 1 / -1;
  }
}

@media (max-width: 820px) {
  body[data-page="contactanos"] main .page-hero.page-hero-contact .page-hero-grid {
    height: 760px;
    min-height: 760px;
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact .page-hero-bg-image {
    object-position: 61% center !important;
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact .page-hero-grid::before {
    background:
      linear-gradient(180deg, rgba(3, 3, 2, 0.06) 20%, rgba(3, 3, 2, 0.52) 52%, rgba(3, 3, 2, 0.98) 88%),
      linear-gradient(90deg, rgba(3, 3, 2, 0.6), transparent 72%);
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact .page-hero-grid::after {
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 45%, #000);
    mask-image: linear-gradient(180deg, transparent, #000 45%, #000);
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact .page-hero-copy {
    inset: auto 1.5rem 2rem;
    width: auto;
  }

  body[data-page="contactanos"] .contact-section-head,
  body[data-page="contactanos"] main #booking-form .form-header {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
  }

  body[data-page="contactanos"] .contact-section-head > p,
  body[data-page="contactanos"] main #booking-form .form-header > p {
    max-width: 38rem;
  }

  body[data-page="contactanos"] .contact-aside-panel {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="contactanos"] .contact-overview-compact {
    min-height: 300px;
  }

  body[data-page="contactanos"] .contact-info-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-page="contactanos"] .contact-info-card {
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    min-height: 220px;
    border-right: 1px solid rgba(239, 182, 47, 0.12);
    border-bottom: 0;
  }

  body[data-page="contactanos"] .contact-process {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="contactanos"] .contact-process ol {
    border-top: 1px solid rgba(239, 182, 47, 0.14);
    border-bottom: 1px solid rgba(239, 182, 47, 0.14);
  }
}

@media (max-width: 640px) {
  body[data-page="contactanos"] main .page-hero.page-hero-contact {
    padding: 0;
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact .page-hero-grid {
    height: 735px;
    min-height: 735px;
    border-width: 0 0 1px;
    border-radius: 0;
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact .page-hero-grid::after {
    inset: 0.75rem;
    border-radius: 0;
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact .page-hero-copy {
    inset: auto 1rem 5.9rem;
    gap: 0.72rem;
  }

  body[data-page="contactanos"] .contact-hero-code {
    display: none;
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact .page-title {
    max-width: 7.8ch;
    font-size: clamp(4.8rem, 22vw, 6.4rem);
    line-height: 0.76;
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact .lead {
    max-width: 31rem;
    font-size: 0.82rem;
    line-height: 1.52;
  }

  body[data-page="contactanos"] .contact-hero-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }

  body[data-page="contactanos"] .contact-hero-actions .button,
  body[data-page="contactanos"] .contact-hero-direct {
    width: 100%;
    min-width: 0;
  }

  body[data-page="contactanos"] .contact-hero-meta {
    display: none;
  }

  body[data-page="contactanos"] main > .contact-booking-section {
  }

  body[data-page="contactanos"] .contact-section-head {
    margin-bottom: 1.5rem;
    padding: 0 0.25rem 1.5rem;
  }

  body[data-page="contactanos"] .contact-section-head h2 {
    font-size: clamp(3.8rem, 17vw, 5.2rem);
  }

  body[data-page="contactanos"] .contact-section-head > p,
  body[data-page="contactanos"] main #booking-form .form-header > p {
    padding-left: 0.8rem;
    font-size: 0.78rem;
  }

  body[data-page="contactanos"] .contact-aside-panel {
    gap: 1rem;
  }

  body[data-page="contactanos"] .contact-overview-compact {
  }

  body[data-page="contactanos"] .contact-overview-compact h2 {
  }

  body[data-page="contactanos"] .contact-info-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="contactanos"] .contact-info-card {
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(239, 182, 47, 0.12);
  }

  body[data-page="contactanos"] .contact-process {
    padding: 1rem 0.25rem 0.25rem;
  }

  body[data-page="contactanos"] .contact-process ol {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="contactanos"] .contact-process li {
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    min-height: 48px;
    border-bottom: 1px solid rgba(239, 182, 47, 0.1);
  }

  body[data-page="contactanos"] main #booking-form {
    gap: 1rem;
  }

  body[data-page="contactanos"] main #booking-form::before {
    display: none;
  }

  body[data-page="contactanos"] main #booking-form .form-header {
    padding-bottom: 1.25rem;
  }

  body[data-page="contactanos"] main #booking-form .form-header h2 {
  }

  body[data-page="contactanos"] .contact-form-route span {
    justify-content: center;
    gap: 0.35rem;
    padding: 0.55rem 0.25rem;
    font-size: 0.49rem;
    text-align: center;
  }

  body[data-page="contactanos"] .contact-form-route b {
    font-size: 0.9rem;
  }

  body[data-page="contactanos"] main #booking-form .choice-options,
  body[data-page="contactanos"] main #booking-form .form-row,
  body[data-page="contactanos"] main #booking-form .form-row-scope-detail {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="contactanos"] main #booking-form .choice-option-ui {
    min-height: 0;
    padding: 0.9rem;
  }

  body[data-page="contactanos"] main #booking-form .booking-section-heading {
    margin-top: 0.5rem;
  }

  body[data-page="contactanos"] main #booking-form input:not([type="radio"]):not([type="checkbox"]),
  body[data-page="contactanos"] main #booking-form select,
  body[data-page="contactanos"] main #booking-form textarea,
  body[data-page="contactanos"] main #booking-form .custom-select-trigger {
    min-height: 56px;
  }

  body[data-page="contactanos"] main #booking-form .booking-submit-button {
    min-height: 62px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="contactanos"] main .page-hero.page-hero-contact .page-hero-bg-image,
  body[data-page="contactanos"] .contact-hero-direct,
  body[data-page="contactanos"] .contact-info-card {
    transition: none !important;
    transform: none !important;
  }
}

/* Contacto simple: solicitud e información, sin bloques editoriales repetidos. */
body[data-page="contactanos"] main > .contact-booking-section {
  padding: clamp(2.6rem, 4vw, 4.5rem) clamp(1rem, 3vw, 2.5rem) clamp(4.5rem, 7vw, 7rem);
  background:
    radial-gradient(circle at 2% 10%, rgba(115, 17, 14, 0.1), transparent 26rem),
    #050403;
}

body[data-page="contactanos"] main > .contact-booking-section::before {
  display: none;
}

body[data-page="contactanos"] .contact-simple-head,
body[data-page="contactanos"] .contact-shell-refined {
  position: relative;
  z-index: 1;
  width: min(var(--lt-stage-width), 100%);
  margin-inline: auto;
}

body[data-page="contactanos"] .contact-simple-head {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
  align-items: end;
  gap: clamp(2rem, 6vw, 6rem);
  margin-bottom: clamp(1.7rem, 3vw, 2.5rem);
  padding-bottom: clamp(1.4rem, 2.5vw, 2rem);
  border-bottom: 1px solid rgba(239, 182, 47, 0.18);
}

body[data-page="contactanos"] .contact-simple-head > div {
  display: grid;
  gap: 0.75rem;
}

body[data-page="contactanos"] .contact-simple-head .section-kicker {
  justify-self: start;
  margin: 0;
}

body[data-page="contactanos"] .contact-simple-head h1 {
  margin: 0;
  color: #fff8eb;
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: clamp(3.9rem, 6vw, 6.2rem);
  font-weight: 400;
  line-height: 0.88;
  letter-spacing: -0.025em;
  text-transform: uppercase;
}

body[data-page="contactanos"] .contact-simple-head > p {
  max-width: 31rem;
  margin: 0;
  color: #a79d8c;
  font-size: 0.9rem;
  line-height: 1.7;
}

body[data-page="contactanos"] main .contact-shell-refined {
  grid-template-areas: "form info";
  grid-template-columns: minmax(0, 1.42fr) minmax(330px, 0.58fr);
  align-items: start;
  gap: clamp(1.2rem, 2.4vw, 2.2rem);
}

body[data-page="contactanos"] main .contact-shell-refined > #booking-form {
  grid-area: form;
}

body[data-page="contactanos"] main .contact-shell-refined > .contact-aside {
  grid-area: info;
  position: sticky;
  top: 7rem;
  align-self: start;
}

body[data-page="contactanos"] .contact-aside-panel {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: clamp(1.15rem, 2vw, 1.65rem);
  border-radius: 10px;
  background: linear-gradient(150deg, rgba(126, 20, 16, 0.1), transparent 38%), #0a0806;
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.32);
}

body[data-page="contactanos"] .contact-overview-compact {
  min-height: 0;
  padding: 0.35rem 0.2rem 1.35rem;
  border: 0;
  background: none;
}

body[data-page="contactanos"] .contact-overview-compact::before {
  display: none;
}

body[data-page="contactanos"] .contact-overview-compact h2 {
  max-width: 11ch;
  font-size: clamp(2.4rem, 3.2vw, 3.25rem);
  line-height: 0.9;
}

body[data-page="contactanos"] .contact-overview-compact p:last-child {
  max-width: 29rem;
  margin-top: 0.65rem;
  font-size: 0.78rem;
}

body[data-page="contactanos"] .contact-info-grid {
  grid-template-columns: minmax(0, 1fr);
  border: 1px solid rgba(239, 182, 47, 0.15);
  border-radius: 8px;
  overflow: hidden;
}

body[data-page="contactanos"] .contact-info-card {
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 0.85rem;
  min-height: 0;
  padding: 1rem;
  border: 0;
  border-bottom: 1px solid rgba(239, 182, 47, 0.12);
}

body[data-page="contactanos"] .contact-info-card:last-child {
  border: 0;
}

body[data-page="contactanos"] .contact-info-icon {
  width: 44px;
  height: 44px;
}

body[data-page="contactanos"] .contact-info-note {
  display: none;
}

body[data-page="contactanos"] .contact-whatsapp-link {
  margin-top: 1rem;
  border-radius: 6px;
}

body[data-page="contactanos"] main #booking-form {
  gap: 1.05rem;
  padding: clamp(1.35rem, 2.6vw, 2.25rem);
  border-radius: 10px;
  background:
    radial-gradient(circle at 100% 0%, rgba(239, 182, 47, 0.075), transparent 24rem),
    #080604;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.38);
}

body[data-page="contactanos"] main #booking-form::before {
  display: none;
}

body[data-page="contactanos"] main #booking-form .form-header {
  grid-template-columns: minmax(0, 1fr);
  gap: 0.6rem;
  padding-bottom: 1.35rem;
}

body[data-page="contactanos"] main #booking-form .form-header h2 {
  max-width: 13ch;
  font-size: clamp(3rem, 4.4vw, 4.3rem);
  line-height: 0.86;
}

body[data-page="contactanos"] main #booking-form .form-header > p {
  max-width: 40rem;
  padding: 0;
  border: 0;
  font-size: 0.8rem;
}

body[data-page="contactanos"] main #booking-form .booking-scope-chooser {
  padding: 1rem;
}

body[data-page="contactanos"] main #booking-form .choice-option-ui {
  min-height: 90px;
  padding: 0.9rem 1rem;
}

body[data-page="contactanos"] main #booking-form .booking-fields {
  gap: 1rem;
}

body[data-page="contactanos"] main #booking-form .booking-section-heading {
  margin-top: 0.65rem;
  padding: 0.8rem 0;
}

body[data-page="contactanos"] main #booking-form input:not([type="radio"]):not([type="checkbox"]),
body[data-page="contactanos"] main #booking-form select,
body[data-page="contactanos"] main #booking-form textarea,
body[data-page="contactanos"] main #booking-form .custom-select-trigger {
  min-height: 54px;
}

body[data-page="contactanos"] main #booking-form textarea {
  min-height: 132px;
}

body[data-page="contactanos"] main #booking-form .booking-form-final {
  margin-top: 0.35rem;
  padding-top: 1.2rem;
}

body[data-page="contactanos"] main #booking-form .booking-submit-button {
  min-height: 60px;
}

@media (max-width: 900px) {
  body[data-page="contactanos"] .contact-simple-head {
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
  }

  body[data-page="contactanos"] main .contact-shell-refined {
    grid-template-areas:
      "form"
      "info";
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="contactanos"] main .contact-shell-refined > .contact-aside {
    position: static;
  }
}

@media (max-width: 640px) {
  body[data-page="contactanos"] main > .contact-booking-section {
    padding: 2.25rem 0.75rem 4rem;
  }

  body[data-page="contactanos"] .contact-simple-head {
    margin-bottom: 1.25rem;
    padding-inline: 0.25rem;
    padding-bottom: 1.25rem;
  }

  body[data-page="contactanos"] .contact-simple-head h1 {
    max-width: 9ch;
    font-size: clamp(3.5rem, 17vw, 4.7rem);
  }

  body[data-page="contactanos"] .contact-simple-head > p {
    font-size: 0.8rem;
  }

  body[data-page="contactanos"] main #booking-form {
    padding: 1.1rem 0.85rem 1.3rem;
  }

  body[data-page="contactanos"] main #booking-form .form-header h2 {
    font-size: clamp(3rem, 14vw, 4rem);
  }

  body[data-page="contactanos"] .contact-aside-panel {
    padding: 1rem;
  }

  body[data-page="contactanos"] .contact-overview-compact {
    min-height: 0;
    padding: 0.2rem 0.1rem 1rem;
  }

  body[data-page="contactanos"] .contact-overview-compact h2 {
    font-size: clamp(2.5rem, 12vw, 3.2rem);
  }
}

/* Nosotros: datos clave compactos y legibles. */
body[data-page="nosotros"] .about-bio-stats {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.16);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.012);
}

body[data-page="nosotros"] .about-bio-stat {
  grid-template-columns: 74px minmax(0, 1fr);
  grid-template-areas:
    "value title"
    "value description";
  align-content: center;
  align-items: center;
  column-gap: 1rem;
  row-gap: 0.3rem;
  min-height: 116px;
  padding: 1rem;
  border: 0;
  border-bottom: 1px solid rgba(239, 182, 47, 0.12);
  border-radius: 0;
  background: transparent;
  transition: background-color 180ms ease;
}

body[data-page="nosotros"] .about-bio-stat:last-child {
  border-bottom: 0;
}

body[data-page="nosotros"] .about-bio-stat:hover {
  background: linear-gradient(90deg, rgba(239, 182, 47, 0.075), transparent 82%);
}

body[data-page="nosotros"] .about-bio-stat-value {
  grid-area: value;
  display: grid;
  place-items: center;
  align-self: stretch;
  width: 74px;
  min-height: 76px;
  margin: 0;
  padding: 0.55rem;
  color: var(--lt-stage-gold-bright);
  border: 1px solid rgba(239, 182, 47, 0.25);
  border-radius: 6px;
  background: linear-gradient(145deg, rgba(239, 182, 47, 0.12), rgba(239, 182, 47, 0.025));
  font-size: clamp(1.9rem, 2.6vw, 2.55rem);
  letter-spacing: 0.01em;
  line-height: 0.9;
  text-align: center;
  text-wrap: balance;
}

body[data-page="nosotros"] .about-bio-stat:nth-child(4) .about-bio-stat-value {
  font-size: clamp(1.15rem, 1.7vw, 1.45rem);
  line-height: 1;
}

body[data-page="nosotros"] .about-bio-stat strong {
  grid-area: title;
  align-self: end;
  margin: 0;
  font-size: 1.35rem;
  line-height: 1;
}

body[data-page="nosotros"] .about-bio-stat p {
  grid-area: description;
  align-self: start;
  margin: 0;
  font-size: 0.76rem;
  line-height: 1.52;
}

@media (max-width: 640px) {
  body[data-page="nosotros"] .about-bio-stat {
    grid-template-columns: 64px minmax(0, 1fr);
    column-gap: 0.85rem;
    min-height: 108px;
    padding: 0.85rem;
  }

  body[data-page="nosotros"] .about-bio-stat-value {
    width: 64px;
    min-height: 68px;
    font-size: 1.9rem;
  }

  body[data-page="nosotros"] .about-bio-stat:nth-child(4) .about-bio-stat-value {
    font-size: 1rem;
  }

  body[data-page="nosotros"] .about-bio-stat strong {
    font-size: 1.22rem;
  }

  body[data-page="nosotros"] .about-bio-stat p {
    font-size: 0.72rem;
  }
}

/* Nosotros: encabezado de trayectoria con fotografía de escenario. */
body[data-page="nosotros"] .timeline-head {
  isolation: isolate;
  min-height: clamp(560px, 58vw, 720px);
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.24);
  border-radius: 8px;
  background: #050403;
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.42);
}

body[data-page="nosotros"] .timeline-head-photo {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 56%;
}

body[data-page="nosotros"] .timeline-head::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(4, 3, 2, 0.97) 0%, rgba(4, 3, 2, 0.86) 48%, rgba(4, 3, 2, 0.36) 100%),
    linear-gradient(180deg, rgba(126, 20, 16, 0.08), rgba(4, 3, 2, 0.94)),
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.014) 1px, transparent 1px),
    radial-gradient(circle at 78% 24%, rgba(239, 182, 47, 0.16), transparent 19rem);
  background-size: auto, auto, 72px 72px, 72px 72px, auto;
  pointer-events: none;
}

body[data-page="nosotros"] .timeline-head > :not(.timeline-head-photo) {
  position: relative;
  z-index: 2;
}

body[data-page="nosotros"] .timeline-head h2 {
  max-width: 11ch;
  font-size: clamp(3.8rem, 6vw, 6.5rem);
  line-height: 0.84;
  text-shadow: 0 8px 28px rgba(0, 0, 0, 0.72);
}

body[data-page="nosotros"] .timeline-head > p:not(.section-kicker) {
  max-width: 45rem;
  color: rgba(255, 248, 233, 0.76);
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.8);
}

body[data-page="nosotros"] .timeline-head .timeline-summary span {
  border-color: rgba(255, 214, 107, 0.3);
  background: rgba(5, 4, 3, 0.58);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

body[data-page="nosotros"] .timeline-head .about-section-count {
  margin: 0;
  padding: clamp(1.25rem, 2.5vw, 2.2rem);
  border-left: 1px solid rgba(255, 214, 107, 0.22);
  background: linear-gradient(180deg, rgba(5, 4, 3, 0.34), rgba(5, 4, 3, 0.76));
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

@media (max-width: 640px) {
  body[data-page="nosotros"] .timeline-head {
    min-height: 660px;
    padding: 2rem 1.15rem;
  }

  body[data-page="nosotros"] .timeline-head-photo {
    object-position: center 42%;
  }

  body[data-page="nosotros"] .timeline-head::before {
    background:
      linear-gradient(180deg, rgba(4, 3, 2, 0.44) 0%, rgba(4, 3, 2, 0.78) 38%, rgba(4, 3, 2, 0.98) 78%),
      linear-gradient(90deg, rgba(4, 3, 2, 0.72), rgba(4, 3, 2, 0.18)),
      linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.014) 1px, transparent 1px),
      radial-gradient(circle at 78% 24%, rgba(239, 182, 47, 0.14), transparent 16rem);
    background-size: auto, auto, 72px 72px, 72px 72px, auto;
  }

  body[data-page="nosotros"] .timeline-head h2 {
    max-width: 9ch;
    font-size: clamp(3.25rem, 15vw, 4.4rem);
  }

  body[data-page="nosotros"] .timeline-head .about-section-count {
    margin: 2rem 0 0;
    padding: 1rem 0 0;
    border-top: 1px solid rgba(255, 214, 107, 0.22);
    border-left: 0;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

/* Nosotros: momentos del timeline más unidos y proporcionados. */
body[data-page="nosotros"] .band-timeline {
  gap: 10px;
}

body[data-page="nosotros"] .timeline-item {
  grid-template-columns: minmax(0, 1.15fr) 72px minmax(280px, 0.85fr);
  gap: 8px;
  min-height: 500px;
}

body[data-page="nosotros"] .timeline-content,
body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-content {
  grid-column: 1;
  justify-content: center;
  padding: clamp(2rem, 3.2vw, 3.4rem);
}

body[data-page="nosotros"] .timeline-marker,
body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-marker {
  grid-column: 2;
}

body[data-page="nosotros"] .timeline-postcard,
body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-postcard {
  grid-column: 3;
}

body[data-page="nosotros"] .timeline-item:nth-child(odd) .timeline-postcard,
body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-postcard {
  align-self: stretch;
  justify-self: stretch;
  width: 100%;
  max-width: none;
  padding: 0;
  transform: none;
}

body[data-page="nosotros"] .timeline-item:nth-child(odd):hover .timeline-postcard,
body[data-page="nosotros"] .timeline-item:nth-child(even):hover .timeline-postcard {
  transform: none;
}

body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-postcard {
  grid-column: 1;
}

body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-content {
  grid-column: 3;
}

body[data-page="nosotros"] .timeline-content h3 {
  max-width: 12ch;
  margin: 0.4rem 0 0.45rem;
  font-size: clamp(2.7rem, 3.8vw, 4.5rem);
  line-height: 0.9;
}

body[data-page="nosotros"] .timeline-content > p:not(.panel-kicker) {
  max-width: 58ch;
  margin: 0;
  line-height: 1.68;
}

body[data-page="nosotros"] .timeline-tags {
  margin-top: 0.95rem;
}

body[data-page="nosotros"] .timeline-postcard img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: auto;
}

@media (max-width: 820px) {
  body[data-page="nosotros"] .timeline-item,
  body[data-page="nosotros"] .timeline-item:nth-child(even) {
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
  }

  body[data-page="nosotros"] .timeline-marker,
  body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-marker {
    grid-column: 1;
    grid-row: 1;
    flex-direction: row;
    justify-content: flex-start;
    min-height: 54px;
    padding-inline: 1rem;
  }

  body[data-page="nosotros"] .timeline-marker::before,
  body[data-page="nosotros"] .timeline-marker::after {
    width: auto;
    height: 1px;
  }

  body[data-page="nosotros"] .timeline-content,
  body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-content {
    grid-column: 1;
    grid-row: 2;
    min-height: 0;
    padding: 2rem 1.25rem;
  }

  body[data-page="nosotros"] .timeline-postcard,
  body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-postcard {
    grid-column: 1;
    grid-row: 3;
    min-height: 390px;
  }

  body[data-page="nosotros"] .timeline-postcard img {
    min-height: 0;
  }
}

@media (max-width: 640px) {
  body[data-page="nosotros"] .timeline-content h3 {
    max-width: 10ch;
    margin-bottom: 0.65rem;
    font-size: clamp(2.8rem, 13vw, 4rem);
  }

  body[data-page="nosotros"] .timeline-content > p:not(.panel-kicker) {
    font-size: 0.84rem;
    line-height: 1.64;
  }
}

@media (min-width: 821px) {
  body[data-page="nosotros"] .timeline-item,
  body[data-page="nosotros"] .timeline-item:nth-child(even) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    min-height: 560px;
  }

  body[data-page="nosotros"] .timeline-content,
  body[data-page="nosotros"] .timeline-item:nth-child(odd) .timeline-content {
    grid-column: 1;
    grid-row: 1;
  }

  body[data-page="nosotros"] .timeline-postcard,
  body[data-page="nosotros"] .timeline-item:nth-child(odd) .timeline-postcard {
    grid-column: 2;
    grid-row: 1;
    min-height: 560px;
  }

  body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-content {
    grid-column: 2;
  }

  body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-postcard {
    grid-column: 1;
  }

  body[data-page="nosotros"] .timeline-marker,
  body[data-page="nosotros"] .timeline-item:nth-child(odd) .timeline-marker {
    z-index: 4;
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    justify-self: start;
    flex-direction: row;
    width: auto;
    min-height: 42px;
    margin: 1rem;
    padding: 0.45rem 0.7rem;
    gap: 0.45rem;
    border-color: rgba(255, 214, 107, 0.32);
    border-radius: 999px;
    background: rgba(5, 4, 3, 0.72);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.34);
  }

  body[data-page="nosotros"] .timeline-item:nth-child(even) .timeline-marker {
    grid-column: 1;
  }

  body[data-page="nosotros"] .timeline-marker::before,
  body[data-page="nosotros"] .timeline-marker::after {
    display: none;
  }

  body[data-page="nosotros"] .timeline-year {
    padding: 0;
    font-size: 0.62rem;
  }

  body[data-page="nosotros"] .timeline-dot {
    width: 8px;
    height: 8px;
    border-width: 1px;
    box-shadow: 0 0 0 4px rgba(239, 182, 47, 0.14), 0 0 20px rgba(239, 182, 47, 0.48);
  }
}

/* Nosotros: la ruta abre con una panorámica real de escenario y público. */
body[data-page="nosotros"] .home-route-section .section-head {
  isolation: isolate;
  min-height: clamp(500px, 42vw, 650px);
  overflow: hidden;
  border: 1px solid rgba(239, 182, 47, 0.22);
  border-bottom-width: 6px;
  background: #050403;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.025);
}

body[data-page="nosotros"] .home-route-section .section-head > .about-route-head-photo {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: calc(100% + var(--about-route-photo-offset));
  max-width: none;
  height: calc(100% + 0.75rem);
  transform: translateX(calc(0px - var(--about-route-photo-offset)));
  object-fit: cover;
  object-position: center 48%;
  filter: saturate(1.08) contrast(1.06) brightness(0.82);
}

body[data-page="nosotros"] .home-route-section .section-head::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(4, 3, 2, 0.97) 0%, rgba(4, 3, 2, 0.87) 39%, rgba(4, 3, 2, 0.38) 68%, rgba(4, 3, 2, 0.76) 100%),
    linear-gradient(180deg, rgba(4, 3, 2, 0.12), rgba(4, 3, 2, 0.88)),
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.014) 1px, transparent 1px);
  background-size: auto, auto, 82px 82px, 82px 82px;
  pointer-events: none;
}

body[data-page="nosotros"] .home-route-section .section-head > :not(.about-route-head-photo) {
  position: relative;
  z-index: 2;
}

body[data-page="nosotros"] .home-route-section .section-head h2 {
  max-width: 10ch;
  text-shadow: 0 8px 30px rgba(0, 0, 0, 0.78);
}

body[data-page="nosotros"] .home-route-section .section-head > p:not(.section-kicker) {
  max-width: 52rem;
  color: rgba(255, 248, 233, 0.76);
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.82);
}

body[data-page="nosotros"] .home-route-section .about-route-counter {
  align-self: stretch;
  padding: clamp(1.25rem, 2.4vw, 2.2rem);
  border: 1px solid rgba(255, 214, 107, 0.2);
  background: linear-gradient(180deg, rgba(5, 4, 3, 0.36), rgba(5, 4, 3, 0.76));
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

@media (max-width: 640px) {
  body[data-page="nosotros"] .home-route-section .section-head {
    --about-route-photo-offset: 1.15rem;
    min-height: 680px;
  }

  body[data-page="nosotros"] .home-route-section .section-head > .about-route-head-photo {
    object-position: 58% center;
  }

  body[data-page="nosotros"] .home-route-section .section-head::before {
    background:
      linear-gradient(180deg, rgba(4, 3, 2, 0.34) 0%, rgba(4, 3, 2, 0.77) 44%, rgba(4, 3, 2, 0.98) 82%),
      linear-gradient(90deg, rgba(4, 3, 2, 0.74), rgba(4, 3, 2, 0.18)),
      linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, 0.014) 1px, transparent 1px);
    background-size: auto, auto, 68px 68px, 68px 68px;
  }

  body[data-page="nosotros"] .home-route-section .about-route-counter {
    margin-top: 1.5rem;
    padding: 1rem;
  }
}

/* -------------------------------------------------------------------------- */
/* Música 2026: portada, cabina, biblioteca y plataformas                     */
/* -------------------------------------------------------------------------- */

body[data-page="musica"] {
  --music-ink: #070604;
  --music-panel: #0d0b08;
  --music-gold: #f6c84e;
  --music-gold-soft: #dca934;
  --music-cream: #fff6e5;
  background:
    radial-gradient(circle at 16% 14%, rgba(111, 69, 15, 0.18), transparent 28rem),
    linear-gradient(180deg, #080704 0%, #050403 100%);
}

body[data-page="musica"] main {
  overflow: clip;
}

body[data-page="musica"] .music-page-hero {
  position: relative;
  padding: clamp(1rem, 2vw, 1.75rem);
  border-bottom: 1px solid rgba(246, 200, 78, 0.18);
}

body[data-page="musica"] .music-page-hero-stage {
  position: relative;
  min-height: clamp(680px, calc(100svh - 2rem), 820px);
  overflow: hidden;
  border: 1px solid rgba(246, 200, 78, 0.24);
  border-radius: 2px;
  background:
    linear-gradient(90deg, rgba(3, 3, 2, 0.98) 0%, rgba(3, 3, 2, 0.87) 38%, rgba(3, 3, 2, 0.18) 72%, rgba(3, 3, 2, 0.5) 100%),
    #090805;
  isolation: isolate;
}

body[data-page="musica"] .music-page-hero-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  background:
    linear-gradient(180deg, rgba(2, 2, 1, 0.08), transparent 54%, rgba(2, 2, 1, 0.88)),
    repeating-linear-gradient(90deg, transparent 0 9.95%, rgba(246, 200, 78, 0.04) 10% 10.05%);
  pointer-events: none;
}

body[data-page="musica"] .music-page-hero-stage::after {
  content: "";
  position: absolute;
  inset: 1rem;
  z-index: 4;
  border: 1px solid rgba(255, 255, 255, 0.07);
  pointer-events: none;
}

body[data-page="musica"] .music-page-hero-gallery {
  position: absolute;
  inset: 0 0 0 37%;
  z-index: 1;
  filter: saturate(0.92) contrast(1.08);
}

body[data-page="musica"] .music-page-hero-cover {
  position: absolute;
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(246, 200, 78, 0.28);
  background: #15100a;
  box-shadow: 0 42px 90px rgba(0, 0, 0, 0.52);
}

body[data-page="musica"] .music-page-hero-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1.1s cubic-bezier(0.18, 0.7, 0.2, 1), filter 0.8s ease;
}

body[data-page="musica"] .music-page-hero-stage:hover .music-page-hero-cover-main img {
  transform: scale(1.025);
}

body[data-page="musica"] .music-page-hero-cover-main {
  inset: -6% 2% -9% 14%;
  z-index: 2;
  transform: rotate(2.5deg);
}

body[data-page="musica"] .music-page-hero-cover-secondary {
  width: 34%;
  height: 42%;
  top: 5%;
  left: -2%;
  z-index: 1;
  transform: rotate(-7deg);
}

body[data-page="musica"] .music-page-hero-cover-tertiary {
  width: 31%;
  height: 40%;
  right: -3%;
  bottom: 4%;
  z-index: 4;
  transform: rotate(7deg);
}

body[data-page="musica"] .music-page-hero-cover-secondary img,
body[data-page="musica"] .music-page-hero-cover-tertiary img {
  filter: brightness(0.72) saturate(0.85);
}

body[data-page="musica"] .music-page-hero-copy {
  position: absolute;
  left: clamp(2.2rem, 6vw, 7.2rem);
  top: 45%;
  z-index: 6;
  display: grid;
  gap: 1.15rem;
  width: min(620px, 44vw);
  transform: translateY(-50%);
}

body[data-page="musica"] .music-page-hero-kicker {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0;
  color: var(--music-gold);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

body[data-page="musica"] .music-page-hero-kicker::after {
  content: "";
  width: 4.5rem;
  height: 1px;
  background: rgba(246, 200, 78, 0.65);
}

body[data-page="musica"] .music-page-hero-copy h1 {
  max-width: 8ch;
  margin: 0;
  color: var(--music-cream);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(5.8rem, 9vw, 10rem);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 0.76;
  text-transform: uppercase;
  text-wrap: balance;
  text-shadow: 0 18px 54px rgba(0, 0, 0, 0.52);
}

body[data-page="musica"] .music-page-hero-copy h1 em {
  color: var(--music-gold);
  font-style: normal;
}

body[data-page="musica"] .music-page-hero-lead {
  max-width: 42rem;
  margin: 0;
  padding-left: 1rem;
  border-left: 2px solid var(--music-gold);
  color: rgba(255, 246, 229, 0.76);
  font-size: clamp(0.9rem, 1.2vw, 1.08rem);
  line-height: 1.72;
}

body[data-page="musica"] .music-page-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.35rem;
  margin-top: 0.3rem;
}

body[data-page="musica"] .music-page-primary-action {
  min-height: 56px;
  padding-inline: 1.6rem;
  color: #181004;
  background: linear-gradient(135deg, #ffd866, #e9aa24);
  box-shadow: 0 18px 45px rgba(218, 156, 31, 0.2);
}

body[data-page="musica"] .music-page-text-action,
body[data-page="musica"] .music-streaming-back {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 44px;
  color: var(--music-cream);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-decoration: none;
  text-transform: uppercase;
}

body[data-page="musica"] .music-page-text-action span,
body[data-page="musica"] .music-streaming-back span {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(246, 200, 78, 0.38);
  border-radius: 50%;
  color: var(--music-gold);
}

body[data-page="musica"] .music-page-hero-notes {
  position: absolute;
  left: clamp(2.2rem, 6vw, 7.2rem);
  right: clamp(2.2rem, 4vw, 4.5rem);
  bottom: clamp(1.8rem, 4vw, 3rem);
  z-index: 6;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: min(780px, calc(100% - 5rem));
  border-top: 1px solid rgba(246, 200, 78, 0.22);
}

body[data-page="musica"] .music-page-hero-notes span {
  display: grid;
  gap: 0.2rem;
  padding: 1rem 1.1rem 0 0;
}

body[data-page="musica"] .music-page-hero-notes b {
  color: var(--music-cream);
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

body[data-page="musica"] .music-page-hero-notes small {
  color: rgba(255, 246, 229, 0.48);
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body[data-page="musica"] .music-page-hero-index {
  position: absolute;
  right: 2.4rem;
  top: 50%;
  z-index: 6;
  color: rgba(255, 246, 229, 0.46);
  font-size: 0.58rem;
  font-weight: 900;
  letter-spacing: 0.24em;
  writing-mode: vertical-rl;
  transform: translateY(-50%);
}

body[data-page="musica"] .music-player-section {
  padding-top: clamp(5rem, 9vw, 8.5rem);
}

body[data-page="musica"] .music-section-heading {
  display: grid;
  grid-template-columns: auto minmax(300px, 1.2fr) minmax(260px, 0.8fr);
  gap: clamp(1rem, 2vw, 2rem);
  align-items: end;
  width: min(1500px, 100%);
  margin: 0 auto clamp(2rem, 4vw, 3.8rem);
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(246, 200, 78, 0.18);
}

body[data-page="musica"] .music-section-number {
  color: var(--music-gold);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(3rem, 5vw, 5rem);
  line-height: 0.78;
}

body[data-page="musica"] .music-section-heading > div {
  display: grid;
  gap: 0.4rem;
}

body[data-page="musica"] .music-section-heading h2 {
  margin: 0;
  color: var(--music-cream);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(3.3rem, 6vw, 6.4rem);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 0.8;
  text-transform: uppercase;
}

body[data-page="musica"] .music-section-heading > p {
  max-width: 34rem;
  margin: 0;
  color: rgba(255, 246, 229, 0.58);
  line-height: 1.7;
}

body[data-page="musica"] .music-player-shell {
  width: min(1500px, 100%);
}

body[data-page="musica"] .music-player-layout {
  grid-template-columns: minmax(340px, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(1rem, 2vw, 1.5rem);
}

body[data-page="musica"] .music-vinyl-stage.audio-player-cover {
  min-height: clamp(550px, 52vw, 680px);
  border: 1px solid rgba(246, 200, 78, 0.22);
  border-radius: 2px;
  background-size: auto, auto, cover;
  background-position: center;
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.42);
}

body[data-page="musica"] .music-vinyl-stage.audio-player-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.07);
  margin: 0.8rem;
  pointer-events: none;
}

body[data-page="musica"] .music-current-sleeve {
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: none;
  padding: 1.25rem 1.35rem;
  border: 0;
  border-top: 1px solid rgba(246, 200, 78, 0.3);
  border-radius: 0;
  background: linear-gradient(90deg, rgba(6, 5, 3, 0.96), rgba(6, 5, 3, 0.74));
  backdrop-filter: blur(18px);
}

body[data-page="musica"] .music-current-sleeve-copy {
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
}

body[data-page="musica"] .music-current-sleeve-kicker {
  padding-right: 1rem;
  border-right: 1px solid rgba(246, 200, 78, 0.3);
}

body[data-page="musica"] .music-current-sleeve-copy strong {
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body[data-page="musica"] .music-player-panel.audio-player-panel {
  position: relative;
  min-height: clamp(550px, 52vw, 680px);
  padding: clamp(1.5rem, 4vw, 4.5rem);
  overflow: hidden;
  border: 1px solid rgba(246, 200, 78, 0.22);
  border-radius: 2px;
  background:
    radial-gradient(circle at 88% 12%, rgba(246, 200, 78, 0.13), transparent 28%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.035), transparent 46%),
    #0a0906;
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.32);
}

body[data-page="musica"] .music-player-panel.audio-player-panel::before {
  content: "NOW PLAYING";
  position: absolute;
  right: -0.05em;
  bottom: -0.15em;
  color: rgba(246, 200, 78, 0.035);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(7rem, 12vw, 13rem);
  line-height: 0.7;
  white-space: nowrap;
  pointer-events: none;
}

body[data-page="musica"] .music-player-panel .section-kicker {
  color: var(--music-gold);
  letter-spacing: 0.22em;
}

body[data-page="musica"] .music-player-panel .audio-player-title {
  max-width: 8ch;
  margin-top: clamp(1rem, 2vw, 1.8rem);
  color: var(--music-cream);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(4.5rem, 8vw, 8rem);
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 0.78;
  text-transform: uppercase;
}

body[data-page="musica"] .music-player-panel .audio-player-copy {
  max-width: 42rem;
  color: rgba(255, 246, 229, 0.62);
}

body[data-page="musica"] .music-player-panel .audio-progress-shell {
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

body[data-page="musica"] .music-player-panel .audio-progress {
  accent-color: var(--music-gold);
}

body[data-page="musica"] .music-player-panel .audio-time {
  color: var(--music-gold);
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.05rem;
  letter-spacing: 0.08em;
}

body[data-page="musica"] .music-player-panel .audio-controls {
  justify-content: flex-start;
  margin-top: 1.35rem;
}

body[data-page="musica"] .music-player-panel .audio-control-button {
  min-width: 58px;
  min-height: 58px;
  border-color: rgba(246, 200, 78, 0.28);
  border-radius: 50%;
}

body[data-page="musica"] .music-player-panel .audio-play-button {
  min-width: 82px;
  min-height: 82px;
  color: #171006;
  background: linear-gradient(145deg, #ffda67, #d99514);
  box-shadow: 0 15px 35px rgba(218, 156, 31, 0.26);
}

body[data-page="musica"] .music-player-panel .track-platform-links-current {
  margin-top: 1.7rem;
}

body[data-page="musica"] .music-player-panel .track-platform-link {
  min-height: 46px;
  border-radius: 999px;
}

body[data-page="musica"] .music-player-panel .track-info-panel,
body[data-page="musica"] .music-player-panel .track-lyrics-panel {
  position: relative;
  z-index: 2;
  margin-top: 1.2rem;
  border-radius: 1px;
  background: rgba(255, 255, 255, 0.025);
}

body[data-page="musica"] .music-playlist-head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: 2rem;
  align-items: end;
  margin-top: clamp(4rem, 8vw, 8rem);
  padding: 0 0 1.5rem;
  border-bottom: 1px solid rgba(246, 200, 78, 0.18);
}

body[data-page="musica"] .music-playlist-heading-copy {
  display: grid;
  gap: 0.55rem;
}

body[data-page="musica"] .music-playlist-head h3 {
  max-width: 12ch;
  color: var(--music-cream);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(3.7rem, 7vw, 7rem);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 0.8;
  text-transform: uppercase;
}

body[data-page="musica"] .music-playlist-head p:last-child {
  max-width: 46rem;
  color: rgba(255, 246, 229, 0.55);
}

body[data-page="musica"] .music-catalog-tools {
  display: grid;
  gap: 0.75rem;
}

body[data-page="musica"] .music-catalog-search {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.75rem;
  min-height: 56px;
  padding: 0 1.1rem;
  border: 1px solid rgba(246, 200, 78, 0.24);
  background: rgba(255, 255, 255, 0.025);
  color: var(--music-gold);
}

body[data-page="musica"] .music-catalog-search:focus-within {
  border-color: rgba(246, 200, 78, 0.6);
  box-shadow: 0 0 0 4px rgba(246, 200, 78, 0.07);
}

body[data-page="musica"] .music-catalog-search input {
  width: 100%;
  min-height: 54px;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--music-cream);
  font: inherit;
}

body[data-page="musica"] .music-catalog-search input::placeholder {
  color: rgba(255, 246, 229, 0.38);
}

body[data-page="musica"] .music-catalog-count {
  margin: 0;
  color: rgba(255, 246, 229, 0.46);
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-align: right;
  text-transform: uppercase;
}

body[data-page="musica"] .audio-playlist.music-track-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-top: 1px;
  background: rgba(246, 200, 78, 0.16);
  border: 1px solid rgba(246, 200, 78, 0.16);
}

body[data-page="musica"] .music-track-grid .audio-track-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  gap: 0;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #0b0907;
  box-shadow: none;
  transform: none;
}

body[data-page="musica"] .music-track-grid .audio-track-card[hidden] {
  display: none;
}

body[data-page="musica"] .music-track-grid .audio-track-art {
  min-height: 0;
  aspect-ratio: 1 / 1;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transition: transform 600ms cubic-bezier(0.2, 0.72, 0.2, 1), filter 400ms ease;
}

body[data-page="musica"] .music-track-grid .audio-track-art::before {
  content: "▶";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(255, 246, 229, 0.54);
  border-radius: 50%;
  color: var(--music-cream);
  background: rgba(5, 4, 3, 0.55);
  font-size: 0.9rem;
  opacity: 0;
  transform: translate(-50%, -42%);
  transition: opacity 220ms ease, transform 220ms ease, background 220ms ease;
  backdrop-filter: blur(12px);
}

body[data-page="musica"] .music-track-grid .audio-track-content {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: start;
  gap: 0.75rem;
  min-height: 218px;
  padding: 1.15rem 1.1rem 1.2rem;
  background: #0b0907;
}

body[data-page="musica"] .music-track-grid .audio-track-number {
  min-width: auto;
  min-height: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--music-gold);
}

body[data-page="musica"] .music-track-grid .audio-track-kicker {
  overflow: hidden;
  color: rgba(255, 246, 229, 0.42);
  font-size: 0.58rem;
  letter-spacing: 0.13em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body[data-page="musica"] .music-track-grid .audio-track {
  gap: 0.45rem;
}

body[data-page="musica"] .music-track-grid .audio-track-title {
  color: var(--music-cream);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1.8rem, 2.3vw, 2.45rem);
  font-weight: 400;
  letter-spacing: 0.015em;
  line-height: 0.92;
  text-transform: uppercase;
}

body[data-page="musica"] .music-track-grid .audio-track-meta {
  display: -webkit-box;
  overflow: hidden;
  color: rgba(255, 246, 229, 0.45);
  font-size: 0.76rem;
  line-height: 1.48;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body[data-page="musica"] .music-track-grid .audio-track-actions {
  margin-top: auto;
}

body[data-page="musica"] .music-track-grid .track-platform-links.is-compact {
  gap: 0.38rem;
}

body[data-page="musica"] .music-track-grid .track-platform-link.is-compact {
  min-width: 38px;
  min-height: 38px;
  border-radius: 50%;
}

body[data-page="musica"] .music-track-grid .audio-track-card:hover,
body[data-page="musica"] .music-track-grid .audio-track-card:focus-within,
body[data-page="musica"] .music-track-grid .audio-track-card.is-active {
  z-index: 2;
  border: 0;
  background: #121008;
  box-shadow: 0 0 0 1px rgba(246, 200, 78, 0.48), 0 28px 60px rgba(0, 0, 0, 0.44);
  transform: none;
}

body[data-page="musica"] .music-track-grid .audio-track-card:hover .audio-track-art,
body[data-page="musica"] .music-track-grid .audio-track-card:focus-within .audio-track-art,
body[data-page="musica"] .music-track-grid .audio-track-card.is-active .audio-track-art {
  filter: saturate(1.08) brightness(0.78);
  transform: scale(1.035);
}

body[data-page="musica"] .music-track-grid .audio-track-card:hover .audio-track-art::before,
body[data-page="musica"] .music-track-grid .audio-track-card:focus-within .audio-track-art::before,
body[data-page="musica"] .music-track-grid .audio-track-card.is-active .audio-track-art::before {
  opacity: 1;
  transform: translate(-50%, -50%);
}

body[data-page="musica"] .music-track-grid .audio-track-card.is-active .audio-track-art::before {
  content: "♫";
  border-color: var(--music-gold);
  color: #171006;
  background: var(--music-gold);
}

body[data-page="musica"] .music-catalog-empty {
  grid-column: 1 / -1;
  place-items: center;
  gap: 0.45rem;
  min-height: 280px;
  padding: 2rem;
  border: 1px dashed rgba(246, 200, 78, 0.26);
  color: rgba(255, 246, 229, 0.55);
  text-align: center;
}

body[data-page="musica"] .music-catalog-empty:not([hidden]) {
  display: grid;
}

body[data-page="musica"] .music-catalog-empty i {
  margin-bottom: 0.6rem;
  color: var(--music-gold);
  font-size: 2.4rem;
}

body[data-page="musica"] .music-catalog-empty strong {
  color: var(--music-cream);
  font-family: "Bebas Neue", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body[data-page="musica"] .music-albums-shell {
  width: min(1500px, 100%);
}

body[data-page="musica"] .music-streaming-section {
  padding-top: clamp(4rem, 8vw, 8rem);
  padding-bottom: clamp(7rem, 10vw, 11rem);
}

body[data-page="musica"] .music-streaming-banner {
  display: grid;
  grid-template-columns: minmax(280px, 0.72fr) minmax(360px, 1fr) auto;
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
  width: min(1500px, 100%);
  min-height: 500px;
  padding: clamp(1.25rem, 2vw, 2rem);
  overflow: hidden;
  border: 1px solid rgba(246, 200, 78, 0.24);
  border-radius: 2px;
  background:
    radial-gradient(circle at 78% 22%, rgba(246, 200, 78, 0.12), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.035), transparent 42%),
    #0a0906;
}

body[data-page="musica"] .music-streaming-art {
  position: relative;
  align-self: stretch;
  min-height: 450px;
  overflow: hidden;
}

body[data-page="musica"] .music-streaming-art::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 42%, rgba(4, 3, 2, 0.74));
  pointer-events: none;
}

body[data-page="musica"] .music-streaming-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body[data-page="musica"] .music-streaming-art span {
  position: absolute;
  left: 1.2rem;
  bottom: 1.2rem;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  color: #171006;
  background: var(--music-gold);
  box-shadow: 0 15px 36px rgba(0, 0, 0, 0.4);
}

body[data-page="musica"] .music-streaming-copy {
  display: grid;
  gap: 1rem;
}

body[data-page="musica"] .music-streaming-copy h2 {
  max-width: 8ch;
  margin: 0;
  color: var(--music-cream);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(4.5rem, 7vw, 7.5rem);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 0.78;
  text-transform: uppercase;
}

body[data-page="musica"] .music-streaming-copy > p:last-of-type {
  max-width: 42rem;
  margin: 0;
  color: rgba(255, 246, 229, 0.58);
  line-height: 1.7;
}

body[data-page="musica"] .music-platform-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin-top: 0.75rem;
  border: 1px solid rgba(246, 200, 78, 0.18);
  background: rgba(246, 200, 78, 0.18);
}

body[data-page="musica"] .music-platform-grid a {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 0.65rem;
  min-height: 58px;
  padding: 0.75rem;
  background: #0c0a07;
  color: var(--music-cream);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 180ms ease, background 180ms ease;
}

body[data-page="musica"] .music-platform-grid a:hover,
body[data-page="musica"] .music-platform-grid a:focus-visible {
  color: #171006;
  background: var(--music-gold);
  outline: 0;
}

body[data-page="musica"] .music-platform-grid i {
  font-size: 1.2rem;
  text-align: center;
}

body[data-page="musica"] .music-streaming-actions {
  display: grid;
  gap: 1rem;
  justify-items: start;
  min-width: 180px;
}

body[data-page="musica"] .music-streaming-actions .button {
  min-height: 58px;
  padding-inline: 1.35rem;
  border-radius: 0;
}

@media (max-width: 1180px) {
  body[data-page="musica"] .music-page-hero-copy {
    width: min(560px, 52vw);
  }

  body[data-page="musica"] .audio-playlist.music-track-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-page="musica"] .music-streaming-banner {
    grid-template-columns: minmax(250px, 0.72fr) minmax(320px, 1fr);
  }

  body[data-page="musica"] .music-streaming-actions {
    grid-column: 2;
    grid-template-columns: auto auto;
    align-items: center;
  }
}

@media (max-width: 900px) {
  body[data-page="musica"] .music-page-hero-stage {
    min-height: 780px;
  }

  body[data-page="musica"] .music-page-hero-gallery {
    inset: 0;
    opacity: 0.68;
  }

  body[data-page="musica"] .music-page-hero-stage {
    background: linear-gradient(180deg, rgba(3, 3, 2, 0.12), rgba(3, 3, 2, 0.7) 48%, rgba(3, 3, 2, 0.98) 82%);
  }

  body[data-page="musica"] .music-page-hero-cover-main {
    inset: -4% 0 16% 12%;
  }

  body[data-page="musica"] .music-page-hero-cover-secondary {
    left: -5%;
  }

  body[data-page="musica"] .music-page-hero-copy {
    left: 2.5rem;
    right: 2.5rem;
    top: auto;
    bottom: 9rem;
    width: auto;
    transform: none;
  }

  body[data-page="musica"] .music-page-hero-copy h1 {
    font-size: clamp(5.8rem, 16vw, 8.5rem);
  }

  body[data-page="musica"] .music-page-hero-notes {
    left: 2.5rem;
    right: 2.5rem;
    bottom: 2rem;
    width: auto;
  }

  body[data-page="musica"] .music-section-heading,
  body[data-page="musica"] .music-playlist-head {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  body[data-page="musica"] .music-section-heading {
    grid-template-columns: auto minmax(0, 1fr);
  }

  body[data-page="musica"] .music-section-heading > p {
    grid-column: 2;
  }

  body[data-page="musica"] .music-player-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="musica"] .music-vinyl-stage.audio-player-cover {
    min-height: 620px;
  }

  body[data-page="musica"] .music-player-panel.audio-player-panel {
    min-height: 0;
  }

  body[data-page="musica"] .music-catalog-count {
    text-align: left;
  }

  body[data-page="musica"] .music-streaming-banner {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="musica"] .music-streaming-art {
    min-height: 480px;
  }

  body[data-page="musica"] .music-streaming-actions {
    grid-column: auto;
  }
}

@media (max-width: 680px) {
  body[data-page="musica"] .music-page-hero {
    padding: 0;
  }

  body[data-page="musica"] .music-page-hero-stage {
    min-height: 735px;
    border-width: 0 0 1px;
  }

  body[data-page="musica"] .music-page-hero-stage::after {
    inset: 0.75rem;
  }

  body[data-page="musica"] .music-page-hero-cover-main {
    inset: 0 -12% 23% 0;
    transform: rotate(0);
  }

  body[data-page="musica"] .music-page-hero-cover-secondary {
    width: 45%;
    height: 31%;
    top: 2%;
    left: -8%;
  }

  body[data-page="musica"] .music-page-hero-cover-tertiary {
    width: 42%;
    height: 29%;
    right: -7%;
    bottom: 27%;
  }

  body[data-page="musica"] .music-page-hero-copy {
    left: 1.15rem;
    right: 1.15rem;
    bottom: 8.7rem;
    gap: 0.8rem;
  }

  body[data-page="musica"] .music-page-hero-copy h1 {
    max-width: 7ch;
    font-size: clamp(5.1rem, 24vw, 7rem);
    line-height: 0.76;
  }

  body[data-page="musica"] .music-page-hero-lead {
    font-size: 0.78rem;
  }

  body[data-page="musica"] .music-page-hero-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.45rem;
  }

  body[data-page="musica"] .music-page-primary-action {
    width: 100%;
  }

  body[data-page="musica"] .music-page-text-action {
    display: none;
  }

  body[data-page="musica"] .music-page-hero-notes {
    left: 1.15rem;
    right: 1.15rem;
    bottom: 1.25rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-page="musica"] .music-page-hero-notes span {
    padding-right: 0.45rem;
  }

  body[data-page="musica"] .music-page-hero-notes b {
    font-size: 0.88rem;
  }

  body[data-page="musica"] .music-page-hero-notes small {
    font-size: 0.46rem;
  }

  body[data-page="musica"] .music-page-hero-index {
    display: none;
  }

  body[data-page="musica"] .music-player-section,
  body[data-page="musica"] .music-streaming-section {
    padding-inline: 0.75rem;
  }

  body[data-page="musica"] .music-section-heading {
    grid-template-columns: 46px minmax(0, 1fr);
    margin-bottom: 2rem;
    padding-inline: 0.25rem;
  }

  body[data-page="musica"] .music-section-heading h2 {
    font-size: clamp(3.6rem, 17vw, 5.2rem);
  }

  body[data-page="musica"] .music-section-heading > p {
    grid-column: 1 / -1;
    padding-left: 46px;
    font-size: 0.78rem;
  }

  body[data-page="musica"] .music-vinyl-stage.audio-player-cover {
    min-height: 430px;
  }

  body[data-page="musica"] .music-player-panel.audio-player-panel {
    padding: 1.4rem 1rem 1.5rem;
  }

  body[data-page="musica"] .music-player-panel .audio-player-title {
    max-width: 7ch;
    font-size: clamp(4rem, 19vw, 5.6rem);
  }

  body[data-page="musica"] .music-player-panel .audio-player-copy {
    font-size: 0.82rem;
  }

  body[data-page="musica"] .music-player-panel .audio-progress-shell {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  body[data-page="musica"] .music-player-panel .audio-controls {
    justify-content: center;
  }

  body[data-page="musica"] .music-player-panel .track-platform-links-current {
    justify-content: center;
  }

  body[data-page="musica"] .music-playlist-head {
    gap: 1.25rem;
    margin-top: 4.5rem;
  }

  body[data-page="musica"] .music-playlist-head h3 {
    font-size: clamp(3.6rem, 17vw, 5rem);
  }

  body[data-page="musica"] .audio-playlist.music-track-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="musica"] .music-track-grid .audio-track-card {
    grid-template-columns: 116px minmax(0, 1fr);
    grid-template-rows: minmax(156px, auto);
  }

  body[data-page="musica"] .music-track-grid .audio-track-art {
    aspect-ratio: auto;
    min-height: 100%;
  }

  body[data-page="musica"] .music-track-grid .audio-track-content {
    min-height: 156px;
    padding: 0.9rem 0.85rem;
  }

  body[data-page="musica"] .music-track-grid .audio-track-title {
    font-size: clamp(1.55rem, 8vw, 2rem);
  }

  body[data-page="musica"] .music-track-grid .audio-track-meta {
    display: none;
  }

  body[data-page="musica"] .music-track-grid .audio-track-art::before {
    width: 44px;
    height: 44px;
    opacity: 0.72;
    transform: translate(-50%, -50%);
  }

  body[data-page="musica"] .music-track-grid .track-platform-link.is-compact {
    min-width: 42px;
    min-height: 42px;
  }

  body[data-page="musica"] .music-streaming-banner {
    gap: 1.3rem;
    min-height: 0;
    padding: 0.75rem;
  }

  body[data-page="musica"] .music-streaming-art {
    min-height: 390px;
  }

  body[data-page="musica"] .music-streaming-copy {
    padding: 0.65rem 0.35rem;
  }

  body[data-page="musica"] .music-streaming-copy h2 {
    font-size: clamp(4rem, 20vw, 5.8rem);
  }

  body[data-page="musica"] .music-platform-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="musica"] .music-streaming-actions {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    padding: 0 0.35rem 0.75rem;
  }

  body[data-page="musica"] .music-streaming-actions .button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="musica"] .music-page-hero-cover img,
  body[data-page="musica"] .music-track-grid .audio-track-art,
  body[data-page="musica"] .music-track-grid .audio-track-art::before {
    transition: none !important;
    transform: none !important;
  }
}

/* Contacto: hero fotográfico compacto antes del formulario. */
body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero {
  padding: 0.8rem clamp(0.75rem, 2.4vw, 2.5rem) 0;
}

body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero .page-hero-grid {
  width: min(var(--lt-stage-width), 100%);
  height: clamp(520px, 66vh, 650px);
  min-height: 520px;
  max-height: 650px;
  margin-inline: auto;
  border-radius: 24px;
}

body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero .page-hero-bg-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 67% 38% !important;
  filter: saturate(0.9) contrast(1.08) brightness(0.68);
}

body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero .page-hero-grid::before {
  background:
    linear-gradient(90deg, rgba(3, 3, 2, 0.98) 0%, rgba(3, 3, 2, 0.82) 30%, rgba(3, 3, 2, 0.22) 62%, rgba(3, 3, 2, 0.08) 100%),
    linear-gradient(180deg, rgba(3, 3, 2, 0.08) 30%, rgba(3, 3, 2, 0.88) 100%),
    radial-gradient(circle at 78% 34%, rgba(31, 94, 153, 0.12), transparent 27rem);
}

body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero .page-hero-copy {
  inset: auto auto clamp(2.1rem, 5vh, 3.5rem) clamp(2rem, 5vw, 5rem);
  width: min(640px, calc(100% - 8rem));
  gap: 0.85rem;
}

body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero .page-title {
  max-width: 8.4ch;
  font-size: clamp(4.8rem, 7vw, 7.2rem);
  line-height: 0.78;
}

body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero .lead {
  max-width: 35rem;
}

body[data-page="contactanos"] main > .contact-booking-section#solicitud-contratacion {
  scroll-margin-top: 5.5rem;
  padding-top: clamp(2.4rem, 4vw, 4rem);
}

@media (max-width: 900px) {
  body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero .page-hero-grid {
    height: 650px;
    min-height: 650px;
    max-height: 650px;
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero .page-hero-bg-image {
    object-position: 64% 30% !important;
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero .page-hero-grid::before {
    background:
      linear-gradient(180deg, rgba(3, 3, 2, 0.06) 20%, rgba(3, 3, 2, 0.5) 48%, rgba(3, 3, 2, 0.98) 88%),
      linear-gradient(90deg, rgba(3, 3, 2, 0.66), transparent 80%);
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero .page-hero-copy {
    inset: auto 1.5rem 2rem;
    width: auto;
  }
}

@media (max-width: 640px) {
  body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero {
    padding: 0;
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero .page-hero-grid {
    height: 620px;
    min-height: 620px;
    max-height: 620px;
    border-radius: 0;
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero .page-hero-bg-image {
    object-position: 61% 24% !important;
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero .page-hero-copy {
    inset: auto 1rem 1.25rem;
    gap: 0.62rem;
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero .page-title {
    max-width: 8ch;
    font-size: clamp(4.1rem, 19vw, 5.3rem);
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero .lead {
    max-width: 31rem;
    font-size: 0.8rem;
    line-height: 1.5;
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero .contact-hero-actions {
    gap: 0.5rem;
  }

  body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero .contact-hero-actions .button,
  body[data-page="contactanos"] main .page-hero.page-hero-contact.contact-photo-hero .contact-hero-direct {
    min-height: 54px;
  }
}

/* Mantener el CTA fotográfico por encima de la edición base del footer. */
.site-footer .footer-main-grid {
  min-height: 0;
  margin-top: clamp(0.8rem, 1.8vw, 1.6rem);
  padding: clamp(1.8rem, 2.8vw, 2.8rem) clamp(1.5rem, 3.4vw, 3.4rem);
  border: 1px solid rgba(239, 182, 47, 0.2);
  background: #070504;
}

.site-footer .footer-brand-lockup {
  width: clamp(145px, 11vw, 185px);
  margin-bottom: clamp(0.75rem, 1.2vw, 1.1rem);
}

.site-footer .footer-brand-kicker {
  margin-bottom: 0.62rem;
}

.site-footer .footer-brand-block h2 {
  max-width: 7.7ch;
  font-size: clamp(3.9rem, 5vw, 5.7rem);
  line-height: 0.82;
}

.site-footer .footer-brand-lead {
  max-width: 520px;
  margin-top: 0.78rem;
  font-size: clamp(0.88rem, 1vw, 1rem);
  line-height: 1.55;
}

.site-footer .footer-brand-actions {
  margin-top: 1rem;
}

.site-footer .footer-newsletter-group {
  min-height: 0;
  padding: clamp(1.35rem, 2vw, 2rem);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), transparent 44%),
    linear-gradient(135deg, rgba(135, 26, 20, 0.18), transparent 60%),
    rgba(7, 5, 3, 0.84);
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(10px);
}

.site-footer .footer-newsletter-index {
  margin-bottom: 0.62rem;
}

.site-footer .footer-newsletter-copy {
  gap: 0.35rem;
}

.site-footer .footer-newsletter-copy h3 {
  font-size: clamp(2.6rem, 3.25vw, 3.65rem);
}

.site-footer .footer-newsletter-copy p:not(.footer-news-kicker) {
  font-size: 0.84rem;
  line-height: 1.48;
}

.site-footer .footer-newsletter-form {
  gap: 0.52rem;
  margin-top: 0.82rem;
}

.site-footer .footer-newsletter-form input[type="text"],
.site-footer .footer-newsletter-form input[type="email"] {
  min-height: 48px;
  padding-block: 0.68rem;
}

.site-footer .footer-newsletter-consent {
  padding: 0.5rem 0;
}

.site-footer .footer-booking-button,
.site-footer .footer-newsletter-actions .button {
  min-height: 50px;
}

@media (max-width: 1120px) {
  .site-footer .footer-main-grid {
    gap: 1.8rem;
    padding: clamp(1.5rem, 3vw, 2.4rem);
  }
}

@media (max-width: 720px) {
  .site-footer .footer-main-grid {
    gap: 1.4rem;
    margin-top: 0.65rem;
    padding: 1.35rem 1rem 1.55rem;
  }

  .site-footer .footer-brand-lockup {
    width: 145px;
    margin-bottom: 0.85rem;
  }

  .site-footer .footer-brand-block h2 {
    max-width: 8.5ch;
    font-size: clamp(3.7rem, 18vw, 5rem);
  }

  .site-footer .footer-newsletter-group {
    padding: 1.25rem 1rem;
    background: rgba(7, 5, 3, 0.9);
  }

  .site-footer .footer-newsletter-copy h3 {
    font-size: clamp(3rem, 14vw, 4rem);
  }
}



/*
 * Indicador de historias del logotipo público.
 * No agrega ningún aro: cuando existe una historia, únicamente brilla la imagen
 * del logotipo y el efecto se intensifica mientras la historia no se ha visto.
 */

.brand-center-record .brand-story-ring,
.brand-story-ring {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  animation: none !important;
  pointer-events: none !important;
}

.brand-center-record img {
  position: relative;
  z-index: 2;
  filter: none;
  transform: translateZ(0);
  transition: filter 240ms ease;
}

/* Al existir historias se elimina toda decoración del contenedor. El brillo
 * se aplica exclusivamente a la imagen para que no aparezca otro óvalo. */
body.has-site-stories .brand-center-record,
body.has-unseen-site-stories .brand-center-record,
.brand-center-record.has-site-stories,
.brand-center-record.has-unseen-site-stories {
  overflow: visible !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  animation: none !important;
  isolation: isolate;
}

body.has-site-stories .brand-center-record::before,
body.has-site-stories .brand-center-record::after,
body.has-unseen-site-stories .brand-center-record::before,
body.has-unseen-site-stories .brand-center-record::after,
.brand-center-record.has-site-stories::before,
.brand-center-record.has-site-stories::after,
.brand-center-record.has-unseen-site-stories::before,
.brand-center-record.has-unseen-site-stories::after {
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

body.has-site-stories .brand-center-record img,
.brand-center-record.has-site-stories img {
  animation: lt-story-logo-glow 3s ease-in-out infinite;
  will-change: filter;
}

body.has-unseen-site-stories .brand-center-record img,
.brand-center-record.has-unseen-site-stories img {
  animation: lt-story-logo-glow-unseen 2.3s ease-in-out infinite;
  will-change: filter;
}

body.has-site-stories .brand-center-record:hover img,
body.has-site-stories .brand-center-record:focus-visible img,
body.has-unseen-site-stories .brand-center-record:hover img,
body.has-unseen-site-stories .brand-center-record:focus-visible img,
.brand-center-record.has-site-stories:hover img,
.brand-center-record.has-site-stories:focus-visible img,
.brand-center-record.has-unseen-site-stories:hover img,
.brand-center-record.has-unseen-site-stories:focus-visible img {
  animation: none;
  filter:
    brightness(1.12)
    saturate(1.16)
    drop-shadow(0 0 3px rgba(255, 249, 219, 0.92))
    drop-shadow(0 0 9px rgba(255, 207, 74, 0.86))
    drop-shadow(0 0 20px rgba(227, 143, 15, 0.62));
}

@keyframes lt-story-logo-glow {
  0%,
  100% {
    filter:
      brightness(1.03)
      saturate(1.06)
      drop-shadow(0 0 2px rgba(255, 244, 198, 0.48))
      drop-shadow(0 0 6px rgba(255, 197, 55, 0.46))
      drop-shadow(0 0 14px rgba(211, 127, 10, 0.3));
  }

  50% {
    filter:
      brightness(1.09)
      saturate(1.12)
      drop-shadow(0 0 3px rgba(255, 249, 218, 0.78))
      drop-shadow(0 0 9px rgba(255, 207, 74, 0.72))
      drop-shadow(0 0 20px rgba(226, 142, 14, 0.48));
  }
}

@keyframes lt-story-logo-glow-unseen {
  0%,
  100% {
    filter:
      brightness(1.06)
      saturate(1.1)
      drop-shadow(0 0 3px rgba(255, 248, 214, 0.7))
      drop-shadow(0 0 8px rgba(255, 202, 63, 0.66))
      drop-shadow(0 0 18px rgba(222, 135, 12, 0.42));
  }

  50% {
    filter:
      brightness(1.13)
      saturate(1.17)
      drop-shadow(0 0 4px rgba(255, 253, 233, 0.96))
      drop-shadow(0 0 12px rgba(255, 216, 94, 0.92))
      drop-shadow(0 0 25px rgba(240, 157, 17, 0.66));
  }
}

@media (prefers-reduced-motion: reduce) {
  body.has-site-stories .brand-center-record img,
  body.has-unseen-site-stories .brand-center-record img,
  .brand-center-record.has-site-stories img,
  .brand-center-record.has-unseen-site-stories img {
    animation: none;
    filter:
      brightness(1.09)
      saturate(1.12)
      drop-shadow(0 0 3px rgba(255, 249, 218, 0.8))
      drop-shadow(0 0 9px rgba(255, 207, 74, 0.72))
      drop-shadow(0 0 20px rgba(226, 142, 14, 0.48));
    will-change: auto;
  }
}



/* Imagen editorial visible para la cabecera de Trayectoria en la página Nosotros. */
body[data-page="nosotros"] .section-timeline .timeline-head {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #080705 !important;
  box-shadow:
    inset 0 0 0 1px rgba(239, 182, 47, 0.2),
    inset 0 -72px 96px rgba(3, 3, 2, 0.18),
    0 28px 80px rgba(0, 0, 0, 0.38);
}

body[data-page="nosotros"] .section-timeline .timeline-head::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: url("../images/hero/videos-show-20260619.webp");
  background-repeat: no-repeat;
  background-position: center 42%;
  background-size: cover;
  opacity: 1;
  filter: brightness(1.12) contrast(1.08) saturate(1.02);
  transform: scale(1.015);
}

body[data-page="nosotros"] .section-timeline .timeline-head::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 1;
  width: 62%;
  background: rgba(5, 5, 4, 0.76);
  box-shadow: 42px 0 64px rgba(5, 5, 4, 0.62);
  pointer-events: none;
}

/* El recurso anterior apuntaba a images/eventos/56.webp, archivo inexistente. */
body[data-page="nosotros"] .section-timeline .timeline-head-photo {
  display: none !important;
}

body[data-page="nosotros"] .section-timeline .timeline-head > *:not(.timeline-head-photo) {
  position: relative;
  z-index: 2;
}

@media (max-width: 980px) {
  body[data-page="nosotros"] .section-timeline .timeline-head::before {
    background-position: 58% center;
  }

  body[data-page="nosotros"] .section-timeline .timeline-head::after {
    width: 72%;
    background: rgba(5, 5, 4, 0.7);
    box-shadow: 34px 0 52px rgba(5, 5, 4, 0.54);
  }
}

@media (max-width: 760px) {
  body[data-page="nosotros"] .section-timeline .timeline-head {
    box-shadow:
      inset 0 0 0 1px rgba(239, 182, 47, 0.16),
      inset 0 -56px 76px rgba(3, 3, 2, 0.2),
      0 22px 58px rgba(0, 0, 0, 0.34);
  }

  body[data-page="nosotros"] .section-timeline .timeline-head::before {
    background-position: 62% center;
    filter: brightness(1.04) contrast(1.06) saturate(1);
  }

  body[data-page="nosotros"] .section-timeline .timeline-head::after {
    width: 100%;
    background: rgba(5, 5, 4, 0.58);
    box-shadow: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="nosotros"] .section-timeline .timeline-head::before {
    transform: none;
  }
}



/*
 * Fotografías editoriales del mosaico principal.
 *
 * Las reglas históricas de foundation.css todavía apuntan a imágenes de
 * eventos que ya no existen. Este archivo usa recursos versionados del sitio
 * y conserva las capas de contraste definidas en modern-site.css.
 */
body[data-page="inicio"] .home-showcase-live,
body[data-page="inicio"] .home-showcase-gallery,
body[data-page="inicio"] .home-showcase-story,
body[data-page="inicio"] .home-showcase-band {
  background-color: #0a0805;
  background-repeat: no-repeat;
  background-size: cover;
}

body[data-page="inicio"] .home-showcase-live {
  background-image:
    linear-gradient(180deg, rgba(7, 6, 5, 0.02) 0%, rgba(7, 6, 5, 0.1) 48%, rgba(7, 6, 5, 0.34) 100%),
    url("../images/hero/live-carousel/arena.webp");
  background-position: center, center 48%;
  background-size: cover, cover;
}

body[data-page="inicio"] .home-showcase-gallery {
  background-image:
    linear-gradient(180deg, rgba(7, 6, 5, 0.02) 0%, rgba(7, 6, 5, 0.08) 46%, rgba(7, 6, 5, 0.3) 100%),
    url("../images/hero/live-carousel/publico.webp");
  background-position: center, center 46%;
  background-size: cover, cover;
}

body[data-page="inicio"] .home-showcase-story {
  background-image:
    linear-gradient(180deg, rgba(7, 6, 5, 0.02) 0%, rgba(7, 6, 5, 0.1) 46%, rgba(7, 6, 5, 0.34) 100%),
    url("../images/hero/live-carousel/vocalista.webp");
  background-position: center, 58% center;
  background-size: cover, cover;
}

body[data-page="inicio"] .home-showcase-band {
  background-image:
    linear-gradient(180deg, rgba(7, 6, 5, 0.02) 0%, rgba(7, 6, 5, 0.08) 44%, rgba(7, 6, 5, 0.3) 100%),
    url("../images/hero/home-hero-mobile.webp");
  background-position: center, center 24%;
  background-size: cover, cover;
}

@media (max-width: 900px) {
  body[data-page="inicio"] .home-showcase-live {
    background-image:
      linear-gradient(180deg, rgba(7, 6, 5, 0.02) 0%, rgba(7, 6, 5, 0.1) 48%, rgba(7, 6, 5, 0.34) 100%),
      url("../images/hero/live-carousel/arena-mobile.webp");
    background-position: center, center 44%;
  }

  body[data-page="inicio"] .home-showcase-gallery {
    background-image:
      linear-gradient(180deg, rgba(7, 6, 5, 0.02) 0%, rgba(7, 6, 5, 0.08) 46%, rgba(7, 6, 5, 0.3) 100%),
      url("../images/hero/live-carousel/publico-mobile.webp");
    background-position: center, center 42%;
  }

  body[data-page="inicio"] .home-showcase-story {
    background-image:
      linear-gradient(180deg, rgba(7, 6, 5, 0.02) 0%, rgba(7, 6, 5, 0.1) 46%, rgba(7, 6, 5, 0.34) 100%),
      url("../images/hero/live-carousel/vocalista-mobile.webp");
    background-position: center, center 32%;
  }
}



/*
 * Menú responsivo para las plataformas musicales.
 * Mantiene el dropdown dentro del viewport y evita que los controles móviles
 * queden cortados por la tarjeta o por el área desplazable del reproductor.
 */
.track-platform-more[open] {
  z-index: 120;
}

.track-platform-more-menu {
  max-width: calc(100vw - 2rem);
  max-height: min(20rem, calc(100vh - 2rem));
  max-height: min(20rem, calc(100dvh - 2rem));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.track-platform-more-menu .track-platform-link.is-overflow {
  min-width: 0;
}

@media (max-width: 760px) {
  .audio-track-actions,
  .track-platform-links {
    overflow: visible;
  }

  .track-platform-more {
    z-index: 20;
  }

  .track-platform-more[open] {
    z-index: 160;
  }

  .track-platform-links.is-compact .track-platform-more-menu,
  .track-platform-more-menu {
    top: auto;
    right: 0;
    bottom: calc(100% + 0.65rem);
    left: auto;
    width: min(14rem, calc(100vw - 1.5rem));
    min-width: min(12rem, calc(100vw - 1.5rem));
    max-width: calc(100vw - 1.5rem);
    max-height: min(18rem, calc(100vh - 1.5rem));
    max-height: min(18rem, calc(100dvh - 1.5rem));
    transform-origin: bottom right;
  }

  .track-platform-more-menu .track-platform-link.is-overflow {
    width: 100%;
    min-width: 0;
    white-space: normal;
  }
}

@media (max-width: 380px) {
  .track-platform-links.is-compact .track-platform-more-menu,
  .track-platform-more-menu {
    width: min(13rem, calc(100vw - 1rem));
    min-width: 0;
    max-width: calc(100vw - 1rem);
  }
}



/*
 * Detalle público de eventos — La Treviñosa Banda Regia
 * Capa visual final; no modifica datos, enlaces, deep links ni acciones.
 */

.event-modal {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: clamp(0.75rem, 2vw, 1.75rem);
  overflow: auto;
  overscroll-behavior: contain;
}

.event-modal-backdrop {
  position: absolute;
  inset: 0;
  background-color: rgba(2, 2, 2, 0.9);
  backdrop-filter: blur(20px) saturate(0.72);
}

.event-modal-dialog {
  position: relative;
  isolation: isolate;
  width: min(1180px, 100%);
  max-height: min(880px, calc(100dvh - clamp(1.5rem, 4vw, 3.5rem)));
  margin: auto;
  overflow: hidden;
  border: 1px solid rgba(245, 198, 83, 0.3);
  border-radius: clamp(28px, 3vw, 42px);
  background: #080706;
  box-shadow:
    0 48px 150px rgba(0, 0, 0, 0.78),
    inset 0 0 0 1px rgba(255, 255, 255, 0.025);
}

.event-modal-dialog::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  box-shadow:
    inset 0 1px 0 rgba(255, 238, 195, 0.08),
    inset 0 0 80px rgba(245, 198, 83, 0.035);
  pointer-events: none;
}

.event-modal-dialog::after {
  content: "";
  position: absolute;
  top: 0;
  left: clamp(1.25rem, 3vw, 2.4rem);
  right: clamp(5.6rem, 9vw, 8rem);
  z-index: 7;
  height: 2px;
  background: #f5c653;
  box-shadow: 0 0 20px rgba(245, 198, 83, 0.34);
  pointer-events: none;
}

.event-modal-close {
  position: absolute;
  top: clamp(0.9rem, 2vw, 1.35rem);
  right: clamp(0.9rem, 2vw, 1.35rem);
  z-index: 9;
  display: inline-grid;
  place-items: center;
  width: 50px;
  height: 50px;
  padding: 0;
  border: 1px solid rgba(245, 198, 83, 0.28);
  border-radius: 999px;
  background: #0b0906;
  color: #fff8e9;
  cursor: pointer;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.42);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    background-color 180ms ease;
}

.event-modal-close:hover,
.event-modal-close:focus-visible {
  border-color: rgba(245, 198, 83, 0.72);
  background: #161106;
  color: #ffd66b;
  transform: rotate(5deg) scale(1.04);
  outline: none;
}

.event-modal-close:focus-visible {
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.42),
    0 0 0 4px rgba(245, 198, 83, 0.16);
}

.event-modal-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(360px, 0.9fr) minmax(0, 1.18fr);
  height: clamp(560px, 78dvh, 740px);
  min-height: 0;
  align-items: stretch;
}

.event-modal-media {
  position: relative;
  isolation: isolate;
  align-self: stretch;
  min-height: 0;
  margin: clamp(0.8rem, 1.5vw, 1.2rem);
  margin-right: 0;
  overflow: hidden;
  border: 1px solid rgba(245, 198, 83, 0.2);
  border-radius: clamp(24px, 2.5vw, 34px);
  background: #11100d;
  box-shadow:
    0 30px 70px rgba(0, 0, 0, 0.46),
    inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.event-modal-media::before {
  content: "LA TREVIÑOSA  /  AGENDA OFICIAL";
  position: absolute;
  left: clamp(1rem, 2vw, 1.45rem);
  right: clamp(1rem, 2vw, 1.45rem);
  bottom: clamp(1rem, 2vw, 1.45rem);
  z-index: 3;
  padding-top: 0.82rem;
  border-top: 1px solid rgba(255, 230, 160, 0.42);
  color: #fff4da;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.8);
}

.event-modal-media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background-color: transparent;
  box-shadow:
    inset 0 -190px 120px -70px rgba(5, 4, 3, 0.94),
    inset 70px 0 110px -100px rgba(245, 198, 83, 0.4);
}

.event-modal-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  filter: saturate(0.9) contrast(1.04);
  transform: scale(1.01);
  transition:
    transform 650ms cubic-bezier(0.2, 0.8, 0.2, 1),
    filter 260ms ease;
}

@media (hover: hover) {
  .event-modal-dialog:hover .event-modal-media img {
    filter: saturate(1) contrast(1.05);
    transform: scale(1.035);
  }
}

.event-modal-copy {
  display: grid;
  align-content: start;
  gap: clamp(0.9rem, 1.5vw, 1.2rem);
  min-width: 0;
  max-height: inherit;
  padding: clamp(2rem, 3.5vw, 3.15rem) clamp(1.4rem, 3vw, 2.8rem) clamp(1.5rem, 3vw, 2.5rem);
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(245, 198, 83, 0.66) transparent;
}

.event-modal-copy::-webkit-scrollbar {
  width: 7px;
}

.event-modal-copy::-webkit-scrollbar-track {
  background: transparent;
}

.event-modal-copy::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(245, 198, 83, 0.52);
}

.event-modal-headline {
  position: relative;
  display: grid;
  gap: 0.62rem;
  padding-right: 4.2rem;
  padding-bottom: 0.25rem;
}

.event-modal-headline::before {
  content: "AGENDA OFICIAL";
  width: max-content;
  color: rgba(255, 230, 160, 0.66);
  font-size: 0.58rem;
  font-weight: 900;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.event-modal .event-highlight-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  margin: 0;
  padding-right: 0;
}

.event-modal .panel-kicker {
  margin: 0;
  color: #f5c653;
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.event-modal .event-highlight-topline .panel-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
}

.event-modal .event-highlight-topline .panel-kicker::before {
  content: "";
  width: 28px;
  height: 2px;
  background: #f5c653;
  box-shadow: 0 0 12px rgba(245, 198, 83, 0.28);
}

.event-modal .event-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.48rem;
  min-height: 34px;
  padding: 0.48rem 0.74rem;
  border: 1px solid rgba(245, 198, 83, 0.28);
  border-radius: 999px;
  background: rgba(245, 198, 83, 0.07);
  color: #ffe6a0;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.event-modal .event-status-badge::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #f5c653;
  box-shadow: 0 0 0 5px rgba(245, 198, 83, 0.09), 0 0 14px rgba(245, 198, 83, 0.4);
}

.event-modal-headline h2,
#event-modal-title {
  margin: 0;
  max-width: 13ch;
  color: #fff8e9;
  font-family: "Bebas Neue", "Impact", sans-serif;
  font-size: clamp(3rem, 5vw, 5.25rem);
  font-weight: 400;
  line-height: 0.84;
  letter-spacing: 0.015em;
  text-wrap: balance;
  overflow-wrap: anywhere;
  text-shadow: 0 18px 34px rgba(0, 0, 0, 0.46);
}

.event-modal-summary {
  margin: 0;
  max-width: 48rem;
  color: rgba(255, 248, 233, 0.72);
  font-size: 0.94rem;
  line-height: 1.62;
}

.event-modal-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.68rem;
}

.event-modal-meta span {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.72rem;
  min-width: 0;
  min-height: 58px;
  padding: 0.78rem 0.9rem;
  border: 1px solid rgba(245, 198, 83, 0.15);
  border-radius: 16px;
  background: #100e0a;
  color: rgba(255, 248, 233, 0.76);
  font-size: 0.8rem;
  font-weight: 750;
  line-height: 1.35;
}

.event-modal-meta span:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.event-modal-meta i {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(245, 198, 83, 0.18);
  border-radius: 11px;
  background: rgba(245, 198, 83, 0.07);
  color: #f5c653;
}

.event-modal-story,
.event-modal-highlights,
.event-modal-ticket-block,
.event-modal-detail-card {
  border: 1px solid rgba(245, 198, 83, 0.14);
  background: #0f0d0a;
  box-shadow: inset 3px 0 0 rgba(245, 198, 83, 0.55);
}

.event-modal-story {
  display: grid;
  gap: 0.62rem;
  padding: 1.05rem 1.15rem 1.1rem 1.35rem;
  border-radius: 18px;
}

.event-modal-story p:not(.panel-kicker) {
  margin: 0;
  color: rgba(255, 248, 233, 0.82);
  font-size: 0.94rem;
  line-height: 1.68;
}

.event-modal-details-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
}

.event-modal-detail-card {
  display: grid;
  gap: 0.32rem;
  min-width: 0;
  padding: 0.88rem 0.95rem 0.92rem 1.1rem;
  border-radius: 16px;
}

.event-modal-detail-label {
  color: #f5c653;
  font-size: 0.64rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.event-modal-detail-value {
  color: #fff8e9;
  font-size: 0.92rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.event-modal-highlights {
  display: grid;
  gap: 0.75rem;
  padding: 1.05rem 1.15rem 1.1rem 1.35rem;
  border-radius: 18px;
}

.event-modal-highlights-list {
  display: grid;
  gap: 0.62rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.event-modal-highlights-list li {
  position: relative;
  margin: 0;
  padding-left: 1rem;
  color: rgba(255, 248, 233, 0.82);
  font-size: 0.9rem;
  line-height: 1.58;
}

.event-modal-highlights-list li::before {
  content: "";
  position: absolute;
  top: 0.58rem;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #f5c653;
  box-shadow: 0 0 10px rgba(245, 198, 83, 0.34);
}

.event-modal-ticket-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.05rem 1rem 1.3rem;
  border-radius: 18px;
}

.event-modal-ticket-block.is-info {
  justify-content: flex-start;
}

.event-modal-ticket-copy {
  display: grid;
  gap: 0.35rem;
  min-width: 0;
}

.event-modal-ticket-note {
  margin: 0;
  color: rgba(255, 248, 233, 0.78);
  font-size: 0.9rem;
  line-height: 1.5;
}

.event-modal-ticket-button {
  min-width: 0;
  min-height: 48px;
  gap: 0.55rem;
  padding: 0.8rem 1rem;
  border-radius: 0;
  clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
  white-space: nowrap;
  flex-shrink: 0;
}

.event-modal-share-block {
  display: grid;
  gap: 0.72rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(245, 198, 83, 0.16);
}

.event-modal-share-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.58rem;
}

.event-modal-share-toolbar .event-share-link {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border-color: rgba(245, 198, 83, 0.17);
  background: #100e0a;
}

.event-modal-share-toolbar .event-share-link:hover,
.event-modal-share-toolbar .event-share-link:focus-visible {
  border-color: rgba(245, 198, 83, 0.45);
  background: #18130a;
}

.event-modal-share-block .event-share-feedback {
  min-height: 0;
}

@media (max-height: 690px) and (min-width: 981px) {
  .event-modal-dialog {
    max-height: calc(100dvh - 1rem);
  }

  .event-modal-layout {
    height: calc(100dvh - 1rem);
  }

  .event-modal-copy {
    padding-top: 1.6rem;
    padding-bottom: 1.35rem;
  }

  .event-modal-headline h2,
  #event-modal-title {
    font-size: clamp(2.6rem, 4.6vw, 4.45rem);
  }
}

@media (max-width: 980px) {
  .event-modal {
    align-items: start;
    padding: 0.7rem;
  }

  .event-modal-dialog {
    width: min(760px, 100%);
    max-height: calc(100dvh - 1.4rem);
    border-radius: 30px;
  }

  .event-modal-layout {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(250px, 34dvh) minmax(0, 1fr);
    height: calc(100dvh - 1.4rem);
  }

  .event-modal-media {
    margin: 0.8rem 0.8rem 0;
    border-radius: 24px;
  }

  .event-modal-media img {
    object-position: center 26%;
  }

  .event-modal-copy {
    padding: 1.45rem 1.15rem 1.25rem;
  }

  .event-modal-headline {
    padding-right: 4rem;
  }

  .event-modal-headline h2,
  #event-modal-title {
    max-width: 14ch;
    font-size: clamp(2.45rem, 8vw, 4.25rem);
  }

  .event-modal-details-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .event-modal {
    padding: 0;
  }

  .event-modal-dialog {
    width: 100%;
    min-height: 100dvh;
    max-height: 100dvh;
    border: 0;
    border-radius: 0;
  }

  .event-modal-dialog::after {
    left: 1rem;
    right: 5rem;
  }

  .event-modal-layout {
    grid-template-rows: minmax(220px, 31dvh) minmax(0, 1fr);
    height: 100dvh;
  }

  .event-modal-close {
    top: max(0.8rem, env(safe-area-inset-top));
    right: 0.8rem;
    width: 46px;
    height: 46px;
  }

  .event-modal-media {
    margin: 0;
    border: 0;
    border-bottom: 1px solid rgba(245, 198, 83, 0.2);
    border-radius: 0 0 26px 26px;
  }

  .event-modal-media::before {
    left: 1rem;
    right: 1rem;
    bottom: 0.85rem;
    font-size: 0.54rem;
    letter-spacing: 0.14em;
  }

  .event-modal-copy {
    gap: 0.82rem;
    padding: 1.25rem 1rem calc(1.2rem + env(safe-area-inset-bottom));
  }

  .event-modal-headline {
    gap: 0.5rem;
    padding-right: 3.2rem;
  }

  .event-modal-headline::before {
    font-size: 0.52rem;
    letter-spacing: 0.18em;
  }

  .event-modal .event-highlight-topline {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.55rem;
  }

  .event-modal .event-highlight-topline .panel-kicker::before {
    width: 20px;
  }

  .event-modal-headline h2,
  #event-modal-title {
    max-width: 12ch;
    font-size: clamp(2.2rem, 11vw, 3.25rem);
    line-height: 0.87;
  }

  .event-modal-summary {
    font-size: 0.88rem;
  }

  .event-modal-meta {
    grid-template-columns: 1fr;
    gap: 0.55rem;
  }

  .event-modal-meta span,
  .event-modal-meta span:last-child:nth-child(odd) {
    grid-column: auto;
    min-height: 52px;
    padding: 0.68rem 0.76rem;
    border-radius: 14px;
  }

  .event-modal-story,
  .event-modal-highlights,
  .event-modal-ticket-block,
  .event-modal-detail-card {
    border-radius: 15px;
  }

  .event-modal-ticket-block {
    align-items: stretch;
    flex-direction: column;
  }

  .event-modal-ticket-button {
    width: 100%;
  }

  .event-modal-share-toolbar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .event-modal-share-toolbar .event-share-link {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .event-modal-close,
  .event-modal-media img {
    transition: none;
  }
}



/* Acceso explícito desde Nosotros hacia la ficha pública de cada integrante. */
.section-members .member-card-socials.has-member-profile-link {
  align-items: center;
}

.section-members .member-card-socials .member-card-profile-link {
  display: inline-flex;
  flex: 1 0 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 44px;
  margin-top: 0.35rem;
  padding: 0.72rem 0.9rem;
  border: 1px solid rgba(212, 175, 55, 0.48);
  border-radius: 999px;
  background: rgba(212, 175, 55, 0.08);
  color: inherit;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  text-decoration: none;
  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    color 180ms ease,
    transform 180ms ease;
}

.section-members .member-card-socials .member-card-profile-link::after {
  content: '→';
  flex: 0 0 auto;
  font-size: 1rem;
  line-height: 1;
  transition: transform 180ms ease;
}

.section-members .member-card-socials .member-card-profile-link:hover,
.section-members .member-card-socials .member-card-profile-link:focus-visible {
  border-color: #d4af37;
  background: rgba(212, 175, 55, 0.16);
  color: #f4ce65;
  transform: translateY(-2px);
}

.section-members .member-card-socials .member-card-profile-link:hover::after,
.section-members .member-card-socials .member-card-profile-link:focus-visible::after {
  transform: translateX(3px);
}

.section-members .member-card-socials .member-card-profile-link:focus-visible {
  outline: 2px solid #d4af37;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .section-members .member-card-socials .member-card-profile-link,
  .section-members .member-card-socials .member-card-profile-link::after {
    transition: none;
  }
}


/* CTA compacto de WhatsApp, inspirado en el botón editorial "Escuchar ahora". */
body[data-page="contactanos"] [data-booking-form] .booking-submit-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.72rem;
  width: min(100%, 310px);
  min-width: 0;
  min-height: 56px;
  margin-inline: auto;
  padding: 0.9rem 1.7rem;
  border: 0;
  border-radius: 0;
  clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
  background: #ffd45c;
  color: #161005;
  box-shadow: none;
  filter: drop-shadow(0 12px 20px rgba(0, 0, 0, 0.28));
  white-space: nowrap;
  transition:
    color 180ms ease,
    background-color 180ms ease,
    transform 180ms ease,
    filter 180ms ease;
}

body[data-page="contactanos"] [data-booking-form] .booking-submit-button::after {
  display: none;
}

body[data-page="contactanos"] [data-booking-form] .booking-submit-button span,
body[data-page="contactanos"] [data-booking-form] .booking-submit-button i {
  position: relative;
  z-index: 1;
}

body[data-page="contactanos"] [data-booking-form] .booking-submit-button i {
  order: -1;
  display: inline-flex;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: currentColor;
  font-size: 1rem;
  line-height: 1;
}

body[data-page="contactanos"] [data-booking-form] .booking-submit-button:hover,
body[data-page="contactanos"] [data-booking-form] .booking-submit-button:focus-visible {
  border-color: transparent;
  background: #25d366;
  color: #071b0e;
  transform: translateY(-2px);
  filter: drop-shadow(0 14px 24px rgba(37, 211, 102, 0.3));
}

body[data-page="contactanos"] [data-booking-form] .booking-submit-button:focus-visible {
  outline: 3px solid rgba(37, 211, 102, 0.28);
  outline-offset: 4px;
}

body[data-page="contactanos"] [data-booking-form] .booking-submit-button:active {
  transform: translateY(0);
}

@media (max-width: 420px) {
  body[data-page="contactanos"] [data-booking-form] .booking-submit-button {
    width: min(100%, 290px);
    padding-inline: 1.25rem;
    font-size: 0.74rem;
  }
}