/* =========================================================================
   URRETA — Sé Parte
   Artboard 1980 x 5049 px  →  123.75rem x 315.5625rem
   ========================================================================= */

.sp-titulo {
  position: absolute;
  top: 17.5625rem;                   /* 281 */
  left: 15.6088rem;                  /* 249.74 */
  width: 34.5rem;                    /* 552 */
  height: 12rem;                     /* 192 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 6rem;                   /* 96 */
  font-weight: 200;
  line-height: 7.25rem;              /* 116 */
  color: var(--c-primary);
}

.sp-intro {
  position: absolute;
  top: 32.6969rem;                   /* 523.15 */
  left: 15.6088rem;
  width: 36.2338rem;                 /* 579.74 */
  height: 17.8463rem;                /* 285.539 */
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2.5rem;               /* 40 */
  color: var(--c-primary);
}

.sp-cta {
  position: absolute;
  top: 53.6875rem;                   /* 859 */
  left: 15.5931rem;                  /* 249.49 */
  width: 24.9375rem;                 /* 399 */
  height: 5.2558rem;                 /* 84.093 */
  background-image: linear-gradient(
    47.64deg,
    rgb(225, 73, 110)  21.560%,
    rgb(252, 104, 156) 40.442%,
    rgb(200, 54, 150)  61.297%,
    rgb(200, 54, 150)  76.581%,
    rgb(239, 62, 177)  93.953%
  );
}

.sp-hero {
  position: absolute;
  top: 14.3872rem;                   /* 230.195 */
  left: 64.7963rem;                  /* 1036.74 */
  width: 52.6796rem;                 /* 842.873 */
  height: 47.7146rem;                /* 763.433 */
  max-width: none;
}

/* ============================ TARJETA / FORMULARIO ===================== */

.sp-card {
  position: absolute;
  top: 67.2394rem;                   /* 1075.83 */
  left: 6.2338rem;                   /* 99.74 */
  width: 111.25rem;                  /* 1780 */
  height: 57.0403rem;                /* 912.645 */
}
.sp-card img { width: 100%; height: 100%; }

.sp-nota {
  position: absolute;
  top: 91.4775rem;                   /* 1463.64 */
  left: 15.6088rem;
  width: 36.2338rem;
  height: 9.3556rem;                 /* 149.692 */
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2.5rem;
  color: var(--c-primary);
}

.sp-foto {
  position: absolute;
  width: 11.3568rem;                 /* 181.708 */
  height: 11.337rem;                 /* 181.392 */
  border-radius: 1.4058rem;          /* 22.492 */
  box-shadow: 0 1.2652rem 2.8116rem rgba(143, 70, 100, 0.35);
  background: #951F99;
  overflow: hidden;
}
.sp-foto img { position: absolute; max-width: none; }
.sp-foto--1 { top: 74.4663rem; left: 14.9426rem; }    /* 1191.46 / 239.08 */
.sp-foto--1 img { left: -0.75%;  top: -6.46%;  width: 160.27%; height: 128.56%; }
.sp-foto--2 { top: 105.652rem; left: 40.5306rem; }    /* 1690.43 / 648.49 */
.sp-foto--2 img { left: -48.12%; top: -21.21%; width: 196.23%; height: 299.45%; }

.sp-form {
  position: absolute;
  top: 79.0725rem;                   /* 1265.156 */
  left: 67.1713rem;                  /* 1074.74 */
  width: 40.9536rem;                 /* 655.257 */
  height: 37.125rem;                 /* 594 */
}

.sp-campo {
  position: absolute;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.9375rem;                    /* 15 */
}
/* Cinco campos con el mismo paso de 110 px: se sumó "Link de Drive a tu
   CV" en el cuarto lugar y el mensaje bajó al quinto. */
.sp-campo--1 { top: 0; }
.sp-campo--2 { top: 6.875rem; }      /* 110 */
.sp-campo--3 { top: 13.75rem; }      /* 220 */
.sp-campo--4 { top: 20.625rem; }     /* 330 */
.sp-campo--5 { top: 27.5rem; }       /* 440 */

.sp-campo input,
.sp-campo textarea {
  width: 100%;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2.8116rem;            /* 44.985 */
  color: #4C4C4C;
  outline: none;
  resize: none;
}
.sp-campo input::placeholder,
.sp-campo textarea::placeholder { color: rgba(76, 76, 76, 0.3); }
.sp-campo__linea {
  width: 35.6993rem;                 /* 571.188 */
  height: var(--linea-2);
  background: var(--c-primary);
  flex: none;
}
.sp-campo--5 { gap: 6.75rem; }       /* 108 */
.sp-campo--5 .sp-campo__linea { width: 35.5863rem; }  /* 569.381 */

.sp-form__botones { position: absolute; top: 40.0625rem; left: 0; }  /* 641 */
.sp-form__botones .btn-cta {
  position: absolute;
  top: 0;
  left: 0;
  width: 16.75rem;                   /* 268 */
  background-image: linear-gradient(
    50.73deg,
    rgb(225, 73, 110)  21.560%,
    rgb(252, 104, 156) 40.442%,
    rgb(200, 54, 150)  61.297%,
    rgb(200, 54, 150)  76.581%,
    rgb(239, 62, 177)  93.953%
  );
}

/* ============================== BANDA ================================== */

.sp-banda {
  position: absolute;
  top: 130.9525rem;                  /* 2095.245 */
  left: 6.2338rem;                   /* 99.74 */
  width: 111.25rem;                  /* 1780 */
  height: 24.7064rem;                /* 395.302 */
  transform: scaleX(-1);
}
.sp-banda img { width: 100%; height: 100%; }

.sp-banda__texto {
  position: absolute;
  top: 143.3063rem;                  /* 2292.9 (centro) */
  left: 21.0638rem;                  /* 337.02 */
  width: 81.5899rem;                 /* 1305.439 */
  height: 6.8934rem;                 /* 110.294 */
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 4rem;
  font-weight: 200;
  line-height: normal;
  text-align: center;
  color: var(--c-primary);
}