body.s-contacto {
  font-family: "Segoe UI", "Trebuchet MS", Arial, sans-serif;
  color: #071b46;
  line-height: 1.56;
  background:
    radial-gradient(circle at 86% 8%, rgba(0, 109, 255, 0.08), transparent 24rem),
    linear-gradient(180deg, #f9fcff 0%, #eef6ff 100%);
}

.s-contacto-hero {
  position: relative;
  padding: clamp(4.2rem, 8vw, 6.8rem) 0 clamp(2.2rem, 4.5vw, 3.6rem);
  overflow: hidden;
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.94) 0%, rgba(237, 246, 255, 0.84) 100%),
    radial-gradient(circle at 82% 24%, rgba(0, 109, 255, 0.13), transparent 22rem);
}

.s-contacto-hero::after {
  content: "";
  position: absolute;
  inset: 0 0 auto auto;
  width: min(62vw, 48rem);
  height: 100%;
  pointer-events: none;
  opacity: 0.62;
  background:
    radial-gradient(circle at 20% 55%, rgba(255, 255, 255, 0.95) 0 0.24rem, transparent 0.26rem),
    radial-gradient(circle at 54% 34%, rgba(255, 255, 255, 0.9) 0 0.32rem, transparent 0.34rem),
    radial-gradient(circle at 78% 50%, rgba(255, 255, 255, 0.96) 0 0.28rem, transparent 0.3rem),
    radial-gradient(circle at 92% 18%, rgba(255, 255, 255, 0.95) 0 0.3rem, transparent 0.32rem),
    linear-gradient(130deg, transparent 18%, rgba(255, 255, 255, 0.7) 18.2%, transparent 18.8%),
    linear-gradient(160deg, transparent 42%, rgba(255, 255, 255, 0.62) 42.2%, transparent 42.8%),
    linear-gradient(25deg, transparent 57%, rgba(255, 255, 255, 0.62) 57.2%, transparent 57.8%);
}

.s-contacto-hero .l-container {
  position: relative;
  z-index: 1;
}

.c-eyebrow {
  display: inline-block;
  margin: 0 0 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.72rem;
  color: #006dff;
  font-weight: 900;
}

.s-contacto-hero h1 {
  max-width: 18ch;
  margin: 0;
  color: #071b46;
  font-size: clamp(2.15rem, 4.2vw, 3.45rem);
  line-height: 1.12;
  letter-spacing: -0.04em;
  font-weight: 900;
}

.c-lead {
  max-width: 38rem;
  margin: 1.25rem 0 0;
  color: #425b79;
  font-size: 1rem;
}

.c-hero-points {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  margin: 1.8rem 0 0;
  padding: 0;
  list-style: none;
  color: #16365c;
  font-size: 0.9rem;
  font-weight: 800;
}

.c-hero-points li {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}

.c-hero-points svg {
  width: 1.15rem;
  height: 1.15rem;
  color: #006dff;
}

