/* ==========================================================================
   PEUGA — Página "Domínio à venda"
   Usa as variáveis de cor e tipografia de styles.css. Carregar DEPOIS dele.
   ========================================================================== */

.sale-hero{
  position:relative; overflow:hidden; text-align:center;
  padding:190px var(--gutter) 110px;
  background:
    radial-gradient(ellipse 70% 55% at 50% 0%, rgba(201,168,118,0.16), transparent 65%),
    linear-gradient(180deg, #060913, var(--navy-deep));
}
.sale-hero::before{
  content:''; position:absolute; inset:0; opacity:0.5; pointer-events:none;
  background-image:repeating-linear-gradient(115deg, rgba(237,234,224,0.025) 0, rgba(237,234,224,0.025) 1px, transparent 1px, transparent 6px);
}
.sale-hero .container{ position:relative; z-index:1; }
.sale-tag{
  display:inline-flex; align-items:center; gap:10px;
  font-size:11.5px; letter-spacing:0.18em; text-transform:uppercase; color:var(--gold);
  border:1px solid rgba(201,168,118,0.35); padding:9px 18px; margin-bottom:34px;
}
.sale-tag::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--gold); }
.sale-domain{
  font-family:var(--font-display); font-weight:340; line-height:0.95; letter-spacing:-0.02em;
  font-size:clamp(3.4rem, 13vw, 9.5rem); margin:0; color:var(--ink);
}
.sale-domain span{ color:var(--gold); font-style:italic; }
.sale-sub{
  max-width:52ch; margin:28px auto 0; font-size:clamp(1.05rem,1.6vw,1.3rem); color:var(--ink-dim); line-height:1.65;
}
.sale-hero .cta-row{ justify-content:center; margin-top:44px; }

/* Porquê este nome */
.why-grid{ display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
@media (max-width:900px){ .why-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .why-grid{ grid-template-columns:1fr; } }
.why-item{ padding:44px 30px; border-left:1px solid var(--line); }
.why-item:first-child{ border-left:none; }
@media (max-width:900px){ .why-item:nth-child(odd){ border-left:none; } .why-item{ border-top:1px solid var(--line); } .why-item:nth-child(-n+2){ border-top:none; } }
@media (max-width:520px){ .why-item{ border-left:none; } .why-item:nth-child(2){ border-top:1px solid var(--line); } }
.why-item .n{ font-family:var(--font-display); color:var(--gold); font-size:15px; display:block; margin-bottom:18px; }
.why-item h3{ font-size:1.15rem; margin-bottom:10px; }
.why-item p{ font-size:14px; color:var(--ink-dim); margin:0; }

/* Significado destacado */
.meaning{ max-width:820px; margin-inline:auto; text-align:center; }
.meaning .word{ font-family:var(--font-display); font-style:italic; font-size:clamp(2rem,5vw,3.4rem); color:var(--gold-soft); }
.meaning .phon{ font-size:13px; letter-spacing:0.14em; color:var(--ink-dim); text-transform:uppercase; margin-top:6px; }
.meaning p{ margin:24px auto 0; max-width:56ch; color:var(--ink-dim); font-size:1.05rem; }

/* Opções */
.tiers{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; align-items:stretch; }
@media (max-width:960px){ .tiers{ grid-template-columns:1fr; } }
.tier{ position:relative; display:flex; flex-direction:column; background:var(--navy); border:1px solid var(--navy-line); padding:44px 34px; }
.tier--featured{ border-color:var(--gold); background:linear-gradient(180deg, rgba(201,168,118,0.09), var(--navy) 40%); }
.tier .ribbon{ position:absolute; top:-13px; left:34px; background:var(--gold); color:var(--navy-deep); font-size:10.5px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; padding:6px 14px; }
.tier h3{ font-size:1.5rem; margin-bottom:6px; }
.tier .for{ font-size:13px; color:var(--ink-dim); margin-bottom:26px; }
.tier ul{ margin:0 0 30px; flex:1; }
.tier li{ position:relative; padding:9px 0 9px 26px; font-size:14px; color:var(--ink); border-top:1px solid var(--line); }
.tier li:first-child{ border-top:none; }
.tier li::before{ content:'✓'; position:absolute; left:0; color:var(--gold); }
.tier .price{ font-family:var(--font-display); font-size:1.25rem; color:var(--gold-soft); margin-bottom:18px; }
.fineprint{ margin-top:34px; font-size:12.5px; color:var(--ink-dim); text-align:center; max-width:70ch; margin-inline:auto; }

/* Processo */
.steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:28px; counter-reset:step; }
@media (max-width:900px){ .steps{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .steps{ grid-template-columns:1fr; } }
.step{ position:relative; padding-top:64px; }
.step::before{ counter-increment:step; content:'0' counter(step); position:absolute; top:0; left:0; font-family:var(--font-display); font-size:2.6rem; color:var(--gold); opacity:0.55; line-height:1; }
.step::after{ content:''; position:absolute; top:22px; left:56px; right:-14px; height:1px; background:var(--line); }
.step:last-child::after{ display:none; }
@media (max-width:900px){ .step::after{ display:none; } }
.step h4{ font-size:1rem; margin-bottom:8px; }
.step p{ font-size:13.5px; color:var(--ink-dim); margin:0; }

/* Formulário de proposta */
.offer-box{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:60px; align-items:start; background:var(--navy); border:1px solid var(--navy-line); padding:clamp(32px,5vw,64px); }
@media (max-width:900px){ .offer-box{ grid-template-columns:1fr; gap:36px; } }
.offer-box h2{ font-size:clamp(1.8rem,3vw,2.5rem); }
.offer-direct{ margin-top:30px; padding-top:24px; border-top:1px solid var(--line); font-size:14px; color:var(--ink-dim); }
.offer-direct a{ color:var(--gold-soft); border-bottom:1px solid rgba(201,168,118,0.4); }