/* =========================================================================
   URRETA — Cotizador
   Artboard 1980 x 6417 px  →  123.75rem x 401.0625rem
   ========================================================================= */

/* ================================ HERO ================================= */

.co-hero,
.co-hero__velo {
  position: absolute;
  top: 6.9375rem;                    /* 111 */
  left: -0.0625rem;                  /* -1 */
  width: 123.8431rem;                /* 1981.49 */
  height: 72.6668rem;                /* 1162.668 */
}
.co-hero {
  object-fit: cover;
  object-position: bottom;
  transform: scaleX(-1);
}
.co-hero__velo { background: rgba(76, 76, 76, 0.7); }

.co-hero__texto {
  position: absolute;
  top: 26.2396rem;                   /* 419.834 */
  left: 15.6411rem;                  /* 250.257 */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5rem;                         /* 80 */
  width: 42.375rem;                  /* 678 */
  color: var(--c-cream);
}
.co-hero__titulo {
  width: 100%;
  height: 21.9375rem;                /* 351 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 6rem;                   /* 96 */
  font-weight: 200;
  line-height: 7.25rem;              /* 116 */
}
.co-hero__bajada {
  width: 35.875rem;                  /* 574 */
  height: 7.125rem;                  /* 114 */
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2.5rem;               /* 40 */
}

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

.co-card {
  position: absolute;
  top: 86.25rem;                     /* 1380 */
  left: 6.1689rem;                   /* 98.702 */
  width: 111.3472rem;                /* 1781.555 */
  height: 54.9874rem;                /* 879.798 */
}
.co-card img { width: 100%; height: 100%; }

.co-card__foto {
  position: absolute;
  top: 94.25rem;                     /* 1508 */
  left: 62.5156rem;                  /* 1000.26 */
  width: 45.625rem;                  /* 730 */
  height: 41.7146rem;                /* 667.433 */
  max-width: none;
}

.co-card__titulo {
  position: absolute;
  top: 101.2188rem;                  /* 1619.5 (centro) */
  left: 15.6411rem;                  /* 250.26 */
  width: 37.4375rem;                 /* 599 */
  height: 13.9375rem;                /* 223 */
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 4rem;
  font-weight: 200;
  line-height: normal;
  color: var(--c-primary);
}

.co-card__texto {
  position: absolute;
  top: 121rem;                       /* 1936 */
  left: 15.5786rem;                  /* 249.26 */
  width: 34.5rem;                    /* 552 */
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2.5rem;
  color: var(--c-primary);
}

/* El diseno trae un solo boton. Como hay dos cotizadores, la posicion del
   artboard pasa al contenedor y los botones se alinean dentro; con uno solo
   el resultado es identico al maquetado. */
.co-card__ctas {
  position: absolute;
  top: 132rem;                       /* 2112 */
  left: 15.5786rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;                       /* 24 */
}

/* Marca de la alianza con Amazon. Va en la franja libre que queda entre la
   columna de texto (acaba en 50.08rem) y la fotografia (empieza en 62.52),
   centrada sobre la fila de botones. No estaba en el diseno: sin imagen no se
   dibuja nada y la tarjeta queda exactamente igual. */
.co-card__alianza {
  position: absolute;
  top: 128.8125rem;                  /* centrada sobre la fila de botones */
  left: 50.75rem;                    /* 812 */
  width: 10.5rem;                    /* 168 */
  height: 10.5rem;
}
.co-card__alianza img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.co-card__cta {
  min-width: 15.3125rem;             /* 245 */
  background-image: linear-gradient(
    53.23deg,
    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%
  );
}

/* ============================ BLOQUE CENTRAL =========================== */

.co-claim {
  position: absolute;
  top: 180.625rem;                   /* 2890 */
  left: 15.6411rem;                  /* 250.257 */
  width: 70.6875rem;                 /* 1131 */
  height: 20.6875rem;                /* 331 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 4rem;
  font-weight: 200;
  line-height: normal;
  color: var(--c-primary);
}

.co-foto {
  position: absolute;
  border-radius: 1.4058rem;          /* 22.492 */
  box-shadow: 0 1.2652rem 2.8116rem rgba(143, 70, 100, 0.35);
  background: #951F99;
  overflow: hidden;
}
.co-foto img { position: absolute; max-width: none; }

.co-foto--a {                        /* Rectangle 42 */
  top: 167.4375rem; left: 100.0161rem;              /* 2679 / 1600.257 */
  width: 17.0405rem; height: 17.0108rem;
}
.co-foto--a img { left: -217.55%; top: -68.22%; width: 620.38%; height: 400.22%; }

.co-foto--b {                        /* Rectangle 40 */
  top: 215.25rem; left: 57.9536rem;                 /* 3444 / 927.257 */
  width: 17.1149rem; height: 17.085rem;
}
.co-foto--b img { left: -26.65%; top: 0; width: 153.30%; height: 100%; }

.co-foto--c {                        /* Rectangle 43 */
  top: 152.375rem; left: 29.3286rem;                /* 2438 / 469.257 */
  width: 17.1149rem; height: 17.085rem;
}
.co-foto--c img { left: -57.67%; top: -27.47%; width: 233.61%; height: 163.66%; }