.s-contacto-main {
  padding: clamp(1.5rem, 3vw, 2rem) 0 clamp(3rem, 6vw, 5rem);
  background:
    radial-gradient(circle at 12% 16%, rgba(0, 109, 255, 0.04), transparent 20rem),
    radial-gradient(circle at 85% 34%, rgba(20, 217, 255, 0.055), transparent 24rem),
    linear-gradient(180deg, #f7fbff 0%, #edf5fc 100%);
}

.l-contact-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

.c-contact-card,
.c-contact-form-panel,
.c-office-card {
  border: 1px solid rgba(255, 255, 255, 0.86);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 38px rgba(32, 82, 145, 0.09);
}

.c-contact-card {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 1rem;
  align-items: start;
  min-height: 7.3rem;
  padding: 1.35rem;
}

.c-contact-card > span {
  grid-row: span 3;
  width: 2.75rem;
  height: 2.75rem;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: #006dff;
  background: #eef6ff;
}

.c-contact-card svg {
  width: 1.45rem;
  height: 1.45rem;
}

.c-contact-card h2 {
  margin: 0;
  color: #071b46;
  font-size: 0.98rem;
  line-height: 1.2;
}

.c-contact-card a,
.c-contact-card p {
  margin: 0.42rem 0 0;
  color: #526b89;
  font-size: 0.86rem;
}

.c-contact-card a {
  color: #395a7f;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.l-contact-shell {
  display: grid;
  gap: 2rem;
  align-items: start;
  margin-top: 2rem;
}

.c-contact-form-panel {
  padding: clamp(1.4rem, 3vw, 2rem);
}

.c-form-heading h2,
.c-office-card h2,
.c-meeting-card h2 {
  margin: 0;
  color: #071b46;
  font-size: clamp(1.25rem, 2.4vw, 1.55rem);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.c-form-heading p {
  margin: 0.7rem 0 0;
  color: #4b6381;
  font-size: 0.94rem;
}

.c-contact-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.2rem 1.35rem;
  margin-top: 1.8rem;
}

.c-field {
  display: grid;
  gap: 0.55rem;
}

.c-field label {
  color: #17355a;
  font-size: 0.82rem;
  font-weight: 900;
}

.c-field input,
.c-field textarea {
  width: 100%;
  min-height: 3.1rem;
  border: 1px solid rgba(22, 70, 125, 0.15);
  border-radius: 8px;
  outline: 0;
  background: rgba(255, 255, 255, 0.92);
  color: #123456;
  padding: 0.8rem 0.9rem;
  font: inherit;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.c-field textarea {
  min-height: 8.2rem;
  resize: vertical;
}

.c-field input::placeholder,
.c-field textarea::placeholder {
  color: #8799ad;
}

.c-field input:focus,
.c-field textarea:focus {
  border-color: rgba(0, 109, 255, 0.5);
  box-shadow: 0 0 0 3px rgba(0, 109, 255, 0.11);
}

.c-field--full {
  grid-column: 1 / -1;
}

.c-form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.c-form-actions p {
  max-width: 15rem;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0;
  color: #637793;
  font-size: 0.84rem;
}

.c-form-actions p svg {
  width: 1.15rem;
  height: 1.15rem;
}

.c-form-success {
  margin-bottom: 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(22, 163, 74, 0.18);
  border-radius: 8px;
  color: #145d45;
  background: #f0fdf4;
}

.c-form-success h2 {
  margin: 0;
  font-size: 1rem;
}

.c-form-success p {
  margin: 0.35rem 0 0;
}

.c-form-success ul {
  margin: 0.5rem 0 0;
  padding-left: 1.1rem;
}

.c-form-success--error {
  border-color: rgba(220, 38, 38, 0.2);
  color: #8a1f2d;
  background: #fff1f2;
}

.s-contacto main .c-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  min-height: 3.2rem;
  padding: 0 1.3rem;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 0.92rem;
  font-weight: 900;
  cursor: pointer;
}

.s-contacto main .c-btn svg {
  width: 1.05rem;
  height: 1.05rem;
}

.s-contacto main .c-btn--primary {
  color: #ffffff;
  background: linear-gradient(135deg, #0054e9 0%, #087bff 100%);
  box-shadow: 0 14px 28px rgba(8, 92, 223, 0.28);
}

.c-contact-side {
  display: grid;
  gap: 1.5rem;
}

.c-office-card {
  padding: 1.5rem;
}

.c-office-address {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  margin-top: 1.3rem;
}

.c-office-address > span {
  color: #006dff;
}

.c-office-address svg {
  width: 1.7rem;
  height: 1.7rem;
}

.c-office-address strong {
  display: block;
  color: #17355a;
  font-size: 0.9rem;
}

.c-office-card p,
.c-office-address p {
  margin: 0.4rem 0 0;
  color: #4f6684;
  font-size: 0.88rem;
}

.c-office-card > p {
  margin-top: 1.5rem;
}

.c-map-card {
  position: relative;
  min-height: 12rem;
  margin-top: 1.6rem;
  overflow: hidden;
  border-radius: 8px;
  background:
    linear-gradient(35deg, transparent 0 48%, rgba(196, 211, 224, 0.78) 48.3% 49.4%, transparent 49.7%),
    linear-gradient(145deg, transparent 0 42%, rgba(196, 211, 224, 0.72) 42.3% 43.4%, transparent 43.7%),
    linear-gradient(90deg, transparent 0 32%, rgba(196, 211, 224, 0.58) 32.3% 33.1%, transparent 33.5%),
    linear-gradient(0deg, transparent 0 58%, rgba(196, 211, 224, 0.54) 58.3% 59%, transparent 59.5%),
    radial-gradient(circle at 88% 88%, rgba(20, 217, 255, 0.18), transparent 6rem),
    #edf3f8;
}

.c-map-card::before {
  content: "ESPA\00D1 A";
  position: absolute;
  right: 1.1rem;
  top: 1.6rem;
  color: rgba(31, 52, 79, 0.46);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-align: right;
}

.c-map-card::after {
  content: "M\00C9 XICO";
  position: absolute;
  left: 1.1rem;
  bottom: 1.2rem;
  color: rgba(31, 52, 79, 0.4);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.c-map-pin {
  position: absolute;
  left: 50%;
  top: 48%;
  width: 2.7rem;
  height: 2.7rem;
  display: inline-grid;
  place-items: center;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  color: #ffffff;
  background: #006dff;
  box-shadow: 0 10px 20px rgba(0, 109, 255, 0.32);
}

.c-map-pin svg {
  width: 1.5rem;
  height: 1.5rem;
}

.c-map-label {
  position: absolute;
  left: 50%;
  top: calc(48% + 2.1rem);
  transform: translateX(-50%);
  color: #0f3568;
  font-size: 0.72rem;
  font-weight: 900;
  white-space: nowrap;
}

.c-meeting-card,
.c-contact-final-cta {
  color: #ffffff;
  border: 1px solid rgba(83, 169, 255, 0.24);
  border-radius: 8px;
  background:
    radial-gradient(circle at 12% 16%, rgba(0, 109, 255, 0.46), transparent 12rem),
    linear-gradient(135deg, #041d4f 0%, #020b27 100%);
  box-shadow: 0 0 0 2px rgba(0, 109, 255, 0.74), 0 22px 42px rgba(0, 64, 168, 0.22);
}

.c-meeting-card {
  padding: 2rem;
}

.c-meeting-card__icon,
.c-final-icon {
  width: 3.2rem;
  height: 3.2rem;
  display: inline-grid;
  place-items: center;
  border-radius: 8px;
  color: #7cb9ff;
  background: rgba(0, 109, 255, 0.12);
}

.c-meeting-card svg,
.c-final-icon svg {
  width: 2rem;
  height: 2rem;
}

.c-meeting-card h2 {
  max-width: 12rem;
  margin-top: 2rem;
  color: #ffffff;
}

.c-meeting-card p {
  max-width: 17rem;
  margin: 0.8rem 0 0;
  color: rgba(255, 255, 255, 0.82);
}

.c-meeting-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  width: 100%;
  min-height: 3rem;
  margin-top: 1.6rem;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #0054e9, #087bff);
  font-size: 0.86rem;
  font-weight: 900;
}

.c-meeting-link svg {
  width: 1rem;
  height: 1rem;
}

.c-contact-final-cta {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.4rem;
  align-items: center;
  margin-top: 2.5rem;
  padding: clamp(1.6rem, 3vw, 2.3rem);
}

.c-contact-final-cta h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.45rem, 2.8vw, 2rem);
  line-height: 1.2;
  letter-spacing: -0.03em;
}

.c-contact-final-cta p {
  max-width: 48rem;
  margin: 0.55rem 0 0;
  color: rgba(255, 255, 255, 0.84);
}

.c-contact-final-cta .c-btn {
  justify-self: start;
}

@media (min-width: 700px) {
  .l-contact-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .c-contact-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 980px) {
  .l-contact-shell {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.52fr);
  }
}

