/* Portada editorial de Vende con nosotros: escena y contenido real del CMS. */
.sellers-hero.sellers-hero-v2 {
  position:relative;
  isolation:isolate;
  min-height:clamp(38rem,43.26vw,51.6rem);
  padding:0 !important;
  overflow:hidden;
  color:#fff8f1;
  background:#2e1c31;
}
.sellers-hero.sellers-hero-v2::before,
.sellers-hero.sellers-hero-v2::after { content:none !important; }
.sellers-hero-scene,
.sellers-hero-veil {
  position:absolute;
  inset:0;
}
.sellers-hero-scene {
  z-index:-3;
  background-color:#2e1c31;
  background-image:url("../sellers-hero/vende-estudio-claro.png");
  background-image:-webkit-image-set(url("../sellers-hero/vende-estudio-claro.avif") type("image/avif"),url("../sellers-hero/vende-estudio-claro.png") type("image/png"));
  background-image:image-set(url("../sellers-hero/vende-estudio-claro.avif") type("image/avif"),url("../sellers-hero/vende-estudio-claro.png") type("image/png"));
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
.sellers-hero-veil {
  z-index:-2;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(30,13,33,.18) 0%,
    rgba(30,13,33,.08) 39%,
    transparent 49%);
}
.sellers-hero-shell.container {
  position:relative;
  z-index:1;
  width:100%;
  max-width:none;
  min-height:inherit;
  padding:clamp(2.5rem,4.8vw,5.2rem) clamp(1.5rem,4.35vw,5.2rem) clamp(2.3rem,3.5vw,3.75rem);
  display:grid;
  grid-template-rows:1fr;
}
.sellers-hero .sellers-hero-copy {
  align-self:center;
  width:min(43rem,40vw);
  max-width:none;
  margin:0;
  padding:0 0 1rem;
  position:relative;
  z-index:1;
  text-align:left;
  transform:translateY(-.2rem);
}
.sellers-hero .sellers-hero-copy .eyebrow {
  display:block;
  margin:0 0 clamp(1.15rem,2.1vh,1.75rem);
  color:#d8c7ff;
  font-size:clamp(.76rem,.9vw,.96rem);
  font-weight:750;
  letter-spacing:.25em;
  line-height:1.45;
  text-transform:uppercase;
}
.sellers-hero.sellers-hero-v2 h1 {
  max-width:9.5em;
  margin:0 0 clamp(1.5rem,2.4vh,2.1rem);
  color:#fff8f1;
  font-size:clamp(3.25rem,4.85vw,5.35rem);
  font-weight:780;
  letter-spacing:-.058em;
  line-height:.99;
  white-space:pre-line;
  text-wrap:balance;
}
.sellers-hero .sellers-hero-copy > p {
  max-width:43rem;
  margin:0 0 clamp(1.65rem,2.8vh,2.4rem);
  color:#f3eaf0;
  font-size:clamp(1.02rem,1.28vw,1.3rem);
  line-height:1.56;
}
.sellers-hero-cta {
  width:min(27rem,100%);
  min-height:4rem;
  padding:.85rem 1.35rem .85rem 1.65rem;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:1.25rem;
  border:1px solid rgba(255,255,255,.22);
  border-radius:.78rem;
  color:#2c173c;
  background:#cbb4ff;
  box-shadow:0 .9rem 2rem rgba(18,8,23,.2);
  font-size:clamp(1rem,1.08vw,1.16rem);
  font-weight:780;
  text-decoration:none;
  transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;
}
.sellers-hero-cta .icon { width:1.45rem; height:1.45rem; flex:none; }
.sellers-hero-cta:hover {
  transform:translateY(-2px);
  color:#25102f;
  background:#dbcaff;
  box-shadow:0 1.1rem 2.3rem rgba(18,8,23,.28);
}
html[data-theme="dark"] .sellers-hero.sellers-hero-v2 {
  color:#fff8f1;
  background:#1d101d;
}
html[data-theme="dark"] .sellers-hero-scene {
  background-color:#1d101d;
  background-image:url("../sellers-hero/vende-estudio-oscuro.png");
  background-image:-webkit-image-set(url("../sellers-hero/vende-estudio-oscuro.avif") type("image/avif"),url("../sellers-hero/vende-estudio-oscuro.png") type("image/png"));
  background-image:image-set(url("../sellers-hero/vende-estudio-oscuro.avif") type("image/avif"),url("../sellers-hero/vende-estudio-oscuro.png") type("image/png"));
}
html[data-theme="dark"] .sellers-hero-veil {
  background:linear-gradient(90deg,
    rgba(18,7,18,.22) 0%,
    rgba(18,7,18,.08) 39%,
    transparent 49%);
}
html[data-theme="dark"] .sellers-hero .sellers-hero-copy .eyebrow { color:#d9c8ff; }
html[data-theme="dark"] .sellers-hero.sellers-hero-v2 h1 { color:#fff8f1; }
html[data-theme="dark"] .sellers-hero .sellers-hero-copy > p { color:#f3eaf0; }

@media (max-width:1100px) and (min-width:701px) {
  .sellers-hero.sellers-hero-v2 { min-height:37rem; }
  .sellers-hero .sellers-hero-copy { width:41%; }
  .sellers-hero.sellers-hero-v2 h1 { font-size:clamp(2.75rem,5.2vw,3.75rem); }
  .sellers-hero .sellers-hero-copy > p { font-size:clamp(.96rem,1.68vw,1.12rem); line-height:1.5; }
  .sellers-hero-cta { min-height:3.55rem; font-size:.98rem; }
}

@media (max-width:700px) {
  .sellers-hero.sellers-hero-v2 {
    min-height:54rem;
  }
  .sellers-hero-scene {
    background-color:#2e1c31;
    background-image:url("../sellers-hero/vende-estudio-movil-claro.png");
    background-image:-webkit-image-set(url("../sellers-hero/vende-estudio-movil-claro.avif") type("image/avif"),url("../sellers-hero/vende-estudio-movil-claro.png") type("image/png"));
    background-image:image-set(url("../sellers-hero/vende-estudio-movil-claro.avif") type("image/avif"),url("../sellers-hero/vende-estudio-movil-claro.png") type("image/png"));
    background-position:left bottom;
    background-size:95% auto;
  }
  .sellers-hero-veil {
    background:linear-gradient(180deg,
      rgba(31,14,34,.10) 0%,
      rgba(31,14,34,.05) 48%,
      transparent 60%);
  }
  .sellers-hero-shell.container {
    padding:clamp(2.1rem,7vw,3rem) clamp(1.2rem,5.6vw,1.65rem) 1.6rem;
    display:block;
  }
  .sellers-hero .sellers-hero-copy {
    align-self:start;
    width:100%;
    padding:0;
    transform:none;
  }
  .sellers-hero .sellers-hero-copy .eyebrow {
    margin-bottom:1rem;
    font-size:.7rem;
    letter-spacing:.22em;
  }
  .sellers-hero.sellers-hero-v2 h1 {
    max-width:8.5em;
    margin-bottom:1.05rem;
    font-size:clamp(2.55rem,11.5vw,3.2rem);
    line-height:.98;
  }
  .sellers-hero .sellers-hero-copy > p {
    max-width:33rem;
    margin-bottom:1.35rem;
    font-size:clamp(.95rem,4.25vw,1.06rem);
    line-height:1.47;
  }
  .sellers-hero-cta {
    width:100%;
    min-height:3.8rem;
    padding-inline:1.2rem;
    font-size:1rem;
  }
  html[data-theme="dark"] .sellers-hero-scene {
    background-color:#1d101d;
    background-image:url("../sellers-hero/vende-estudio-movil-oscuro.png");
    background-image:-webkit-image-set(url("../sellers-hero/vende-estudio-movil-oscuro.avif") type("image/avif"),url("../sellers-hero/vende-estudio-movil-oscuro.png") type("image/png"));
    background-image:image-set(url("../sellers-hero/vende-estudio-movil-oscuro.avif") type("image/avif"),url("../sellers-hero/vende-estudio-movil-oscuro.png") type("image/png"));
  }
  html[data-theme="dark"] .sellers-hero-veil {
    background:linear-gradient(180deg,
      rgba(18,7,18,.12) 0%,
      rgba(18,7,18,.05) 48%,
      transparent 60%);
  }
}

@media (max-width:350px) {
  .sellers-hero.sellers-hero-v2 { min-height:57rem; }
  .sellers-hero.sellers-hero-v2 h1 { font-size:clamp(2.35rem,11.2vw,2.75rem); }
  .sellers-hero .sellers-hero-copy > p { font-size:.94rem; }
}

@media (prefers-reduced-motion:reduce) {
  .sellers-hero-cta { transition:none; }
}

/* Una foto elegida en el Admin reemplaza solo la escena; copy y CTA siguen vivos. */
.sellers-hero-scene.has-uploaded-image,
html[data-theme="dark"] .sellers-hero-scene.has-uploaded-image {
  overflow:hidden;
  background:none !important;
}
.sellers-hero-scene.has-uploaded-image .interior-uploaded-image {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:0;
}
.seller-application[data-seller-panel][hidden]:not([data-section-disabled="true"]) {
  display:block !important;
}
