:root{--gold:#d6b25e;--gold2:#f1d58a;--ink:#080808;--panel:#111;--soft:#191919;--text:#f4f0e8;--muted:#bdb5a5;--line:rgba(214,178,94,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#1a160e 0,#090909 38%,#050505 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{text-decoration:none;color:inherit}.wrap{width:min(1160px,92%);margin:auto}.nav{position:sticky;top:0;z-index:10;background:rgba(5,5,5,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.navin{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand img{width:38px;height:38px;object-fit:contain}.navlinks{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:#ddd}
.hero{padding:88px 0 60px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--gold2);font-size:12px;font-weight:700}.hero h1{font-family:Georgia,serif;font-size:clamp(42px,7vw,78px);line-height:1.02;margin:12px 0 20px}.lead{font-size:19px;color:#d7d0c4;max-width:760px}.portrait{width:min(390px,82vw);height:auto;aspect-ratio:1/1;border:1px solid var(--line);padding:10px;border-radius:50%;margin:0 auto;background:linear-gradient(145deg,#17130c,#090909);box-shadow:0 25px 80px rgba(0,0,0,.45);overflow:hidden;display:block}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;border-radius:50%;margin:0 auto}
.btn{display:inline-block;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;font-weight:800;padding:14px 22px;border-radius:999px;margin:8px 8px 0 0}.btn.secondary{background:transparent;color:var(--gold2);border:1px solid var(--gold)}
.section{padding:64px 0}.section h2{font-family:Georgia,serif;font-size:clamp(32px,5vw,52px);margin:8px 0 14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,rgba(24,24,24,.95),rgba(10,10,10,.95));border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;flex-direction:column}.card h3{font-family:Georgia,serif;font-size:25px;margin:8px 0}.card p{color:#cfc7b9}.price{font-size:25px;color:var(--gold2);font-weight:800;margin-top:auto}.tag{display:inline-block;width:max-content;border:1px solid var(--line);color:var(--gold2);padding:5px 10px;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.note{border-left:3px solid var(--gold);padding:8px 0 8px 18px;color:#d4ccbe}.steps{counter-reset:s}.step{position:relative;padding:22px 22px 22px 64px;border-bottom:1px solid var(--line)}.step:before{counter-increment:s;content:counter(s);position:absolute;left:12px;top:18px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold2)}
footer{border-top:1px solid var(--line);padding:30px 0;color:#aaa;font-size:13px}.fine{font-size:13px;color:#9f978a}
@media(max-width:850px){.hero-grid,.two{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.navlinks{display:none}.hero{padding-top:56px}.portrait{width:min(280px,78vw);margin:26px auto 0}}


/* === FIX DEFINITIVO DO RETRATO NAS PÁGINAS DE VENDA === */
.hero-grid .portrait{
  width: min(390px, 82vw) !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 auto !important;
  padding: 10px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  position: relative !important;
  display: block !important;
  background:
    radial-gradient(circle at center, #17130d 0%, #0b0a08 62%, #050505 100%) !important;
  border: 2px solid #d6b25e !important;
  box-shadow:
    0 0 0 5px #080808,
    0 0 0 6px rgba(214,178,94,.45),
    0 24px 70px rgba(0,0,0,.55) !important;
}

.hero-grid .portrait::after{
  content:"";
  position:absolute;
  inset: 8px;
  border-radius:50%;
  border:1px solid rgba(241,213,138,.36);
  pointer-events:none;
  z-index:2;
}

.hero-grid .portrait img{
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  display: block !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;
  border-radius: 50% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

@media (max-width:850px){
  .hero-grid .portrait{
    width: min(320px, 78vw) !important;
    margin: 18px auto 0 !important;
    padding: 8px !important;
    border-width: 2px !important;
  }
  .hero-grid .portrait img{
    object-position: 50% 50% !important;
  }
}