/* ============================================================
   SOBRE REFINED — Maio 2026
   Fix hyphenation + spacing harmônico do texto sobre-historia
   ============================================================ */

/* ─── Sem quebra-de-palavra-com-hífen no site inteiro ─── */
html{
  hyphens:manual !important;
  -webkit-hyphens:manual !important;
  word-break:normal !important;
  overflow-wrap:break-word;
}

/* Texto sobre — espaçamento orgânico */
.sobre-historia{
  padding-block:clamp(80px, 10vw, 140px) !important;
  background:transparent !important;
}

.sobre-historia .container{
  max-width:1240px;
}

.sobre-historia .sobre-historia__grid{
  display:grid !important;
  grid-template-columns:5fr 6fr !important;
  gap:clamp(48px, 6vw, 96px) !important;
  align-items:center !important;
}

/* Imagem casal — refino */
.sobre-historia__img-stack{
  position:relative;
}
.sobre-historia__img-main--casal{
  aspect-ratio:4/5 !important;
  border-radius:4px !important;
  box-shadow:
    0 30px 80px -20px rgba(0,0,0,.7),
    0 0 0 1px rgba(232,200,122,.10) !important;
  filter:saturate(1.05) contrast(1.02);
}

/* Bordurinha decorativa dourada nos cantos */
.sobre-historia__img-stack::before,
.sobre-historia__img-stack::after{
  content:'';
  position:absolute;
  width:32px;height:32px;
  border:1px solid rgba(232,200,122,.45);
  pointer-events:none;
}
.sobre-historia__img-stack::before{
  top:-12px;left:-12px;
  border-right:none;border-bottom:none;
}
.sobre-historia__img-stack::after{
  bottom:-12px;right:-12px;
  border-left:none;border-top:none;
}

/* ─── Texto: ritmo vertical limpo ─── */
.sobre-historia__text{
  display:flex !important;
  flex-direction:column !important;
  gap:clamp(20px, 2.4vw, 32px) !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
  word-break:keep-all !important;
}

/* Kicker */
.sobre-historia__text .kicker{
  font-family:'DM Sans', sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.32em !important;
  text-transform:uppercase !important;
  color:#c8a84b !important;
  margin:0 !important;
  padding:0 !important;
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.sobre-historia__text .kicker::before{
  content:'';
  display:inline-block;
  width:24px;height:1px;
  background:#c8a84b;
}

/* H2 — Cormorant balanced */
.sobre-historia__text h2{
  font-family:'Cormorant Garamond', Georgia, serif !important;
  font-size:clamp(1.7rem, 2.8vw, 2.6rem) !important;
  font-weight:300 !important;
  font-style:normal !important;
  line-height:1.18 !important;
  letter-spacing:-0.015em !important;
  color:#fff !important;
  margin:0 !important;
  text-wrap:balance;
  max-width:28ch;
  hyphens:none !important;
  -webkit-hyphens:none !important;
}

/* Parágrafos — DM Sans clean */
.sobre-historia__text p{
  font-family:'DM Sans', sans-serif !important;
  font-size:clamp(.95rem, 1.05vw, 1.05rem) !important;
  font-weight:400 !important;
  line-height:1.75 !important;
  color:rgba(255,237,215,.78) !important;
  margin:0 !important;
  max-width:60ch;
  text-wrap:pretty;
  hyphens:none !important;
  -webkit-hyphens:none !important;
}

/* Quote — italic dourado destacado */
.sobre-historia__quote{
  font-family:'Cormorant Garamond', Georgia, serif !important;
  font-size:clamp(1.1rem, 1.6vw, 1.4rem) !important;
  font-weight:400 !important;
  font-style:italic !important;
  line-height:1.5 !important;
  color:rgba(232,200,122,.92) !important;
  border-left:2px solid #c8a84b !important;
  padding:8px 0 8px 24px !important;
  margin:8px 0 !important;
  max-width:52ch;
  text-wrap:pretty;
  position:relative;
}

/* Botão CTA mais refinado */
.sobre-historia__text .btn--primary{
  align-self:flex-start;
  margin-block-start:clamp(8px, 1vw, 16px) !important;
  padding:16px 32px !important;
  font-family:'DM Sans', sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  border-radius:999px !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:#1C1713 !important;
  border:none !important;
}
.sobre-historia__text .btn--primary *{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
.sobre-historia__text .btn--primary:hover{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:#9A7C2E !important;
}

/* ─── Responsivo ─── */
@media (max-width: 900px){
  .sobre-historia .sobre-historia__grid{
    grid-template-columns:1fr !important;
    gap:clamp(40px, 6vw, 56px) !important;
  }
  .sobre-historia__text h2{ max-width:none; }
  .sobre-historia__img-main--casal{ aspect-ratio:5/6 !important; }
}