/* Balanced image and readable photo section on the maintenance route. */
.maintenance-scope .reassurance-grid {
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 5.5rem);
}
.maintenance-scope .scope-copy,
.maintenance-scope .scope-photo { min-width: 0; }
.maintenance-scope .scope-copy .section-heading { max-width: 42rem; margin-bottom: 1.5rem; }
.maintenance-scope .scope-photo {
  margin: 0;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #dfe4dc;
}
.maintenance-scope .scope-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.maintenance-scope .check-list {
  display: grid;
  gap: .6rem;
  padding: 1.25rem 1.4rem;
  list-style: none;
  border: 1px solid var(--gray-200);
  background: var(--white);
}
.maintenance-scope .check-list li { position: relative; padding-left: 1.5rem; color: var(--gray-600); }
.maintenance-scope .check-list li::before { content: '\2713'; position: absolute; left: 0; color: #35614d; font-weight: 800; }
.section.section-soft.maintenance-symptoms {
  color: #e6eee8;
  background-color: #173e32;
  background-image: linear-gradient(90deg, rgba(12, 40, 31, .82), rgba(12, 40, 31, .68)), url('../img/site-optimized/photo-0770-mantenimiento-1280.webp');
  background-size: cover;
  background-position: center 54%;
}
.section.section-soft.maintenance-symptoms .section-heading h2 { color: #fffefa; }
.section.section-soft.maintenance-symptoms .section-heading p:not(.eyebrow) { color: #e6eee8; }
.section.section-soft.maintenance-symptoms .eyebrow { color: #f0c4a7; }
.section.section-soft.maintenance-symptoms .service-row { border-color: rgba(230, 238, 232, .42); }
.section.section-soft.maintenance-symptoms .service-index { color: #f0c4a7; }
.section.section-soft.maintenance-symptoms .service-row strong,
.section.section-soft.maintenance-symptoms .service-row > span[aria-hidden="true"] { color: #fffefa; }
.section.section-soft.maintenance-symptoms .service-row small { color: #d7e3dc; }
@media (max-width: 760px) {
  .maintenance-scope .reassurance-grid { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .maintenance-scope .scope-photo { aspect-ratio: 16 / 10; }
  .section.section-soft.maintenance-symptoms { background-image: linear-gradient(rgba(12, 40, 31, .85), rgba(12, 40, 31, .85)), url('../img/site-optimized/photo-0770-mantenimiento-960.webp'); background-position: center; }
}