.hero h1 { max-width: 650px; font-size: clamp(2.8rem, 4.7vw, 4.2rem); }
.hero-photo-wrap img { object-position: 65% 50%; }
.wu-intro { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .8fr); align-items: center; gap: clamp(30px, 5vw, 74px); }
.wu-intro-copy h2 { max-width: 600px; }
.wu-intro-copy p { color: var(--ink-soft); line-height: 1.78; font-size: 1.01rem; }
.wu-intro-copy a { color: var(--teal); font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.wu-intro-photo { position: relative; margin: 0; height: 430px; overflow: hidden; border-radius: 22px; background: #e8eee9; box-shadow: var(--shadow); }
.wu-intro-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 45%; }
.wu-intro-photo figcaption { position: absolute; right: 12px; bottom: 12px; background: rgba(12, 44, 52, .7); color: #fff; border-radius: 999px; padding: 5px 10px; font-size: .68rem; }
.comparison-block { background: #eaf0ed; border-radius: 24px; padding: 46px; }
.comparison-block h2 { margin-bottom: 27px; }
.comparativa { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 19px; margin: 0; }
.comparativa .card { position: relative; min-height: 230px; border: 1px solid #dbe4df; border-radius: 18px; padding: 28px 29px; background: #fff; }
.comparativa .card::before { content: "01"; display: inline-grid; place-items: center; width: 39px; height: 39px; margin-bottom: 27px; border-radius: 11px; background: #e9eee9; color: #56726d; font-size: .83rem; font-weight: 850; }
.comparativa .card:last-child { background: linear-gradient(140deg, #135966, #0f3f4a); border-color: #135966; box-shadow: 0 16px 38px rgba(12, 67, 72, .14); }
.comparativa .card:last-child::before { content: "02"; background: rgba(255,255,255,.15); color: #e4c980; }
.comparativa h3 { margin: 0 0 12px; color: var(--navy); font: 400 1.82rem/1.15 Georgia, "Times New Roman", serif; letter-spacing: -.035em; }
.comparativa p { margin: 0; color: #53666d; font-size: .96rem; line-height: 1.72; }
.comparativa .card:last-child h3 { color: #fff; }
.comparativa .card:last-child p { color: #d9e8e7; }
.wu-other { margin-bottom: 88px; }
.wu-other h2 { font-size: clamp(1.9rem, 2.7vw, 2.7rem); }
.faq-block { margin-bottom: 70px; }
.links-relacionados { margin-top: 0; }
@media (max-width: 760px) {
  .wu-intro { grid-template-columns: 1fr; }
  .wu-intro-photo { height: 355px; }
  .comparison-block { padding: 35px 25px; }
  .comparativa { grid-template-columns: 1fr; }
  .comparativa .card { min-height: 0; }
}
@media (max-width: 480px) {
  .hero h1 { font-size: clamp(2.5rem, 10.6vw, 3.45rem); }
  .hero-photo-wrap img { object-position: 64% 50%; }
  .wu-intro-photo { height: 310px; }
  .comparison-block { margin-left: -8px; margin-right: -8px; padding: 30px 18px; }
  .comparativa h3 { font-size: 1.58rem; }
}