/* Editorial compositions for integrated solutions. */
.sv-integradas {
  background: #f4f5f1;
  padding-block: clamp(48px, 6vw, 88px);
}
.sv-integradas .sv-section-heading { margin-bottom: clamp(24px, 3.5vw, 48px); }
.sv-integradas .sv-section-heading h2 { margin-bottom: 0; }
.sv-integradas .sv-combination-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.13fr);
  gap: clamp(15px, 2.3vw, 34px);
  border: 0;
}
.sv-integradas .sv-combination-list .sv-integrada {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "copy" "photo";
  grid-template-rows: auto 1fr;
  align-items: stretch;
  gap: 0;
  padding: 0;
  border: 0;
  border-radius: 5px 26px 5px 5px;
  overflow: hidden;
  background: #e7eff1;
}
.sv-integradas .sv-combination-list .sv-integrada--marca {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, .83fr) minmax(0, 1.17fr);
  grid-template-areas: "copy photo";
  grid-template-rows: auto;
  background: #102e43;
  color: white;
}
.sv-integradas .sv-combination-list .sv-integrada--contenido {
  grid-template-areas: "photo" "copy";
  grid-template-rows: 1fr auto;
  background: #f8eee4;
}
.sv-integrada-copy {
  grid-area: copy;
  align-self: center;
  padding: clamp(22px, 3.4vw, 52px);
}
.sv-integradas .sv-integrada h3 {
  max-width: 16ch;
  font-size: clamp(30px, 3.7vw, 60px);
  line-height: .99;
  letter-spacing: -.055em;
}
.sv-integrada h3 span {
  display: block;
  margin-bottom: 12px;
  color: #126b86;
  font: 700 12px/1 Arial, sans-serif;
  letter-spacing: .12em;
}
.sv-integradas .sv-integrada p { margin: 16px 0 18px; max-width: 45ch; }
.sv-integradas .sv-integrada ul { gap: 2px 9px; align-items: baseline; }
.sv-integradas .sv-integrada li { gap: 9px; }
.sv-integradas .sv-integrada a { display: inline-flex; align-items: center; min-height: 36px; }
.sv-integradas .sv-integrada--marca :is(p, a, h3 span),
.sv-integradas .sv-integrada--marca li + li::before { color: #d1eaf2; }
.sv-integradas .sv-integrada--marca a:hover { color: white; }
.sv-integradas .sv-integrada--marca a:focus-visible { outline-color: #d1eaf2; }
.sv-integrada-photo { grid-area: photo; position: relative; overflow: hidden; min-height: clamp(220px, 24vw, 360px); }
.sv-integrada-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sv-integrada--marca .sv-integrada-photo img { object-position: center 57%; }
.sv-integrada--contenido .sv-integrada-photo img { object-position: center 36%; }
@media (max-width: 720px) {
  .sv-integradas .sv-combination-list { grid-template-columns: minmax(0, 1fr); }
  .sv-integradas .sv-combination-list .sv-integrada--marca {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "photo" "copy";
  }
  .sv-integrada-photo { min-height: clamp(190px, 56vw, 310px); }
}
@media (prefers-reduced-motion: no-preference) {
  .sv-integrada-photo img { transition: transform .6s var(--ease); }
  .sv-integrada a { transition: color .2s, text-underline-offset .2s; }
  .sv-integrada a:hover, .sv-integrada a:focus-visible { text-underline-offset: 6px; }
  .sv-integrada:focus-within .sv-integrada-photo img { transform: scale(1.035); }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .sv-integrada:hover .sv-integrada-photo img { transform: scale(1.035); }
}