/* =========================================
CTA INTRIGA · TREZE (FINAL BIEN HECHO)
========================================= */

.c-cta-intriga{
  position: relative;
  width: 100%;
  min-height: 520px;

  display: flex;
  align-items: center;

  overflow: hidden;

  background: linear-gradient(90deg, #0A052D 0%, #141B4D 100%);
}


/* =========================
IMAGEN DESDE ACF
========================= */

.c-cta-intriga::before{
  content:"";
  position:absolute;
  inset:0;

  background-image: var(--bg);
  background-repeat:no-repeat;
  background-position:left center;
  background-size:cover;

  opacity:.85;
  z-index:0;
}


/* =========================
OVERLAY
========================= */

.c-cta-intriga::after{
  content:"";
  position:absolute;
  inset:0;

  background: linear-gradient(
	90deg,
	rgba(10,5,45,.35) 0%,
	rgba(10,5,45,.65) 45%,
	rgba(10,5,45,.9) 100%
  );

  z-index:1;
}


/* =========================
INNER (A LA DERECHA)
========================= */

.c-cta-intriga__inner{
  position: relative;
  z-index: 2;

  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
  padding-inline: clamp(20px, 4vw, 32px);

  display: flex;
  justify-content: flex-end; /* 👈 CLAVE */
}


/* =========================
CONTENIDO (CAJA)
========================= */

.c-cta-intriga__inner > *{
  max-width: 720px;
}

.c-cta-intriga__inner{
  gap: 18px;
}

.c-cta-intriga__inner{
  flex-direction: column;
  align-items: flex-end;
}


/* =========================
TEXTO CENTRADO (PERO EN SU BLOQUE)
========================= */

.c-cta-intriga__title,
.c-cta-intriga__subtitle{
  text-align: center;
}


/* =========================
TITLE
========================= */

.c-cta-intriga__title{
  margin: 0;

  color: #C98028;
  font-family: "Lexend Deca", sans-serif;
  font-size: clamp(32px, 4vw, 56px);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.02em;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


/* =========================
SUBTITLE
========================= */

.c-cta-intriga__subtitle{
  margin: 0;

  color: #fff;
  font-family: "Lexend Deca", sans-serif;
  font-size: clamp(16px, 1.4vw, 24px);
  font-weight: 600;
  line-height: 1.5;

  opacity: .9;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
}


/* =========================================
TABLET
========================================= */

@media (max-width:900px){

  .c-cta-intriga{
	min-height:420px;
  }

  .c-cta-intriga__inner{
	padding-inline:40px;
  }

}


/* =========================================
MOBILE (CENTRADO REAL)
========================================= */

@media (max-width:640px){

  .c-cta-intriga{
	min-height:380px;
  }

  .c-cta-intriga::before{
	background-position:center;
	opacity:.5;
  }

  .c-cta-intriga::after{
	background:rgba(10,5,45,.85);
  }

  /* 👇 AQUÍ CAMBIA TODO */
  .c-cta-intriga__inner{
	justify-content:center;
	align-items:center; /* 👈 ya no derecha */
	text-align:center;
  }

  .c-cta-intriga__title{
	font-size:28px;
  }

  .c-cta-intriga__subtitle{
	font-size:16px;
  }

}