html[data-pagina="contacto"] .ct-cab { position: relative; min-height: clamp(520px, 64svh, 680px); }
.ct-cab__foto { position: absolute; inset: 0; z-index: 0; margin: 0; background: var(--superficie-oscura); }
.ct-cab__foto picture { position: absolute; inset: 0; }
.ct-cab__foto img { width: 100%; height: 100%; object-fit: cover; object-position: 28% 55%; }
.ct-cab__foto::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(270deg,
      color-mix(in srgb, var(--fondo-oscuro) 92%, transparent) 0%,
      color-mix(in srgb, var(--fondo-oscuro) 82%, transparent) 40%,
      color-mix(in srgb, var(--fondo-oscuro) 30%, transparent) 62%,
      transparent 78%),
    linear-gradient(180deg, color-mix(in srgb, var(--fondo-oscuro) 70%, transparent) 0, transparent 24%);
  pointer-events: none;
}
html[data-pagina="contacto"] .ct-cab .eyebrow,
html[data-pagina="contacto"] .ct-cab h1,
html[data-pagina="contacto"] .ct-cab .lead { grid-column: 4 / 7; padding-left: var(--calle); }
html[data-pagina="contacto"] .ct-cab h1 { font-size: var(--fs-h1); }
@media (min-width: 821px) { html[data-pagina="contacto"] .ct-cab h1 { font-size: clamp(3.5rem, 1.5rem + 2.5vw, 4.6875rem); } }
html[data-pagina="contacto"] .ct-cab .lead { max-width: 24em; }
@media (min-width: 821px) and (max-width: 1100px) {
  html[data-pagina="contacto"] .ct-cab .eyebrow,
  html[data-pagina="contacto"] .ct-cab h1,
  html[data-pagina="contacto"] .ct-cab .lead { grid-column: 3 / 7; }
}
@media (max-width: 820px) {
  html[data-pagina="contacto"] .ct-cab { display: flex; flex-direction: column; min-height: 0; }
  html[data-pagina="contacto"] .ct-cab .contenedor { order: 1; }
  html[data-pagina="contacto"] .ct-cab .seccion__int { padding-bottom: 32px; }
  .ct-cab__foto { position: relative; inset: auto; order: 2; aspect-ratio: 3 / 2; }
  .ct-cab__foto img { object-position: 30% 50%; }
  .ct-cab__foto::after { background: linear-gradient(180deg, var(--fondo-oscuro) 0, transparent 26%); }
  html[data-pagina="contacto"] .ct-cab .eyebrow,
  html[data-pagina="contacto"] .ct-cab h1,
  html[data-pagina="contacto"] .ct-cab .lead { grid-column: 1; padding-left: 0; }
}

html[data-pagina="contacto"] .ct-escribir .seccion__int { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: var(--calle); align-items: start; }
.ct-form { grid-column: 1 / 5; }
.ct-otros { grid-column: 5 / 7; padding-top: 32px; padding-left: var(--calle); }
.ct-wa__titulo { font-size: var(--fs-h3); }
html[data-pagina="contacto"] .ct-wa p { margin-top: 16px; max-width: 28ch; }
.ct-wa .btn { margin-top: 24px; }
html[data-pagina="contacto"] .ct-correo { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--linea); max-width: none; overflow-wrap: anywhere; }
@media (max-width: 820px) {
  html[data-pagina="contacto"] .ct-escribir .seccion__int { grid-template-columns: minmax(0, 1fr); }
  .ct-form, .ct-otros { grid-column: 1; }
  .ct-otros { margin-top: 48px; padding-top: 0; padding-left: 0; }
}