/* ==============================
   APROMT - Comunidad
   ============================== */

.apromt-comunidad {
  background: #ffffff;
  padding: clamp(56px, 7vw, 90px) clamp(22px, 4vw, 56px);
}

.apromt-comunidad-texto {
  max-width: 560px;
}

.apromt-comunidad-texto h2 {
  color: #4b3d78 !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em;
  text-shadow: none !important;
  margin-bottom: 24px !important;
}

.apromt-comunidad-texto p {
  color: #24364f;
  font-size: 17px;
  line-height: 1.75;
  margin-bottom: 22px;
}

.apromt-comunidad-imagen img {
  border-radius: 28px !important;
  border: 1px solid rgba(75, 61, 120, 0.16) !important;
  box-shadow: 0 20px 52px rgba(67, 32, 90, 0.13);
}

/* ==============================
   APROMT - Nuestra misión
   ============================== */

.apromt-mision {
  background: linear-gradient(180deg, #f7f4fb 0%, #ffffff 100%);
  padding: clamp(56px, 7vw, 90px) clamp(22px, 4vw, 56px);
}

.apromt-mision h2 {
  color: #4b3d78 !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  letter-spacing: 0.005em;
  text-shadow: none !important;
  margin-bottom: 36px !important;
}

.apromt-mision-card {
  background: #ffffff !important;
  border: 1px solid rgba(75, 61, 120, 0.12) !important;
  border-radius: 24px !important;
  padding: 30px 28px !important;
  box-shadow: 0 16px 40px rgba(67, 32, 90, 0.09) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.apromt-mision-card:hover {
  transform: translateY(-4px);
  border-color: rgba(75, 61, 120, 0.22) !important;
  box-shadow: 0 22px 52px rgba(67, 32, 90, 0.14) !important;
}

.apromt-mision-card h3,
.apromt-mision-card h4,
.apromt-mision-card .uagb-ifb-title {
  color: #4b3d78 !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
  margin-bottom: 12px !important;
}

.apromt-mision-card p,
.apromt-mision-card .uagb-ifb-desc {
  color: #24364f !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

.apromt-mision-card svg,
.apromt-mision-card i,
.apromt-mision-card .uagb-ifb-icon {
  color: #6d65b3 !important;
  fill: #6d65b3 !important;
  margin-bottom: 16px;
}

/* ==============================
   APROMT - Qué hacemos
   ============================== */

.apromt-que-hacemos {
  background: #ffffff;
  padding: clamp(56px, 7vw, 80px) clamp(22px, 4vw, 56px);
  overflow: hidden;
}

.apromt-que-hacemos h2 {
  color: #4b3d78 !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  letter-spacing: 0.005em;
  text-shadow: none !important;
  margin-bottom: 34px !important;
}

/* Tarjetas */

.apromt-accion-card {
  background: #ffffff !important;
  border: 1px solid rgba(75, 61, 120, 0.12) !important;
  border-radius: 24px !important;
  padding: 26px 24px !important;
  box-shadow: 0 14px 34px rgba(67, 32, 90, 0.08) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  min-height: 270px !important;
  height: auto !important;
}

.apromt-accion-card:hover {
  transform: translateY(-4px);
  border-color: rgba(75, 61, 120, 0.22) !important;
  box-shadow: 0 20px 46px rgba(67, 32, 90, 0.12) !important;
}

.apromt-accion-card h3,
.apromt-accion-card h4 {
  color: #4b3d78 !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
  margin-bottom: 14px !important;
}

.apromt-accion-card p {
  color: #24364f !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  margin-bottom: 0 !important;
}

/* Botón final */

.apromt-que-hacemos .wp-block-button__link,
.apromt-que-hacemos .uagb-buttons-repeater {
  background: #6d65b3 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 13px 32px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  box-shadow: 0 12px 28px rgba(109, 101, 179, 0.20);
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.apromt-que-hacemos .wp-block-button__link:hover,
.apromt-que-hacemos .uagb-buttons-repeater:hover {
  background: #574f9d !important;
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(109, 101, 179, 0.28);
}

/* ==============================
   APROMT - FEAMT / Calidad profesional
   ============================== */

.apromt-feamt {
  background: linear-gradient(135deg, #f7f4fb 0%, #ebe7f7 100%);
  padding: clamp(48px, 6vw, 76px) clamp(22px, 4vw, 56px);
}

.apromt-feamt-texto {
  max-width: 680px;
}

.apromt-feamt-texto h2 {
  color: #4b3d78 !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  letter-spacing: 0.005em;
  text-shadow: none !important;
  margin-bottom: 22px !important;
}

.apromt-feamt-texto p {
  color: #24364f !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  margin-bottom: 0 !important;
}

.apromt-feamt-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.apromt-feamt-logo img {
  max-width: 260px !important;
  width: 100%;
  height: auto;
  background: #ffffff;
  border: 1px solid rgba(75, 61, 120, 0.14);
  border-radius: 24px;
  padding: 26px;
  box-shadow: 0 18px 42px rgba(67, 32, 90, 0.12);
  transition: transform .22s ease, box-shadow .22s ease;
}

.apromt-feamt-logo img:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 54px rgba(67, 32, 90, 0.16);
}

/* ==============================
   APROMT - Equipo
   ============================== */

.apromt-equipo {
  background: #ffffff;
  padding: clamp(56px, 7vw, 90px) clamp(22px, 4vw, 56px);
}

.apromt-equipo h2 {
  color: #4b3d78 !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  letter-spacing: 0.005em;
  text-shadow: none !important;
  margin-bottom: 34px !important;
}

.apromt-equipo-contenido {
  max-width: 1120px;
  margin-inline: auto;
  align-items: center !important;
}

.apromt-equipo-texto {
  max-width: 520px;
}

.apromt-equipo-texto p,
.apromt-equipo p {
  color: #24364f !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}

.apromt-equipo-imagen {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  border-radius: 32px;
  background: linear-gradient(135deg, rgba(247, 244, 251, 0.9), rgba(255, 255, 255, 0.95));
}

.apromt-equipo-imagen img {
  max-width: 560px;
  width: 100%;
  aspect-ratio: 4 / 3;
  height: auto;
  object-fit: cover;
  border-radius: 24px;
  box-shadow: 0 18px 46px rgba(67, 32, 90, 0.16);
  display: block;
}

.apromt-equipo .wp-block-button__link,
.apromt-equipo .uagb-buttons-repeater {
  background: #6d65b3 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  padding: 13px 32px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  box-shadow: 0 12px 28px rgba(109, 101, 179, 0.20);
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.apromt-equipo .wp-block-button__link:hover,
.apromt-equipo .uagb-buttons-repeater:hover {
  background: #574f9d !important;
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(109, 101, 179, 0.28);
}

@media (max-width: 768px) {
  .apromt-equipo-imagen {
    margin-top: 28px;
    padding: 10px;
    border-radius: 24px;
  }

  .apromt-equipo-imagen img {
    max-width: 100%;
    border-radius: 20px;
    aspect-ratio: 4 / 3;
  }
}

/* ==============================
   APROMT - CTA final
   ============================== */

.apromt-cta-final {
  background: linear-gradient(135deg, #f7f4fb 0%, #ebe7f7 100%);
  padding: clamp(56px, 7vw, 86px) clamp(22px, 4vw, 56px);
  text-align: center;
  position: relative;
  overflow: hidden;
}

.apromt-cta-final > *,
.apromt-cta-final .wp-block-group,
.apromt-cta-final .wp-block-group__inner-container,
.apromt-cta-final .uagb-container-inner-blocks-wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.apromt-cta-final h2 {
  display: block !important;
  width: 100% !important;
  max-width: 880px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #4b3d78 !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  letter-spacing: 0.005em;
  text-shadow: none !important;
  margin-bottom: 20px !important;
  text-align: center !important;
}

.apromt-cta-final p {
  max-width: 820px;
  margin-inline: auto;
  color: #24364f !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
  margin-bottom: 34px !important;
}

.apromt-cta-final-botones,
.apromt-cta-final .wp-block-buttons,
.apromt-cta-final .uagb-buttons__outer-wrap {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 18px !important;
  flex-wrap: wrap;
}

/* Botón general */

.apromt-cta-final .wp-block-button__link,
.apromt-cta-final .uagb-buttons-repeater {
  border-radius: 999px !important;
  padding: 14px 34px !important;
  min-width: 180px;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: center;
  box-shadow: 0 12px 28px rgba(67, 32, 90, 0.16);
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.apromt-cta-final .wp-block-button__link:hover,
.apromt-cta-final .uagb-buttons-repeater:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(67, 32, 90, 0.22);
}

/* Botón principal naranja */

.apromt-cta-final .wp-block-button:first-child .wp-block-button__link,
.apromt-cta-final .uagb-buttons-repeater:first-child {
  background: #ff6b00 !important;
  color: #ffffff !important;
}

/* Botón secundario morado */

.apromt-cta-final .wp-block-button:last-child .wp-block-button__link,
.apromt-cta-final .uagb-buttons-repeater:last-child {
  background: #6d65b3 !important;
  color: #ffffff !important;
}