.h-distribution { --distribution-deep: #7a5423; --distribution: #b8782f; --distribution-soft: #f4d9a0; --distribution-pale: #fbf1dd; background: rgb(248, 241, 229); font-family: Outfit, Helvetica, sans-serif; }
.h-header { padding-bottom: 13px; }
.h-brand { gap: 12px; }
.h-brand > span { padding-left: 12px; border-left: 1px solid rgba(23, 23, 23, 0.2); color: var(--gold-deep); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.h-global-nav > a[aria-current="page"] { background: var(--curuba-pale); color: var(--ink); }
.h-global-nav .h-more-menu > summary { color: var(--gold-deep); }
.h-cross-sell-panel { width: 520px; }
.h-distribution .f-header-cta { background: var(--gold-deep); }
.h-distribution .f-header-cta:hover, .h-distribution .f-header-cta:focus-visible { background: rgb(96, 64, 27); }
.h-hero { min-height: 690px; padding-top: 72px; isolation: isolate; overflow: hidden; }
.h-hero::before { content: ""; position: absolute; z-index: -2; inset: -90px 0px 38px; background: radial-gradient(circle at 18% 14%, rgba(255, 255, 255, 0.72), transparent 29%), radial-gradient(circle at 82% 28%, rgba(232, 184, 95, 0.64), transparent 32%), linear-gradient(145deg, rgb(251, 241, 221) 0%, rgb(244, 217, 160) 58%, rgb(232, 184, 95) 100%); }
.h-hero::after { content: ""; position: absolute; z-index: -1; right: 8%; bottom: 76px; width: min(25vw, 360px); height: min(25vw, 360px); border: 1px solid rgba(122, 84, 35, 0.18); border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.08) 0px 0px 0px 42px, rgba(122, 84, 35, 0.05) 0px 0px 0px 86px; }
.h-hero .g-hero-eyebrow { color: var(--gold-deep); }
.h-hero h1 { width: min(100%, 1240px); }
.h-hero h1 em { color: var(--gold-deep); }
.h-hero [data-rotating-concept] { transform: translateZ(0px); backface-visibility: hidden; will-change: opacity, transform, filter; }
.h-hero .g-hero-description { color: rgb(102, 85, 56); }
.h-distribution .f-primary-button { background: var(--ink); }
.h-distribution .f-primary-button i, .h-distribution .f-floating-start i { background: var(--curuba); color: var(--ink); }
.h-distribution .f-media-card { box-shadow: rgba(79, 51, 12, 0.58) 0px 46px 100px -34px; }
.h-distribution .f-media-card::before { background: linear-gradient(118deg, rgba(232, 184, 95, 0.88) 0%, rgba(194, 132, 48, 0.74) 50%, rgba(122, 84, 35, 0.68) 100%); }
.h-distribution .f-media-card video { pointer-events: none; }
.h-distribution .f-media-card video::-webkit-media-controls, .h-distribution .f-media-card video::-webkit-media-controls-start-playback-button { display: none !important; appearance: none; }
.h-distribution .f-media-card figcaption a { display: inline-flex; align-items: center; gap: 8px; width: fit-content; }
.h-distribution .f-media-card figcaption a::after { width: 17px; height: 17px; flex: 0 0 auto; background: currentcolor; content: ""; mask: var(--icon-arrow-up-right) center / contain no-repeat; }
.h-route-anchor { height: 1px; scroll-margin-top: 96px; }
.h-distribution .f-service-shortcuts small { color: rgb(245, 207, 135); }
.h-distribution .g-distribution-shortcuts > a { min-height: 0px; aspect-ratio: 3 / 2; }
.h-distribution .g-distribution-shortcuts .h-route-card::before { position: absolute; z-index: -3; inset: -18px; background: var(--route-image) center / cover no-repeat; content: ""; filter: blur(16px) saturate(0.72) brightness(0.72); opacity: 0.86; transform: scale(1.08); }
.h-distribution .h-route-card--release { --route-image: url("/distribucion/route-new-release-band-v1.webp"); }
.h-distribution .h-route-card--catalog { --route-image: url("/distribucion/route-catalog-isaac-v1.jpg"); }
.h-distribution .h-route-card--team { --route-image: url("/distribucion/route-multi-artist-group-v2.webp"); }
.h-distribution .g-distribution-shortcuts img { object-fit: contain; object-position: center center; background: transparent; }
.h-distribution .g-distribution-shortcuts .h-route-card--catalog img { right: 0px; left: auto; width: 58%; object-fit: cover; object-position: center center; }
.h-distribution .g-distribution-shortcuts .h-route-card--catalog::after { inset: 0px; background: linear-gradient(90deg, rgba(18, 16, 13, 0.98) 0%, rgba(18, 16, 13, 0.9) 38%, rgba(18, 16, 13, 0.46) 62%, transparent 86%), linear-gradient(0deg, rgba(18, 16, 13, 0.9), rgba(18, 16, 13, 0.28) 46%, transparent 72%); }
.h-distribution .g-distribution-shortcuts .h-route-card--team::after { inset: 44% 0px 0px; background: linear-gradient(transparent, rgba(18, 16, 13, 0.92)); }
.h-distribution .g-distribution-shortcuts a:hover img, .h-distribution .g-distribution-shortcuts a:focus-visible img { transform: none; }
.h-cross-sell { border-color: rgba(122, 84, 35, 0.26); background: rgba(255, 252, 245, 0.82); }
.h-cross-sell > span { color: var(--gold-deep); }
.h-cross-sell a { background: var(--ink); }
.h-cross-sell i { color: var(--curuba-light); }
.h-distribution .f-artists-heading h2 { color: var(--gold-deep); }
.h-distribution .f-artists-heading a { color: var(--gold-deep); }
.h-distribution .f-benefits-copy > p:first-child { color: var(--gold-deep); }
.h-distribution .f-benefit-stack li:first-child { background: var(--gold-deep); }
.h-distribution .f-benefit-stack li:nth-child(2) i, .h-distribution .f-benefit-stack li:nth-child(4) i { background: var(--curuba); color: var(--ink); }
.h-distribution .f-benefit-stack li:nth-child(3) { background: var(--curuba-pale); }
.h-distribution .f-benefit-stack li:nth-child(3) i { border-color: var(--gold); color: var(--gold-deep); }
.h-distribution .h-benefits .f-benefit-stack li > i { font-family: Newsreader, Georgia, serif; font-size: 17px; font-weight: 500; letter-spacing: 0.04em; }
.h-distribution .h-benefits .f-benefit-stack li:nth-child(-n+3) > i::before { display: none; }
.h-distribution .f-artist-group img { object-position: center top; }
.h-distribution .f-artist-group > a:hover img, .h-distribution .f-artist-group > a:focus-visible img { transform: none; }
.h-price-stage { min-height: auto; overflow: visible; border-radius: 64px 64px 0px 0px; background: radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.45), transparent 28%), linear-gradient(rgb(248, 241, 229) 0%, rgb(244, 217, 160) 48%, rgb(227, 161, 60) 88%, rgb(248, 241, 229) 100%); }
.h-price-stage .f-price-sticky { position: relative; display: grid; width: min(1180px, 100% - 48px); min-height: auto; margin: 0px auto; padding: 112px 0px 104px; grid-template-columns: minmax(0px, 1fr) minmax(360px, 440px); place-items: center stretch; gap: clamp(50px, 8vw, 120px); overflow: visible; }
.h-price-stage .f-price-copy { max-width: 610px; text-align: left; transform: none; opacity: 1; filter: none; }
.h-price-stage .f-price-card { position: relative; top: auto; left: auto; width: 100%; justify-self: end; transform: none; }
.h-distribution .f-price-copy > span, .h-distribution .f-price-card header, .h-distribution .f-price small, .h-distribution .f-existing a { color: var(--gold-deep); }
.h-distribution .f-price-copy p { color: rgb(111, 75, 29); }
.h-distribution .f-price-card input:focus-visible { border-color: var(--gold); box-shadow: rgba(176, 138, 74, 0.2) 0px 0px 0px 3px; }
.h-distribution .f-price-card button { background: var(--gold-deep); color: rgb(255, 255, 255); }
.h-distribution .f-price-card button:hover, .h-distribution .f-price-card button:focus-visible { background: rgb(96, 64, 27); }
.h-distribution .f-price-card li i { background: var(--gold); color: rgb(255, 255, 255); }
.h-price-route-cta { display: flex; min-height: 58px; margin-top: 24px; align-items: center; justify-content: center; gap: 12px; border-radius: 18px; background: var(--gold-deep); color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; text-decoration: none; transition: background-color 0.2s, color 0.2s, transform 0.2s; }
.h-price-route-cta span { display: block; width: 18px; height: 18px; background: currentcolor; mask: var(--icon-arrow-right) center / contain no-repeat; }
.h-price-route-cta:hover, .h-price-route-cta:focus-visible { background: rgb(96, 64, 27); color: rgb(255, 255, 255); transform: translateY(-2px); }
.h-distribution .f-floating-start small { color: var(--curuba-light); }
@media (max-width: 900px) {
  .h-hero { padding-top: 58px; }
  .h-cross-sell-panel { width: min(520px, -28px + 100vw); }
  .h-price-stage { min-height: auto; padding: 80px 0px 32px; overflow: visible; border-radius: 46px 46px 0px 0px; }
  .h-price-stage .f-price-sticky { position: relative; display: flex; width: min(100% - 28px, 680px); min-height: auto; padding: 0px; flex-direction: column; gap: 38px; overflow: visible; }
  .h-price-stage .f-price-copy, .h-price-stage .f-price-card { position: relative; top: auto; left: auto; width: 100%; max-width: none; opacity: 1; filter: none; transform: none; }
  .h-price-stage .f-price-copy { text-align: center; }
}
@media (min-width: 901px) and (max-width: 1100px) {
  .h-header { gap: 14px; }
  .h-global-nav { gap: 0px; }
  .h-global-nav > a, .h-global-nav .f-nav-dropdown > summary { padding-inline: 9px; font-size: 12px; }
  .h-header-actions { gap: 8px; }
  .h-header-actions .f-login { display: none; }
  .h-header-cta { padding-inline: 13px; }
}
@media (max-width: 560px) {
  .h-brand > span { display: none; }
  .h-hero { min-height: 560px; padding-top: 48px; }
  .h-hero::before { inset: -70px 0px 24px; background: radial-gradient(circle at 18% 8%, rgba(255, 255, 255, 0.68), transparent 32%), linear-gradient(155deg, rgb(251, 241, 221) 0%, rgb(244, 217, 160) 62%, rgb(232, 184, 95) 100%); }
  .h-hero::after { right: -28%; bottom: 74px; width: 280px; height: 280px; }
  .h-route-anchor { scroll-margin-top: 74px; }
  .h-distribution .g-distribution-shortcuts { display: flex; margin-right: -14px; padding: 0px 14px 10px 0px; overflow-x: auto; gap: 10px; scroll-padding-inline: 0px 14px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .h-distribution .g-distribution-shortcuts::-webkit-scrollbar { display: none; }
  .h-distribution .g-distribution-shortcuts > a { width: min(78vw, 300px); min-width: min(78vw, 300px); min-height: 0px; aspect-ratio: 3 / 2; flex: 0 0 auto; scroll-snap-align: start; }
  .h-price-stage { min-height: auto; padding: 76px 0px 20px; overflow: visible; border-radius: 38px 38px 0px 0px; }
  .h-price-stage .f-price-sticky { position: relative; display: flex; min-height: auto; padding: 0px 14px; flex-direction: column; gap: 36px; overflow: visible; }
  .h-price-stage .f-price-copy, .h-price-stage .f-price-card { position: relative; top: auto; left: auto; width: 100%; }
  .h-price-stage .f-price-copy { opacity: 1; filter: none; transform: none; }
  .motion-ready .h-price-stage .f-price-card { opacity: 0; filter: blur(5px); transform: translateY(86px) scale(0.93); }
  .motion-ready .h-price-stage .f-price-card.is-mobile-entered { animation: 1.15s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running h-price-card-arrive; }
  .h-price-stage .f-price-copy h2 { font-size: 42px; }
  .h-price-stage .f-price-card { padding: 27px 22px; }
  .h-distribution .f-footer { padding-bottom: 104px; }
}
@media (prefers-reduced-motion: reduce) {
  .h-hero::after { display: none; }
  .motion-ready .h-price-stage .f-price-card { opacity: 1; filter: none; transform: none; animation: auto ease 0s 1 normal none running none !important; }
}
@keyframes h-price-card-arrive {
  0% { opacity: 0; filter: blur(5px); transform: translateY(86px) scale(0.93); }
  68% { opacity: 1; filter: blur(0px); transform: translateY(-14px) scale(1.012); }
  84% { transform: translateY(5px) scale(0.997); }
  100% { opacity: 1; filter: blur(0px); transform: none; }
}