/* ==================================================
   Power Solar — Mitad del Pago
   ================================================== */

/* Shared typography */
.ps-mitad-landing-intro,
.ps-mitad-landing-terms {
  color: #505050;
  font-family: "Sarabun", sans-serif;
}

/* Inner wrapper spacing */
.ps-mitad-landing-intro > .fl-module-content,
.ps-mitad-landing-terms > .fl-module-content {
  margin: 0 !important;
  padding: 0;
}


/* --------------------------------------------------
   Introduction
   -------------------------------------------------- */

.ps-mitad-landing-intro .uabb-infobox-left-right-wrap {
  display: block;
}

.ps-mitad-landing-intro .uabb-infobox-content {
  box-sizing: border-box;
  width: 100%;
  max-width: 960px;
  margin-inline: auto;
  padding: 0;
  text-align: center;
}

.ps-mitad-landing-intro .uabb-infobox-title-wrap,
.ps-mitad-landing-intro .uabb-infobox-text-wrap,
.ps-mitad-landing-intro .uabb-infobox-text {
  margin: 0 !important;
  padding: 0 !important;
}

/* Orange introductory line */
.ps-mitad-landing-intro .uabb-infobox-title-prefix {
  margin: 0 0 6px !important;
  padding: 0 !important;
  color: #ff6b00;
  font-family: "Sarabun", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
}

/* Main headline */
.ps-mitad-landing-intro .uabb-infobox-title {
  margin: 0 !important;
  padding: 0 !important;
  color: #23439f;
  font-family: "Poppins", sans-serif;
  font-size: clamp(24px, 5.65vw, 68px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -0.025em;
  text-align: center;
  text-transform: uppercase;
}

/* Supporting offer */
.ps-mitad-landing-intro .uabb-infobox-text,
.ps-mitad-landing-intro .uabb-infobox-text p {
  color: #505050;
  font-family: "Sarabun", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.35;
  text-align: center;
}

.ps-mitad-landing-intro .uabb-infobox-text p {
  margin: 4px 0 0 !important;
  padding: 0;
}


/* --------------------------------------------------
   Promotion terms
   -------------------------------------------------- */

.ps-mitad-landing-terms {
  box-sizing: border-box;
  width: 100%;
  max-width: 800px;
  margin: 36px auto 44px;
  padding: 0 12px;
}

.ps-mitad-landing-terms,
.ps-mitad-landing-terms p {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.25;
  text-align: left;
}

.ps-mitad-landing-terms p {
  margin: 0 !important;
  padding: 0;
}


/* --------------------------------------------------
   Te Atiende logo entrance
   Triggered by the combined animation JavaScript
   -------------------------------------------------- */

.ps-te-atiende-logo.ps-logo-enter .uabb-photo-img {
  animation: psTeAtiendeEntrance 850ms
	cubic-bezier(.22, 1, .36, 1) both;
  transform-origin: center;
}

@keyframes psTeAtiendeEntrance {
  from {
	opacity: 0;
	transform: translateY(24px) scale(0.96);
  }

  to {
	opacity: 1;
	transform: translateY(0) scale(1);
  }
}


/* --------------------------------------------------
   Form button interaction
   -------------------------------------------------- */

.ps-mitad-landing-form .gform_button {
  transition:
	transform 180ms ease,
	box-shadow 180ms ease;
}

.ps-mitad-landing-form .gform_button:focus-visible {
  outline: 3px solid #23439f;
  outline-offset: 4px;
}

/* Center the form privacy notice */
.blue-form .gform_wrapper .gfield.ps-privacy-notice {
  width: 100%;
  text-align: center !important;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .ps-mitad-landing-form .gform_button:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 12px rgb(0 0 0 / 14%);
  }
}


/* --------------------------------------------------
   Mobile
   -------------------------------------------------- */

@media (max-width: 767px) {
  .ps-mitad-landing-intro .uabb-infobox-title-prefix {
	margin-bottom: 7px !important;
	font-size: 14px;
  }

  .ps-mitad-landing-intro .uabb-infobox-title {
	font-size: clamp(28px, 8.5vw, 48px);
	line-height: 1.04;
  }

  .ps-mitad-landing-intro .uabb-infobox-text,
  .ps-mitad-landing-intro .uabb-infobox-text p {
	font-size: 16px;
	line-height: 1.4;
  }

  .ps-mitad-landing-intro .uabb-infobox-text p {
	margin-top: 6px !important;
  }

  .ps-mitad-landing-terms {
	margin-top: 28px;
	margin-bottom: 32px;
	padding-inline: 16px;
  }

  .ps-mitad-landing-terms,
  .ps-mitad-landing-terms p {
	font-size: 12px;
	line-height: 1.4;
  }

  .ps-mitad-landing-terms p + p {
	margin-top: 6px !important;
  }
}


/* --------------------------------------------------
   Reduced motion
   -------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .ps-te-atiende-logo.ps-logo-enter .uabb-photo-img {
	animation: none;
  }

  .ps-mitad-landing-form .gform_button {
	transition: none;
  }
}

/* --------------------------------------------------
   Heading and form entrances
   -------------------------------------------------- */

.ps-mitad-landing-intro.ps-section-enter .uabb-infobox-title-prefix {
  animation: psLandingReveal 550ms ease-out both;
}

.ps-mitad-landing-intro.ps-section-enter .uabb-infobox-title {
  animation: psLandingReveal 650ms ease-out 100ms both;
}

.ps-mitad-landing-intro.ps-section-enter .uabb-infobox-text-wrap {
  animation: psLandingReveal 650ms ease-out 200ms both;
}

.ps-mitad-landing-form.ps-section-enter {
  animation: psLandingReveal 650ms ease-out both;
}

/* Keep the form steady when someone starts using it */
.ps-mitad-landing-form.ps-section-enter:focus-within {
  animation: none;
}



@keyframes psLandingReveal {
  from {
	opacity: 0;
	transform: translateY(16px);
  }

  to {
	opacity: 1;
	transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ps-mitad-landing-intro.ps-section-enter .uabb-infobox-title-prefix,
  .ps-mitad-landing-intro.ps-section-enter .uabb-infobox-title,
  .ps-mitad-landing-intro.ps-section-enter .uabb-infobox-text-wrap,
  .ps-mitad-landing-form.ps-section-enter {
	animation: none;
  }
}

/* Mobile: shrink presenters within the existing column */
@media (max-width: 767px) {
  .ps-mitad-presenters > .fl-col-content {
	background-size: 85% auto !important;
	background-position: center bottom !important;
	background-repeat: no-repeat !important;
  }
}