/* Landing "vendedor silencioso" de GamecornerCL (se suma a styles.css sin modificarlo). Móvil primero. */
.landing--seller{gap:1.25rem;max-width:44rem;margin-inline:auto;padding-bottom:2rem}
.sl-top{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%}
.sl-logo{width:min(15rem,60vw);height:auto}
.sl-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.2rem .8rem .2rem .3rem;border:1px solid var(--clr-border);border-radius:99px;background:rgba(18,18,31,.8);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--clr-text-dim)}
.sl-pill img{width:2rem;height:2rem;object-fit:contain}
.sl-hero{display:grid;gap:.9rem;justify-items:center;text-align:center;width:100%}
.sl-kicker{margin:0;font-family:var(--font-display);font-size:clamp(.8rem,3.2vw,1rem);letter-spacing:.06em;color:var(--clr-neon-yellow)}
.sl-title{margin:0;font-family:var(--font-display);font-size:clamp(2.1rem,10vw,3.6rem);line-height:1.05;color:#fff;text-wrap:balance}
.sl-banner{display:block;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 0 34px rgba(178,75,243,.55),0 0 0 2px rgba(178,75,243,.6);transition:transform .2s ease}
.sl-banner:hover{transform:translateY(-2px)}
.sl-banner img{display:block;width:100%;height:auto}
.sl-lead{margin:0;max-width:34rem;font-size:clamp(1rem,3.6vw,1.15rem);line-height:1.5;color:var(--clr-text)}
.sl-cta{display:block;width:100%;max-width:30rem;padding:1.1rem 1.25rem;border-radius:14px;background:linear-gradient(90deg,#b24bf3,#00f0ff);color:#0a0a12;font-family:var(--font-display);font-size:clamp(.8rem,3.6vw,1.3rem);letter-spacing:.02em;white-space:nowrap;text-align:center;text-decoration:none;text-transform:uppercase;animation:slPulse 2s ease-in-out infinite;transition:transform .2s ease}
.sl-cta:hover,.sl-cta:focus-visible{transform:scale(1.02)}
@keyframes slPulse{0%,100%{box-shadow:0 0 16px rgba(178,75,243,.5)}50%{box-shadow:0 0 38px rgba(0,240,255,.75)}}
.sl-feat{display:grid;gap:.7rem;width:100%;margin:.4rem 0 0;padding:0;list-style:none;text-align:left}
.sl-feat a{display:grid;grid-template-columns:42% 1fr;align-items:stretch;overflow:hidden;border-radius:12px;border:1px solid rgba(178,75,243,.55);background:rgba(18,18,31,.9);color:var(--clr-text);text-decoration:none;box-shadow:0 0 18px rgba(178,75,243,.25);transition:transform .2s ease,box-shadow .2s ease}
.sl-feat a:hover,.sl-feat a:focus-visible{transform:translateY(-2px);box-shadow:0 0 26px rgba(0,240,255,.45)}
.sl-feat img{display:block;width:100%;height:100%;min-height:5.5rem;object-fit:cover}
.sl-feat__txt{display:grid;align-content:center;gap:.25rem;padding:.6rem .8rem}
.sl-feat b{font-family:var(--font-display);font-size:clamp(.85rem,3.6vw,1.05rem);line-height:1.2;color:#fff}
.sl-feat small{font-size:.78rem;line-height:1.3;color:var(--clr-text-dim)}
.sl-feat em{font-style:normal;font-family:var(--font-display);font-size:.72rem;letter-spacing:.06em;color:#9ff5c4}
.sl-store{display:grid;gap:.6rem;width:100%;text-align:center}
.sl-h2{margin:0;font-family:var(--font-display);font-size:clamp(1.05rem,4.4vw,1.4rem);color:var(--clr-neon-yellow)}
.sl-card{position:relative;display:block;border-radius:12px;overflow:hidden;box-shadow:0 0 0 2px rgba(255,215,0,.55),0 0 22px rgba(255,215,0,.25);transition:transform .2s ease}
.sl-card:hover{transform:translateY(-2px)}
.sl-card img{display:block;width:100%;height:auto}
.sl-card__btn{position:absolute;right:.6rem;bottom:.6rem;padding:.5rem .9rem;border-radius:8px;background:var(--clr-neon-yellow);color:#0a0a12;font-family:var(--font-display);font-size:.8rem;letter-spacing:.05em}
.sl-more{width:100%;display:flex;justify-content:center}
.sl-promos{max-width:20rem;width:70%;animation:none}
.sl-foot{display:grid;gap:.8rem;justify-items:center;width:100%;margin-top:.5rem}
@media (min-width:768px){
  .landing.landing--seller{height:auto;min-height:100vh;overflow:visible;justify-content:flex-start;gap:1.5rem;padding:1.5rem 2rem 2.5rem}
  .sl-feat{grid-template-columns:repeat(2,1fr)}
  .sl-feat img{min-height:8rem}
  .landing--seller{max-width:56rem}
  .sl-top{flex-direction:row;justify-content:space-between}
  .sl-promos{width:45%;max-width:22rem}
}
@media (prefers-reduced-motion:reduce){.sl-cta{animation:none}}