/* =========================================================
   Alta de productora con el estilo de /para-productoras:
   fondo negro con el vinilo girando, tarjetas oscuras y acentos lima.
   - .sellLanding--apply: formulario de solicitud (/productor/solicitud).
   - .sellLanding--access: login y registro cuando la persona llega desde «Sumate a LP Tickets».
   Se carga junto con sell-landing.css (vinilo, header y footer en negro).
   ========================================================= */

/* Velo más oscuro que en la landing: acá se lee y se escribe. */
.sellLanding--apply::before,
.sellLanding--access::before{background:linear-gradient(rgba(15,15,15,.72),rgba(15,15,15,.72)),radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(15,15,15,.75) 100%)}

/* ---------- Solicitud ---------- */
.sellApply{padding:clamp(40px,6vw,72px) 0 clamp(64px,8vw,112px)}
@media (min-width:821px){body:has(.sellLanding--apply) .sellApply{margin-top:-92px;padding-top:calc(92px + clamp(32px,5vw,64px))}}
.sellApply__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:start}
.sellApply__intro{position:sticky;top:120px}
.sellApply__eyebrow{display:inline-block;margin-bottom:14px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.72}
.sellApply__title{margin:0;color:#fff;font:700 clamp(44px,5.4vw,84px)/.92 var(--sell-display);text-transform:uppercase}
.sellApply__lead{max-width:460px;margin:18px 0 0;color:rgba(255,255,255,.72);font-size:clamp(15px,1.3vw,17px);line-height:1.6}
.sellApply__steps{display:grid;margin:32px 0 0;padding:0;gap:16px;list-style:none;counter-reset:applyStep}
.sellApply__steps li{display:grid;grid-template-columns:36px 1fr;column-gap:14px;counter-increment:applyStep}
.sellApply__steps li::before{content:counter(applyStep);display:grid;grid-row:span 2;width:36px;height:36px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:var(--sell-lime);font:700 16px/1 var(--sell-display)}
.sellApply__steps strong{color:#fff;font:700 18px/1.2 var(--sell-display);letter-spacing:.02em;text-transform:uppercase}
.sellApply__steps span{color:rgba(255,255,255,.6);font-size:14px;line-height:1.5}

.sellApply__main{display:grid;gap:14px}
.sellApply__card,.sellApply__status{padding:clamp(22px,3vw,34px);border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(22,22,22,.94)}
.sellApply__status{background:rgba(28,28,28,.9)}
.sellApply__card h2,.sellApply__status h2{margin:10px 0 8px;color:#fff;font:700 clamp(24px,2.4vw,32px)/1 var(--sell-display);text-transform:uppercase}
.sellApply__card p,.sellApply__status p{margin:8px 0 0;color:rgba(255,255,255,.66);line-height:1.6}
.sellApply__card strong,.sellApply__status strong{color:#fff}
.sellApply__badge{display:inline-flex;padding:6px 10px;border:1px solid rgba(199,245,47,.35);border-radius:999px;color:var(--sell-lime);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.sellApply__notice{padding:13px 16px;border-radius:12px;font-size:14px;line-height:1.5}
.sellApply__notice--success{border:1px solid rgba(199,245,47,.3);background:rgba(199,245,47,.08);color:#e9ffb0}
.sellApply__notice--error{border:1px solid rgba(255,120,120,.3);background:rgba(255,90,90,.08);color:#ffc4c4}

.sellApply__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sellApply__field--wide{grid-column:1/-1}
.sellApply__field > div{display:grid;gap:8px}
.sellApply__field label{color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em}
.sellApply__field input,.sellApply__field select,.sellApply__field textarea{width:100%;min-height:50px;padding:0 15px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#101010;color:#fff;font:inherit;font-size:15px}
.sellApply__field textarea{min-height:110px;padding:12px 15px}
.sellApply__field input::placeholder{color:rgba(255,255,255,.35)}
.sellApply__field input:focus,.sellApply__field select:focus,.sellApply__field textarea:focus{border-color:var(--sell-lime);outline:none;box-shadow:0 0 0 3px rgba(199,245,47,.18)}
.sellApply__field ul{margin:0;padding:0;color:#ffb3b3;font-size:13px;list-style:none}
.sellApply__field .help-text,.sellApply__field [id$="_help"]{color:rgba(255,255,255,.5);font-size:12px}
.sellApply__note{margin:18px 0 0!important;font-size:13px}
.sellApply__actions{display:flex;margin-top:22px;align-items:center;gap:18px;flex-wrap:wrap}
.sellApply__link{color:#f5f5f5;font-size:14px;font-weight:800;letter-spacing:.02em;text-decoration:none;text-transform:uppercase}
.sellApply__link:hover{text-decoration:underline;text-underline-offset:4px}
.sellApply__link:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:6px}

@media (max-width:900px){
    .sellApply__grid{grid-template-columns:1fr}
    .sellApply__intro{position:static}
}
@media (max-width:560px){
    .sellApply{padding-top:28px}
    .sellApply__title{font-size:clamp(38px,11vw,52px)}
    .sellApply__fields{grid-template-columns:1fr}
    .sellApply__actions .sellButton{width:100%}
}

/* ---------- Login y registro dentro del alta ---------- */
.sellLanding--access .accountAccessPage{min-height:auto;padding:clamp(40px,6vw,80px) 16px clamp(64px,8vw,112px);background:none}
@media (min-width:821px){body:has(.sellLanding--access) .sellLanding--access .accountAccessPage{margin-top:-92px;padding-top:calc(92px + clamp(36px,5vw,72px))}}
.sellLanding--access .accountAccessCard{border-color:rgba(255,255,255,.08);background:rgba(22,22,22,.94);box-shadow:none;color:#e6e6e6}
.sellLanding--access .accountAccessCard__eyebrow{color:var(--sell-lime)}
.sellLanding--access .accountAccessCard h1{color:#fff;font:700 clamp(36px,4.6vw,56px)/.95 var(--sell-display);letter-spacing:0;text-transform:uppercase}
.sellLanding--access .accountAccessCard p{color:rgba(255,255,255,.66)}
.sellLanding--access .accountForm label,.sellLanding--access .accountForm__remember{color:#fff}
.sellLanding--access .accountForm input[type="text"],
.sellLanding--access .accountForm input[type="email"],
.sellLanding--access .accountForm input[type="password"]{border-color:rgba(255,255,255,.12);background:#101010;color:#fff}
.sellLanding--access .accountForm input::placeholder{color:rgba(255,255,255,.35)}
.sellLanding--access .accountForm input:focus{border-color:var(--sell-lime);background:#101010;box-shadow:0 0 0 3px rgba(199,245,47,.18)}
.sellLanding--access .accountForm ul{color:#ffb3b3}
.sellLanding--access .accountForm__terms{background:#101010}
.sellLanding--access .accountForm__terms small{color:rgba(255,255,255,.5)}
.sellLanding--access .accountForm__notice--error{background:rgba(255,90,90,.08);color:#ffc4c4}
.sellLanding--access .accountForm__notice--success{background:rgba(199,245,47,.08);color:#e9ffb0}
.sellLanding--access .accountForm__submit{background:var(--sell-lime);color:#0a0a0a;font-family:var(--sell-display);font-size:16px;letter-spacing:.04em;text-transform:uppercase}
.sellLanding--access .accountAccessCard__foot{border-top-color:rgba(255,255,255,.08)}
.sellLanding--access .accountAccessCard a{color:#fff}
.sellLanding--access .accountAccessCard a:focus-visible,.sellLanding--access .accountForm__submit:focus-visible{outline:2px solid var(--sell-lime);outline-offset:3px}