/* Una invitación a reservar para toda la web. La foto se integra en el fondo. */
.sv-consultation-cta {
  --sv-cta-photo-opacity:.72;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-block:48px;
  scroll-margin-top:24px;
  background:var(--sv-navy);
  color:var(--sv-white);
}
.sv-consultation-scene {
  --sv-cta-mask:linear-gradient(90deg,transparent 0%,#000 38%);
  position:absolute;
  inset:0 0 0 45%;
  pointer-events:none;
  -webkit-mask-image:var(--sv-cta-mask);
  mask-image:var(--sv-cta-mask);
}
.sv-consultation-scene img { width:100%; height:100%; object-fit:cover; object-position:center 62%; opacity:var(--sv-cta-photo-opacity); }
.sv-consultation-scene::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,var(--sv-navy),transparent 25%,transparent 75%,var(--sv-navy)); }
.sv-consultation-inner { position:relative; display:flex; align-items:center; min-height:280px; }
.sv-consultation-copy { width:min(650px,58%); min-width:0; text-align:left; }
.sv-consultation-copy .sv-eyebrow { color:var(--sv-pale); }
.sv-consultation-copy h2 { color:var(--sv-white); font-size:34px; max-width:none; }
.sv-consultation-copy > p { margin:18px 0 26px; color:var(--sv-pale); font-size:15px; line-height:1.8; }
.sv-consultation-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px 24px; }
.sv-consultation-actions .sv-text-link { color:var(--sv-white); border-color:color-mix(in srgb,var(--sv-pale) 55%,transparent); font-size:13px; }
.sv-consultation-actions :is(a,button):focus-visible { outline-color:var(--sv-pale); }
@media (max-width:950px) {
  .sv-consultation-cta { --sv-cta-photo-opacity:.48; }
  .sv-consultation-scene { inset-inline-start:40%; --sv-cta-mask:linear-gradient(90deg,transparent 0%,#000 62%); }
  .sv-consultation-copy { width:76%; }
}
@media (max-width:680px) {
  .sv-consultation-cta { --sv-cta-photo-opacity:.22; padding-block:40px; }
  .sv-consultation-scene { inset-inline-start:0; --sv-cta-mask:linear-gradient(90deg,transparent 0%,#000 80%); }
  .sv-consultation-inner { min-height:0; }
  .sv-consultation-copy { width:100%; }
  .sv-consultation-copy h2 { font-size:30px; }
  .sv-consultation-actions .sv-btn { min-height:49px; font-size:13px; padding-inline:20px; }
}