/* Ajustes exclusivos da hero editorial Dona Charme. */
.hero { background: #f3eadf; }
.hero-grid { min-height: 510px; }
.hero-copy { padding: 64px 9% 58px 0; }
.hero h1 { font-size: clamp(3.6rem, 5.3vw, 4.5rem); letter-spacing: -.045em; }
.hero-copy > p:not(.eyebrow) { max-width: 400px; font-size: 18px; line-height: 1.55; }
.hero-image { position: relative; height: 510px; background: #e9ded0; }
.hero-image::before { position: absolute; z-index: 1; inset: 0; content: ""; pointer-events: none; background: linear-gradient(90deg, #f3eadf 0%, rgba(243, 234, 223, .78) 13%, rgba(243, 234, 223, 0) 42%); }
.hero-image img { width: 100%; height: 100%; object-fit: cover; object-position: 72% center; }
.benefits { margin-top: 38px; }
.benefits > div { font-size: 10px; }
.benefits svg { flex: 0 0 19px; }

@media (max-width: 619px) {
  .hero-grid { min-height: 0; }
  .hero-copy { padding: 48px 0 34px; }
  .hero h1 { font-size: clamp(3rem, 13vw, 3.65rem); }
  .hero-copy > p:not(.eyebrow) { max-width: 355px; font-size: 16px; }
  .benefits { flex-wrap: wrap; gap: 14px 10px; margin-top: 29px; }
  .benefits > div { flex: 1 1 calc(50% - 5px); min-width: calc(50% - 5px); }
  .hero-image { display: none; }
  .hero-image::before { background: linear-gradient(90deg, rgba(243, 234, 223, .28), rgba(243, 234, 223, 0) 45%); }
  .hero-image img { object-position: 72% center; }
}