/* =========================================================
   /para-productoras («Productoras»)
   Fondo: el vinilo con la foto del recital girando, fijo detrás de toda la página, con un velo oscuro
   y grano fino. Los textos van directo sobre el vinilo (sin cajas): títulos en blanco verdoso,
   acentos y links en lima, y una sombra oscura suave para que se lean sobre la foto.
   Este archivo también lo cargan la solicitud de productora y el login/registro del alta
   (junto con producer-apply.css), por eso conserva .sellButton y el vinilo.
   ========================================================= */
.sellLanding{--sell-lime:var(--hero-accent,#c7f52f);--sell-text:#e6e6e6;--sell-display:var(--font-display,"Barlow Condensed",sans-serif);--sell-ink:#f2fbe0;--sell-ink-soft:rgba(232,245,205,.75);--sell-shadow:0 2px 24px rgba(10,14,4,.55);--sell-shadow-soft:0 1px 10px rgba(10,14,4,.6);position:relative;z-index:0;isolation:isolate;background:transparent;color:var(--sell-text)}
.sellLanding__inner{position:relative;z-index:1;width:min(1180px,calc(100% - 32px));margin:0 auto}

/* Vinilo: cuadrado que cubre toda la ventana, centrado, fijo y girando; reflejo quieto encima, velo y grano. */
.sellLanding__vinyl,.sellLanding__sheen{position:fixed;z-index:-2;top:50%;left:50%;width:max(118vw,170vh);height:max(118vw,170vh);aspect-ratio:1/1;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.sellLanding__vinyl{max-width:none;object-fit:cover;animation:sellSpin 48s linear infinite;will-change:transform;backface-visibility:hidden}
.sellLanding__sheen{background:conic-gradient(from 20deg,transparent 0 6%,rgba(255,255,255,.06) 11%,transparent 17%,transparent 48%,rgba(255,255,255,.04) 58%,transparent 66%,transparent 100%)}
.sellLanding::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(15,15,15,.5),rgba(15,15,15,.5)),radial-gradient(ellipse at 50% 50%,transparent 45%,rgba(15,15,15,.7) 100%);pointer-events:none}
.sellLanding::after{content:"";position:fixed;inset:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");pointer-events:none}

/* Títulos de sección */
.sellSection__title,.sellCards__title,.sellPartner__title,.sellJoin__title{color:var(--sell-ink);font-family:var(--sell-display);font-weight:700;text-transform:uppercase;text-shadow:var(--sell-shadow)}
.sellSection__title{margin:0 0 28px;font-size:clamp(34px,4vw,54px);line-height:.92;text-align:center}

/* Link de texto en lima (mismo estilo que «Ingresá» del header). Lo usan la portada, los tipos de evento y el cierre. */
.sellHero__cta{display:inline-flex;min-height:44px;padding:0 12px;align-items:center;color:var(--sell-lime);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;font-weight:800;letter-spacing:.02em;text-decoration:none;text-transform:uppercase;text-shadow:0 1px 12px rgba(10,14,4,.6)}
.sellHero__cta:hover{text-decoration:underline;text-decoration-color:var(--sell-lime);text-underline-offset:4px}
.sellHero__cta:focus-visible{outline:2px solid var(--sell-lime);outline-offset:3px;border-radius:8px}

/* Botón lleno: lo usa la solicitud de productora (producer-apply). */
.sellButton{display:inline-flex;min-height:48px;padding:0 22px;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:12px;font:700 16px/1 var(--sell-display);letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s}
.sellButton--lime{background:var(--sell-lime);color:#0a0a0a}
.sellButton--lime:hover,.sellButton--lime:focus-visible{background:#b5df2a}
.sellButton:focus-visible{outline:2px solid var(--sell-lime);outline-offset:3px}

/* Portada: un solo título, el link «Sumate» y «¿Ya tenés cuenta? Ingresá». */
.sellHero{position:relative;display:flex;padding:clamp(40px,6vw,72px) 0 clamp(40px,5vw,64px);align-items:flex-start;text-align:center}
.sellHero__title{max-width:16ch;margin:0 auto;color:var(--sell-ink);font:700 clamp(44px,6vw,96px)/.92 var(--sell-display);letter-spacing:.005em;text-transform:uppercase;text-shadow:0 2px 28px rgba(10,14,4,.55)}
.sellHero__actions{display:flex;margin-top:30px;justify-content:center;gap:10px;flex-wrap:wrap}
.sellHero__login{margin:16px 0 0;color:var(--sell-ink-soft);font-size:14px;text-shadow:var(--sell-shadow-soft)}
.sellHero__login a{color:var(--sell-ink);text-decoration:underline;text-decoration-color:var(--sell-lime);text-underline-offset:3px}

/* «Todo lo que tu productora necesita»: 3 pasos sin caja, cada uno con un celular dibujado en CSS. */
.sellCards{padding:clamp(16px,3vw,40px) 0 clamp(48px,6vw,88px)}
.sellCards__title{margin:0 0 28px;font-size:clamp(28px,3.4vw,46px);line-height:1}
.sellSteps{display:grid;margin:0;padding:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:stretch;list-style:none}
.sellSteps__step{display:flex;padding:9px 9px 1px;flex-direction:column;gap:26px}
.sellSteps__name{margin:0;color:var(--sell-ink);font:700 clamp(26px,2.4vw,34px)/.95 var(--sell-display);text-transform:uppercase;text-shadow:var(--sell-shadow)}
.sellSteps__name em,.sellTypes__item h3 em{display:block;color:var(--sell-lime);font-style:normal}
.sellSteps__name em{text-shadow:0 1px 12px rgba(10,14,4,.6)}
.sellSteps__copy{margin:12px 0 0;color:var(--sell-ink-soft);font-size:15px;line-height:1.55;text-shadow:var(--sell-shadow-soft)}
.sellSteps__link{display:grid;place-items:center;color:rgba(232,245,205,.5);font-size:26px}
.sellSteps__phone{position:relative;display:flex;width:min(210px,80%);height:262px;margin:auto auto 0;padding:34px 14px 26px;flex-direction:column;gap:9px;border:6px solid #0b0b0b;border-radius:32px;background:#1c1c1c;box-shadow:0 -10px 40px rgba(0,0,0,.35)}
.sellSteps__notch{position:absolute;top:8px;left:50%;width:58px;height:12px;border-radius:99px;background:#0b0b0b;transform:translateX(-50%)}
.sellSteps__flyer{position:relative;height:78px;border-radius:12px;background:radial-gradient(circle at 70% 30%,rgba(199,245,47,.55),transparent 55%),linear-gradient(135deg,#2a3a0c,#111)}
.sellSteps__chip{position:absolute;top:8px;left:8px;display:grid;padding:4px 7px;border-radius:8px;background:#fff;color:#111;font-size:9px;font-weight:800;line-height:1;text-align:center}
.sellSteps__chip b{font:700 16px/1 var(--sell-display)}
.sellSteps__tier{display:flex;padding:7px 10px;justify-content:space-between;border:1px solid transparent;border-radius:9px;background:#252525;color:rgba(255,255,255,.75);font-size:11px}
.sellSteps__tier b{color:rgba(255,255,255,.45);font-weight:700}
.sellSteps__tier--on{border-color:rgba(199,245,47,.5)}
.sellSteps__tier--on b{color:var(--sell-lime)}
.sellSteps__cta{margin-top:auto;padding:9px;border-radius:9px;background:var(--sell-lime);color:#0a0a0a;font:700 13px/1 var(--sell-display);letter-spacing:.06em;text-align:center;text-transform:uppercase}
.sellSteps__toast{display:flex;padding:8px;align-items:center;gap:8px;border-radius:12px;background:#262626;color:rgba(255,255,255,.6);font-size:10px;line-height:1.3}
.sellSteps__toast i{display:grid;width:26px;height:26px;flex:none;place-items:center;border-radius:8px;background:var(--sell-lime);color:#0a0a0a;font-size:10px;font-style:normal;font-weight:800}
.sellSteps__toast b{display:block;color:#fff;font-size:11px}
.sellSteps__stat{display:grid;margin-top:6px}
.sellSteps__stat small{color:rgba(255,255,255,.5);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.sellSteps__stat b{color:#fff;font:700 36px/1 var(--sell-display)}
.sellSteps__chart{display:flex;height:84px;margin-top:auto;align-items:flex-end;gap:6px}
.sellSteps__chart i{flex:1;border-radius:4px 4px 2px 2px;background:#3a3a3a}
.sellSteps__chart i:nth-child(1){height:30%}
.sellSteps__chart i:nth-child(2){height:45%}
.sellSteps__chart i:nth-child(3){height:38%}
.sellSteps__chart i:nth-child(4){height:62%}
.sellSteps__chart i:nth-child(5){height:55%}
.sellSteps__chart i:nth-child(6){height:78%}
.sellSteps__chart i:nth-child(7){height:100%;background:var(--sell-lime)}
.sellSteps__scan{position:relative;align-self:center;margin-top:6px;padding:9px;border-radius:12px;background:#f2f2f2}
.sellSteps__qr{display:grid;width:118px;grid-template-columns:repeat(9,1fr);gap:1px}
.sellSteps__qr i{aspect-ratio:1/1}
.sellSteps__qr i.on{background:#111}
.sellSteps__beam{position:absolute;top:8%;right:-6px;left:-6px;height:3px;border-radius:2px;background:var(--sell-lime);box-shadow:0 0 12px var(--sell-lime);animation:sellScanBeam 2.4s ease-in-out infinite alternate}
.sellSteps__valid{margin-top:auto;padding:9px;border:1px solid rgba(199,245,47,.5);border-radius:99px;color:var(--sell-lime);font-size:12px;font-weight:800;text-align:center}

/* «¿Qué tipo de evento hacés?»: tres columnas con título de dos líneas, frase y link. */
.sellPartner{padding:clamp(32px,4vw,56px) 0}
.sellPartner__title{margin:0 0 clamp(20px,3vw,32px);font-size:clamp(30px,3.4vw,46px);line-height:.92;text-align:center}
.sellTypes{display:grid;margin:0;padding:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);list-style:none}
.sellTypes__item h3{margin:0 0 8px;color:var(--sell-ink);font:700 clamp(22px,2vw,28px)/.95 var(--sell-display);text-transform:uppercase;text-shadow:var(--sell-shadow)}
.sellTypes__item p{margin:0 0 10px;color:var(--sell-ink-soft);font-size:14px;line-height:1.5;text-shadow:var(--sell-shadow-soft)}
.sellTypes__item .sellHero__cta{padding:0}

/* Cierre: «Sumate a LP Tickets» y «Crear cuenta». */
.sellJoin{padding:clamp(40px,5vw,72px) 0 clamp(48px,6vw,88px);text-align:center}
.sellJoin__title{margin:0;font-size:clamp(32px,4vw,52px);line-height:.9}
.sellJoin .sellHero__actions{margin-top:14px}

/* Medios de pago: solo el logo de Mercado Pago (blanco, fondo transparente) sobre el vinilo. */
.sellBanks{padding:clamp(48px,6vw,88px) 0}
.sellBanks__panel{padding:clamp(22px,3.4vw,40px) 0}
.sellBanks__grid{display:flex;margin:clamp(22px,3vw,34px) 0 0;padding:0;justify-content:center;gap:12px;list-style:none}
.sellBank{display:grid;width:min(100%,620px);min-height:72px;place-items:center}
.sellBank img{display:block;width:100%;height:auto;object-fit:contain;opacity:.92;filter:drop-shadow(0 2px 14px rgba(10,14,4,.6))}

@keyframes sellSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes sellScanBeam{to{top:90%}}

@media (max-width:900px){
    .sellSteps{grid-template-columns:1fr;gap:10px}
    .sellSteps__link span{display:inline-block;transform:rotate(90deg)}
    .sellTypes{grid-template-columns:1fr;gap:22px}
}
@media (max-width:560px){
    .sellHero{padding-top:28px}
    .sellHero__title{font-size:clamp(40px,12vw,58px)}
    .sellCards__title{font-size:26px}
    .sellPartner__title,.sellSection__title{text-align:left}
    .sellBanks__panel{padding:18px 0}
}
@media (prefers-reduced-motion:reduce){
    .sellLanding *,.sellLanding *::before,.sellLanding *::after{animation:none!important;transition:none!important}
}

/* =========================================================
   Esta página va completa en negro: header, navegación móvil, costados y footer.
   Se acota con :has(.sellLanding) para no tocar el resto del sitio.
   ========================================================= */
body:has(.sellLanding){background:#0f0f0f}
body:has(.sellLanding) .site-main{padding-bottom:0}
/* Sin líneas: la barra se funde con la primera sección, como una sola pieza */
body:has(.sellLanding) .siteHeader,
body:has(.sellLanding) .siteHeader.is-scrolled{border:0!important;background:#0f0f0f!important;color:#f5f5f5;box-shadow:none!important}
body:has(.sellLanding) .siteHeader::before,
body:has(.sellLanding) .siteHeader::after{display:none!important}
/* En escritorio, arriba de todo la barra es transparente y deja ver el vinilo; la portada sube por debajo
   de la barra. Al scrollear la barra se vuelve negra translúcida para que el contenido no se mezcle. */
@media (min-width:821px){
    body:has(.sellLanding) .sellHero{margin-top:-92px;padding-top:calc(92px + clamp(28px,4vw,56px))}
    body:has(.sellLanding) .siteHeader{background:transparent!important}
    body:has(.sellLanding) .siteHeader.is-scrolled{background:rgba(15,15,15,.92)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
}
body:has(.sellLanding) .siteHeader__logo{filter:invert(1)}
body:has(.sellLanding) .siteHeader a,
body:has(.sellLanding) .siteHeader button{color:#e5e5e5}
body:has(.sellLanding) .siteHeader__searchForm{border:0!important;background:transparent!important;box-shadow:none!important}
body:has(.sellLanding) .siteHeader__searchForm input{border:1px solid rgba(255,255,255,.08)!important;background:#1c1c1c!important;color:#f5f5f5!important;box-shadow:none!important}
body:has(.sellLanding) .siteHeader__searchForm input::placeholder{color:#8a8a8a}
body:has(.sellLanding) .siteHeader__searchIcon{color:#8a8a8a}
body:has(.sellLanding) .siteHeader__session{border-color:rgba(255,255,255,.16)!important;background:transparent!important;color:#f5f5f5!important}
body:has(.sellLanding) .mobileNav{border:0!important;background:#0f0f0f!important;box-shadow:none!important}
body:has(.sellLanding) .mobileNav .is-active::after,body:has(.sellLanding) .mobileNav [aria-current="page"]::after{background:var(--hero-accent,#c7f52f)}
body:has(.sellLanding) .mobileNav a,
body:has(.sellLanding) .mobileNav button{color:#9a9a9a!important}
body:has(.sellLanding) .mobileNav .is-active,
body:has(.sellLanding) .mobileNav [aria-current="page"]{color:#fff!important}
/* Footer: sin fondo propio ni borde arriba, para que el vinilo llegue hasta el final de la página.
   El z-index lo mantiene por encima del disco (que va en z-index negativo dentro de .sellLanding). */
body:has(.sellLanding) .siteFooter{position:relative;z-index:2;margin-top:0!important;border-top:0!important;background:transparent!important;color:#8a8a8a!important}
body:has(.sellLanding) .siteFooter h2,
body:has(.sellLanding) .siteFooter h3,
body:has(.sellLanding) .siteFooter h4,
body:has(.sellLanding) .siteFooter strong{color:#f5f5f5!important}
body:has(.sellLanding) .siteFooter a{color:#d4d4d4!important}
body:has(.sellLanding) .siteFooter a:hover{color:#fff!important}
body:has(.sellLanding) .siteFooter__tagline{color:var(--hero-accent,#c7f52f)!important}
body:has(.sellLanding) .siteFooter__logo,
body:has(.sellLanding) .siteFooter__sponsorLogo{filter:invert(1) grayscale(1)}
body:has(.sellLanding) .siteFooter__bottom{border-color:rgba(255,255,255,.08)!important}
body:has(.sellLanding) .siteFooter__socialLink{border-color:rgba(255,255,255,.14)!important;background:transparent!important}
/* La cinta de sponsors no lleva fondo y arranca pegada al inicio del footer, con logos más grandes. */
body:has(.sellLanding) .siteFooter__sponsors{padding-block:clamp(20px,2vw,28px)}
body:has(.sellLanding) .siteFooter__marquee{background:transparent!important;color:#5f5f5f!important;--sponsor-row:112px;--sponsor-gap:88px}