/* ============================= */
/* BASE */
/* ============================= */

.c-center-cta{
  padding: clamp(80px, 10vh, 120px) 0;
}

.page-id-125 .c-center-cta{
  padding: 0 0 clamp(80px, 10vh, 120px);
}

/* Contenedor centrado */
.c-center-cta__container{
  width: min(1000px, calc(100% - 48px));
  margin: 0 auto;
  text-align: center;
}


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

.c-center-cta__title{
  margin: 0;
  color: #0A052D;
  font-family: "Lexend Deca", sans-serif;
  font-size: clamp(2.4rem, 4vw, 56px);
  font-weight: 600;
  line-height: 1.1;
}


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

.c-center-cta__subtitle{
  margin-top: 12px;
  color: #291F46;
  font-family: "Lexend Deca", sans-serif;
  font-size: 24px;
  font-weight: 600;
}


/* ============================= */
/* TEXT */
/* ============================= */

.c-center-cta__text{
  margin-top: 18px;
  color: #291F46;
  font-family: "Lexend Deca";
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}


/* ============================= */
/* CTA BOX */
/* ============================= */

/* Bloque principal */
.c-center-cta__box{
  position: relative;

  margin: 40px auto 0;

  max-width: 1164px; /* controla el ancho REAL */

  padding: 32px 40px 32px 60px;

  border-radius: 18px;
  background: #C98028;
  color: #fff;

  display: flex;
  flex-direction: column;
  justify-content: center;

  text-align: left;

  opacity: 0;
  transform: translateX(-60px);
  transition: all .7s cubic-bezier(.16,1,.3,1);
}

/* Estado visible */
.c-center-cta__box.is-visible{
  opacity: 1;
  transform: translateX(0);
}


/* ============================= */
/* BARRA IZQUIERDA */
/* ============================= */

.c-center-cta__box::before{
  content: "";
  position: absolute;

  left: 28px;
  top: 50%;
  transform: translateY(-50%);

  width: 4px;
  height: 60%;

  background: #2B1E5A;
  border-radius: 2px;
}


/* ============================= */
/* TEXTO INTERNO */
/* ============================= */

.c-center-cta__box-title{
  margin: 0;
  font-size: 24px;
  font-family: "Lexend Deca", sans-serif;
  font-weight: 600;
  line-height: 1.3;
}

.c-center-cta__box-text{
  margin: 6px 0 0;
  font-size: 18px;
  font-family: "Lexend Deca", sans-serif;
  font-weight: 400;
  line-height: 1.5;

  max-width: 900px;
}


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

@media (max-width: 991px){

  /* Contenedor más estrecho */
  .c-center-cta__container{
	width: calc(100% - 40px);
  }

  /* Escalado tipográfico */
  .c-center-cta__title{
	font-size: clamp(2rem, 5vw, 42px);
  }

  .c-center-cta__subtitle{
	font-size: 20px;
  }

  .c-center-cta__text{
	font-size: 16px;
  }

  /* Ajuste del bloque */
  .c-center-cta__box{
	padding: 28px 28px 28px 52px;
  }

  .c-center-cta__box-title{
	font-size: 20px;
  }

  .c-center-cta__box-text{
	font-size: 16px;
  }

}


/* ============================= */
/* MOBILE */
/* ============================= */

@media (max-width: 640px){

  .c-center-cta{
	padding: 64px 0;
  }

  .c-center-cta__container{
	width: calc(100% - 32px);
  }

  /* Tipografía adaptada */
  .c-center-cta__title{
	font-size: clamp(1.8rem, 8vw, 32px);
  }

  .c-center-cta__subtitle{
	font-size: 18px;
  }

  .c-center-cta__text{
	font-size: 15px;
  }

  /* Bloque CTA */
  .c-center-cta__box{
	  margin-left: 0;
	  margin-right: 0;
  
	  padding: 20px 18px 20px 38px;
	  border-radius: 14px;
  }

  /* Barra adaptada */
  .c-center-cta__box::before{
	left: 14px;
	width: 3px;
	height: 45%;
  }

  /* Texto */
  .c-center-cta__box-title{
	font-size: 17px;
	line-height: 1.35;
  }

  .c-center-cta__box-text{
	font-size: 14px;
	line-height: 1.45;
  }

}


/* ============================= */
/* SMALL MOBILE */
/* ============================= */

@media (max-width: 420px){

  /* Simplificación total */
  .c-center-cta__box{
	padding: 18px 16px;
  }

  /* Eliminamos barra para limpiar layout */
  .c-center-cta__box::before{
	display: none;
  }

}