/* Portada luminosa: fotografía ilustrativa generada; textos y acciones reales. */
.hero.hero-wide { min-height: 760px; padding: 210px 7vw 80px; background: #f6f1e7; }
.hero-wide .hero-copy { max-width: 540px; width: 44%; color: var(--navy); }
.hero-wide h1, .hero-wide h1 em { color: var(--navy); }
.hero-wide h1 { font-size: clamp(46px, 5.2vw, 76px); }
.hero-wide .hero-copy > p { color: #495366; max-width: 440px; }
.hero-wide .hero-copy .eyebrow { color: #8c754a; }
.hero-wide .hero-copy .eyebrow::before { background: #8c754a; }
.hero-wide .hero-note { color: #505b6b; }
.hero-wide .hero-media > img { object-position: center; }
.hero-wide .hero-media::after {
  background: linear-gradient(90deg, #fbf8f18c, #fbf8f133 38%, transparent 60%);
}
.hero-wide .media-seal, .hero-wide .media-label { display: none; }
.hero-wide .hero-actions .button:not(.primary) { color: var(--navy); border-color: #a58c5e; border-radius: 999px; }
.hero-wide .hero-actions .button.primary { color: #fff; background: var(--navy); border-color: var(--navy); border-radius: 999px; }
.hero-wide .hero-actions .button:hover { background: #24456c; border-color: #24456c; color: #fff; }
@media (min-width: 681px) and (max-width: 1000px) {
  .hero.hero-wide { padding: 170px 5vw 60px; min-height: 700px; }
  .hero-wide .hero-copy { width: 48%; }
  .hero-wide h1 { font-size: 48px; }
}
@media (max-width: 680px) {
  .hero.hero-wide { padding: 0; min-height: 0; background: #f8f5ed; }
  .hero-wide .hero-copy { width: 100%; max-width: none; padding: 30px 22px 44px; }
  .hero-wide .hero-media { height: 360px; }
  .hero-wide .hero-media > img { object-position: 72% center; }
  .hero-wide .hero-media::after { background: linear-gradient(0deg, #f8f5ed, transparent 24%); }
  .hero-wide h1 { font-size: clamp(42px, 11vw, 58px); }
}