/* Ajustes de 07/11/2026: teste A/B do topo, topo de mangá, seção de mangá e segunda lista de tipos de loja. */

/* Topo: A é o padrão (também sem JavaScript); B e M só aparecem quando o lp-variant.js marca a página. */
.hv-b,.hv-m{display:none}
html[data-lp-variant="B"] .hv-a,html[data-lp-variant="M"] .hv-a,html[data-lp-variant="M"] .hv-ab{display:none}
html[data-lp-variant="B"] p.hv-b,html[data-lp-variant="M"] p.hv-m{display:block}
html[data-lp-variant="M"] span.hv-m{display:inline}
html[data-lp-variant="B"] .hero-photo.hv-b{display:block}
html[data-lp-variant="M"] .hero-photo.hv-m{display:flex}
.hv-a-wrap{display:contents}
html[data-lp-variant="B"] .hv-a-wrap,html[data-lp-variant="M"] .hv-a-wrap{display:none}

.hero-subtitle--offer{font-size:27px;line-height:1.2;max-width:500px}
.hero-subtitle--offer strong{font-weight:700}
.hero-photo--expositor img{object-position:center 60%}
.hero-photo--manga{justify-content:center;justify-self:center;width:100%;max-width:416px;height:auto;border-radius:0}
.hero-photo--manga img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}

@media(max-width:767px){
  .hero-subtitle--offer{font-size:clamp(19px,5.4vw,24px);line-height:1.22;max-width:none;margin-top:16px}
  html[data-lp-variant="B"] .hero-photo.hv-b,html[data-lp-variant="M"] .hero-photo.hv-m{width:calc(100% - 38px);margin-inline:auto}
  .hero-photo--expositor{height:min(88vw,360px);margin-top:20px}
  html[data-lp-variant="M"] .hero h1{font-size:clamp(36px,10.8vw,49px);line-height:1.04;letter-spacing:-.04em}
  .hero-photo--manga{height:auto;margin-top:20px}
}

/* Seção de mangá, para todo mundo, logo depois dos benefícios. */
.manga-offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;row-gap:20px;align-items:start}
.manga-offer__heading{grid-column:1;align-self:end}
.manga-offer .section-kicker{justify-content:flex-start}
.manga-offer h2{max-width:560px}
.manga-offer__copy{grid-column:1}
.manga-offer__text{font-size:19px;line-height:1.5;max-width:520px;margin:0 0 20px}
.manga-offer__condition{font-size:13px;line-height:1.45;color:#686055;margin:0 0 22px;max-width:420px}
.manga-offer__visual{grid-column:2;grid-row:1/span 2;align-self:center;overflow:hidden;border-radius:16px}
.manga-offer__visual img{display:block;width:100%;height:420px;object-fit:cover;object-position:center 64%}
@media(max-width:767px){
  .manga-offer{grid-template-columns:minmax(0,1fr);gap:20px;text-align:left}
  .manga-offer__heading,.manga-offer__copy,.manga-offer__visual{grid-column:1;grid-row:auto}
  .manga-offer h2{font-size:34px;line-height:1.06;letter-spacing:-.035em}
  .manga-offer__text{font-size:17px;line-height:1.5;margin:0 0 14px}
  .manga-offer__condition{margin-bottom:18px}
  .manga-offer__visual img{height:auto;aspect-ratio:1.6;object-position:center 64%}
  .manga-offer .button{width:100%}
}

/* Formulário: campo do "outro" na segunda lista de tipos de loja. */
.segment-other-field{margin:4px 0 6px}
.segment-other-field[hidden]{display:none}
@media(max-width:600px){
  #signup #segment-more-form .qualification-choice{gap:8px;margin:4px 0 10px}
  #signup #segment-more-form .qualification-choice label{min-height:56px;padding:8px 12px;gap:10px;font-size:15px}
  #signup #segment-more-form .option-art{width:32px;height:36px;border-radius:8px}
  #signup #segment-more-form .option-art>.form-icon{width:24px;height:24px}
}