@media (min-width: 1120px) {
  .l-contact-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .c-contact-final-cta {
    grid-template-columns: auto 1fr auto;
  }
}

@media (max-width: 640px) {
  .c-form-actions .c-btn,
  .c-contact-final-cta .c-btn {
    width: 100%;
  }

  .c-contact-card,
  .c-contact-form-panel,
  .c-office-card,
  .c-meeting-card {
    padding: 1.2rem;
  }
}

/* Visual coherence pass: align contact hero, form and sidebar with HOME */
body.s-contacto {
  color: #071b46;
}

.s-contacto h1,
.s-contacto h2,
.s-contacto h3 {
  letter-spacing: 0;
}

.s-contacto .c-eyebrow {
  color: #006dff;
  letter-spacing: 0.18em;
}

.s-contacto-hero {
  background:
    linear-gradient(90deg, rgba(2, 10, 29, 0.94) 0%, rgba(2, 12, 34, 0.86) 45%, rgba(2, 12, 34, 0.42) 72%, rgba(2, 12, 34, 0.2) 100%),
    radial-gradient(circle at 18% 35%, rgba(31, 116, 255, 0.28), transparent 22rem),
    radial-gradient(circle at 82% 45%, rgba(20, 217, 255, 0.16), transparent 28rem),
    linear-gradient(135deg, #01081d 0%, #021136 48%, #041646 100%);
}

.s-contacto-hero::after {
  opacity: 0.22;
}

.s-contacto-hero .c-eyebrow {
  color: #8fd4ff;
}

.s-contacto-hero h1 {
  color: #f3f8ff;
  text-shadow: 0 2px 16px rgba(1, 8, 29, 0.88);
}

.s-contacto-hero .c-lead,
.s-contacto-hero .c-hero-points {
  color: #c9dcf8;
}

.s-contacto-hero .c-hero-points svg {
  color: #8fd4ff;
}

.s-contacto .c-contact-card,
.s-contacto .c-contact-form-panel,
.s-contacto .c-office-card,
.s-contacto .c-map-card,
.s-contacto .c-meeting-card,
.s-contacto .c-contact-final-cta,
.s-contacto .c-field input,
.s-contacto .c-field textarea,
.s-contacto .c-form-success,
.s-contacto .c-meeting-card__icon,
.s-contacto .c-final-icon {
  border-radius: 8px;
}

.s-contacto .c-contact-card,
.s-contacto .c-contact-form-panel,
.s-contacto .c-office-card {
  border-color: rgba(20, 81, 142, 0.13);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(247, 251, 255, 0.9));
  box-shadow: 0 18px 38px rgba(32, 82, 145, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.s-contacto .c-contact-card > span,
.s-contacto .c-map-pin {
  color: #ffffff;
  background: linear-gradient(135deg, #0054e9, #087bff);
}

.s-contacto .c-btn--primary,
.s-contacto .c-meeting-link {
  color: #ffffff;
  background: linear-gradient(135deg, #0054e9 0%, #087bff 100%);
  box-shadow: 0 12px 24px rgba(8, 92, 223, 0.34);
}

.s-contacto .c-meeting-card,
.s-contacto .c-contact-final-cta {
  border-color: rgba(83, 169, 255, 0.24);
  background:
    radial-gradient(circle at 12% 50%, rgba(0, 109, 255, 0.44), transparent 12rem),
    linear-gradient(135deg, #05255d 0%, #031c42 100%);
  box-shadow: 0 22px 48px rgba(0, 64, 168, 0.22), 0 0 38px rgba(0, 109, 255, 0.24);
}

.s-contacto .c-field input:focus,
.s-contacto .c-field textarea:focus {
  border-color: rgba(0, 109, 255, 0.5);
  box-shadow: 0 0 0 3px rgba(0, 109, 255, 0.11);
}

/* Restore internal banner to the previous light treatment. */
.s-contacto-hero {
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.94) 0%, rgba(237, 246, 255, 0.84) 100%),
    radial-gradient(circle at 82% 24%, rgba(0, 109, 255, 0.13), transparent 22rem);
}

.s-contacto-hero::after {
  opacity: 0.62;
}

.s-contacto-hero .c-eyebrow {
  color: #006dff;
  letter-spacing: 0.14em;
}

.s-contacto-hero h1 {
  color: #071b46;
  letter-spacing: -0.04em;
  text-shadow: none;
}

.s-contacto-hero .c-lead,
.s-contacto-hero .c-hero-points {
  color: #425b79;
}

.s-contacto-hero .c-hero-points {
  color: #16365c;
}

.s-contacto-hero .c-hero-points svg {
  color: #006dff;
}

/* Mobile QA: keep form, map and final CTA readable at 360-430px. */
.s-contacto h1,
.s-contacto h2,
.s-contacto h3 {
  overflow-wrap: anywhere;
  hyphens: auto;
}

@media (max-width: 640px) {
  .s-contacto-hero {
    padding: 3.6rem 0 2.6rem;
  }

  .s-contacto-hero h1 {
    max-width: 18ch;
    font-size: clamp(1.85rem, 9vw, 2.35rem);
    line-height: 1.16;
    letter-spacing: 0;
  }

  .s-contacto-hero .c-lead {
    font-size: 1rem;
    line-height: 1.6;
  }

  .s-contacto-hero .c-hero-points {
    display: grid;
    gap: 0.8rem;
  }

  .c-form-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .c-form-actions p {
    max-width: none;
  }

  .c-map-label {
    max-width: min(82%, 13rem);
    white-space: normal;
    text-align: center;
    line-height: 1.22;
  }

  .c-contact-final-cta {
    grid-template-columns: 1fr;
    padding: 1.35rem;
  }

  .c-contact-final-cta .c-btn {
    width: 100%;
    justify-self: stretch;
    white-space: normal;
    line-height: 1.25;
    text-align: center;
  }
}

/* Final type normalization against the HOME scale. */
.s-contacto-hero .c-eyebrow {
  margin: 0 0 1.25rem;
  color: #005fcf;
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.18em;
}

.s-contacto-hero h1 {
  max-width: 18ch;
  font-size: clamp(2.15rem, 4.1vw, 3.45rem);
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: 0;
}

.s-contacto-hero .c-lead {
  color: #253a5d;
  font-size: 1.06rem;
  line-height: 1.65;
}

@media (max-width: 640px) {
  .s-contacto-hero .c-eyebrow {
    font-size: 0.72rem;
    letter-spacing: 0.14em;
  }

  .s-contacto-hero h1 {
    max-width: 18ch;
    font-size: clamp(1.85rem, 9vw, 2.35rem);
  }

  .s-contacto-hero .c-lead {
    font-size: 1rem;
    line-height: 1.6;
  }
}

/* Page harmony pass: match Sobre nosotros hero, icon and type scale. */
.s-contacto-hero {
  min-height: clamp(32rem, 62vh, 43rem);
  display: grid;
  align-items: center;
  padding: clamp(5.5rem, 8vw, 7.6rem) 0 clamp(5rem, 8vw, 6.8rem);
  background:
    linear-gradient(90deg, rgba(248, 251, 255, 0.99) 0%, rgba(248, 251, 255, 0.95) 39%, rgba(248, 251, 255, 0.48) 66%, rgba(248, 251, 255, 0.08) 100%),
    url("/assets/img/contacto-hero-meeting-light-v1.png") center / cover no-repeat,
    linear-gradient(112deg, #f8fbff 0%, #edf7ff 52%, #dff2ff 100%);
}

.s-contacto-hero::after {
  inset: auto 0 0;
  width: auto;
  height: 7.8rem;
  opacity: 1;
  background:
    radial-gradient(ellipse at 18% 100%, rgba(0, 109, 255, 0.18), transparent 28rem),
    linear-gradient(180deg, transparent, rgba(248, 251, 255, 0.98));
}

body.s-contacto .s-contacto-hero h1 {
  max-width: 32ch;
  color: #071b46;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.33;
  letter-spacing: 0;
  text-shadow: none;
}

body.s-contacto .s-contacto-hero .c-lead {
  max-width: 50rem;
  margin-top: 1rem;
  color: #253a5d;
  font-size: 1.1rem;
  line-height: 1.65;
}

body.s-contacto .c-hero-points {
  margin-top: 1.6rem;
  font-size: 0.88rem;
  line-height: 1.45;
}

body.s-contacto .c-hero-points .c-ui-icon,
body.s-contacto .c-form-actions p .c-ui-icon,
body.s-contacto main .c-btn .c-ui-icon,
body.s-contacto .c-meeting-link .c-ui-icon {
  width: 1.05rem;
  height: 1.05rem;
  object-fit: contain;
}

body.s-contacto .c-contact-card {
  align-items: start;
  gap: 1rem;
}

body.s-contacto .c-contact-card > span,
body.s-contacto .c-meeting-card__icon,
body.s-contacto .c-final-icon,
body.s-contacto .c-map-pin {
  width: 3.05rem;
  height: 3.05rem;
  border-radius: 999px;
  color: #006dff;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.96), rgba(236, 246, 255, 0.78)),
    radial-gradient(circle at 72% 24%, rgba(20, 217, 255, 0.16), transparent 60%);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.9),
    0 12px 24px rgba(0, 109, 255, 0.12),
    0 0 28px rgba(0, 109, 255, 0.18);
}

body.s-contacto .c-contact-card .c-ui-icon,
body.s-contacto .c-office-address .c-ui-icon,
body.s-contacto .c-map-pin .c-ui-icon,
body.s-contacto .c-meeting-card__icon .c-ui-icon,
body.s-contacto .c-final-icon .c-ui-icon {
  width: 1.4rem;
  height: 1.4rem;
  object-fit: contain;
}

body.s-contacto .c-contact-card h2,
body.s-contacto .c-form-heading h2,
body.s-contacto .c-office-card h2,
body.s-contacto .c-meeting-card h2 {
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0;
}

body.s-contacto .c-contact-card a,
body.s-contacto .c-contact-card p,
body.s-contacto .c-form-heading p,
body.s-contacto .c-office-card p,
body.s-contacto .c-office-address p,
body.s-contacto .c-meeting-card p,
body.s-contacto .c-contact-final-cta p {
  font-size: 0.92rem;
  line-height: 1.62;
}

body.s-contacto .c-contact-final-cta h2 {
  font-size: clamp(1.55rem, 2.45vw, 2.05rem);
  font-weight: 900;
  line-height: 1.16;
}

@media (max-width: 640px) {
  .s-contacto-hero {
    min-height: auto;
    padding: 4.8rem 0 5.2rem;
    background:
      linear-gradient(180deg, rgba(248, 251, 255, 0.99) 0%, rgba(248, 251, 255, 0.9) 56%, rgba(248, 251, 255, 0.46) 100%),
      url("/assets/img/contacto-hero-meeting-light-v1.png") 66% center / cover no-repeat,
      linear-gradient(112deg, #f8fbff 0%, #edf7ff 52%, #dff2ff 100%);
  }

  body.s-contacto .s-contacto-hero h1 {
    max-width: 19ch;
    font-size: clamp(1.7rem, 9vw, 2.2rem);
  }

  body.s-contacto .s-contacto-hero .c-lead {
    font-size: 1rem;
  }
}

/* Review pass: final contact CTA uses the same centered composition as the other CTAs. */
body.s-contacto .c-contact-final-cta {
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
}

body.s-contacto .c-contact-final-cta > div {
  max-width: 48rem;
  text-align: center;
}

body.s-contacto .c-contact-final-cta h2 {
  margin-inline: auto;
  text-align: center;
}

body.s-contacto .c-contact-final-cta p {
  margin-inline: auto;
}

body.s-contacto .c-contact-final-cta .c-btn {
  justify-self: center;
}

body.s-contacto .s-contacto-hero .c-eyebrow {
  position: relative;
  padding-right: 3.9rem;
}

body.s-contacto .s-contacto-hero .c-eyebrow::before,
body.s-contacto .s-contacto-hero .c-eyebrow::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

body.s-contacto .s-contacto-hero .c-eyebrow::before {
  right: 3.32rem;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: #19d8ff;
  box-shadow: 0 0 13px rgba(25, 216, 255, 0.78);
}

body.s-contacto .s-contacto-hero .c-eyebrow::after {
  right: 0;
  width: 3rem;
  height: 1px;
  background: linear-gradient(90deg, rgba(25, 216, 255, 0.92), rgba(25, 216, 255, 0));
}