:root {
  --ss-v653-rose-dark: #8F3652;
  --ss-v653-rose: #A14E70;
  --ss-v653-gold: #D8B36C;
  --ss-v653-copy: #4B3E42;
  --ss-v653-glass: rgba(255, 248, 245, .46);
  --ss-v653-card: rgba(255, 248, 245, .66);
  --ss-v653-border: rgba(143, 54, 82, .12);
  --ss-v653-shadow: 0 16px 40px rgba(70, 37, 48, .09);
}

.skyskin-contacto-v653,
.skyskin-contacto-v653 * {
  box-sizing: border-box;
}

.skyskin-contacto-v653 {
  width: 100%;
  color: var(--ss-v653-copy);
}

.skyskin-contacto-v653-hero {
  position: relative;
  width: 100%;
  min-height: clamp(590px, 78svh, 840px);
  display: flex;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
  background-image:
    linear-gradient(90deg,
      rgba(255,248,245,.94) 0%,
      rgba(255,248,245,.87) 27%,
      rgba(255,248,245,.60) 46%,
      rgba(255,248,245,.19) 68%,
      rgba(255,248,245,.05) 100%
    ),
    var(--skyskin-contacto-v653-hero);
  background-size: cover;
  background-position: center center;
}

.skyskin-contacto-v653-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(143,54,82,.02), rgba(143,54,82,.12));
}

.skyskin-contacto-v653-hero-inner {
  width: min(1180px, calc(100% - 72px));
  margin: 0 auto;
  padding: 72px 0;
}

.skyskin-contacto-v653-eyebrow {
  margin: 0 0 16px;
  color: var(--ss-v653-rose-dark);
  font-size: .86rem;
  line-height: 1.2;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 700;
}

.skyskin-contacto-v653-hero h1 {
  max-width: 780px;
  margin: 0 0 24px;
  color: var(--ss-v653-rose-dark);
  font-size: clamp(3.15rem, 6vw, 6.4rem);
  line-height: .97;
  letter-spacing: -.04em;
}

.skyskin-contacto-v653-hero-copy {
  max-width: 720px;
  margin: 0 0 30px;
  color: var(--ss-v653-copy);
  font-size: clamp(1.08rem, 1.7vw, 1.48rem);
  line-height: 1.56;
}

.skyskin-contacto-v653-main {
  width: min(calc(100% - 56px), 1180px);
  margin: 64px auto;
  display: grid;
  grid-template-columns: minmax(320px, .85fr) minmax(0, 1.15fr);
  gap: 30px;
  align-items: stretch;
}

.skyskin-contacto-v653-panel {
  padding: 32px;
  border-radius: 28px;
  background: var(--ss-v653-glass);
  border: 1px solid var(--ss-v653-border);
  box-shadow: var(--ss-v653-shadow);
  backdrop-filter: blur(8px) saturate(106%);
  -webkit-backdrop-filter: blur(8px) saturate(106%);
}

.skyskin-contacto-v653-title {
  margin: 0 0 22px;
  color: var(--ss-v653-rose-dark);
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.04;
}

.skyskin-contacto-v653-intro {
  margin: -6px 0 22px;
  line-height: 1.65;
}

.skyskin-contacto-v653-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.skyskin-contacto-v653-card {
  min-width: 0;
  padding: 17px 18px;
  border-radius: 18px;
  background: var(--ss-v653-card);
  border: 1px solid rgba(143,54,82,.09);
  box-shadow: 0 8px 22px rgba(70,37,48,.05);
  overflow-wrap: anywhere;
}

.skyskin-contacto-v653-card strong {
  display: block;
  margin-bottom: 6px;
  color: var(--ss-v653-rose-dark);
  font-size: .74rem;
  line-height: 1.2;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.skyskin-contacto-v653-card a {
  color: var(--ss-v653-copy);
  text-decoration: none;
  border-bottom: 1px solid rgba(216,179,108,.62);
}

.skyskin-contacto-v653-note {
  margin: 16px 0 18px;
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px solid rgba(216,179,108,.25);
  background: rgba(255,249,240,.56);
  font-size: .87rem;
  line-height: 1.55;
}

.skyskin-contacto-v653-note strong {
  color: var(--ss-v653-rose-dark);
}

.skyskin-contacto-v653-full-button {
  width: 100%;
}

.skyskin-contacto-v653-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.skyskin-contacto-v653-form label {
  display: grid;
  gap: 7px;
  color: var(--ss-v653-rose-dark);
  font-size: .9rem;
  font-weight: 700;
}

.skyskin-contacto-v653-form input,
.skyskin-contacto-v653-form select,
.skyskin-contacto-v653-form textarea {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid rgba(143,54,82,.16);
  border-radius: 12px;
  background: rgba(255,255,255,.78);
  color: var(--ss-v653-copy);
  font: inherit;
  font-weight: 400;
  outline: none;
}

.skyskin-contacto-v653-form textarea {
  min-height: 142px;
  resize: vertical;
}

.skyskin-contacto-v653-form-full {
  grid-column: 1 / -1;
}

.skyskin-contacto-v653-check {
  display: flex !important;
  flex-direction: row;
  align-items: flex-start;
  gap: 9px !important;
  color: var(--ss-v653-copy) !important;
  font-size: .88rem !important;
  font-weight: 400 !important;
}

.skyskin-contacto-v653-check input {
  width: 18px;
  min-height: 18px;
  height: 18px;
  margin-top: 2px;
}

.skyskin-contacto-v653-honeypot {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.skyskin-contacto-v653-submit {
  width: 100%;
}

.skyskin-contacto-v653-alert {
  margin: 0 0 22px;
  padding: 20px 22px;
  border-radius: 18px;
  border: 1px solid rgba(143,54,82,.13);
  background: rgba(255,248,245,.78);
  box-shadow: 0 12px 28px rgba(70,37,48,.07);
}

.skyskin-contacto-v653-alert h3 {
  margin: 0 0 6px;
  color: var(--ss-v653-rose-dark);
}

.skyskin-contacto-v653-cta {
  margin-bottom: 72px;
}

@media (max-width: 1024px) {
  .skyskin-contacto-v653-main {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .skyskin-contacto-v653-hero {
    min-height: 690px;
    background-position: 68% center;
  }

  .skyskin-contacto-v653-hero-inner {
    width: calc(100% - 32px);
    padding: 64px 0;
  }

  .skyskin-contacto-v653-hero h1 {
    font-size: clamp(2.6rem, 11.5vw, 4.15rem);
  }

  .skyskin-contacto-v653-main {
    width: calc(100% - 22px);
  }

  .skyskin-contacto-v653-panel {
    padding: 22px;
    border-radius: 22px;
  }

  .skyskin-contacto-v653-grid,
  .skyskin-contacto-v653-form-grid {
    grid-template-columns: 1fr;
  }
}