.elementor-9598 .elementor-element.elementor-element-5b449a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-0174aeb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-3d3fdbb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-74bd1de{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-f430dc2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-568440f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-a496299{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-c22ddeb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-87f2eaa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-9094e25{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-6becec4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-bc6864d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-886de6b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-e4910d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-47ab208{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-e1eb93d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-1cf2272{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-fec8822{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-7619f3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-1f3077c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-a7545ad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-e6949c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-f6624a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-c84340c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-c581685{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9598 .elementor-element.elementor-element-787cd8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9598 .elementor-element.elementor-element-79dfd146{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-3ef3061 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Plus+Jakarta+Sans:wght@700;800&family=Poppins:wght@400;500;600;700&display=swap');

/* CONTENEDOR HERO ENCAPSULADO */
.sublipro-hero-wrap {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding: 40px 16px 60px;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
  color: #4A4546;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}

.sublipro-hero-wrap *,
.sublipro-hero-wrap *::before,
.sublipro-hero-wrap *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* 1. BADGE SUPERIOR */
.sublipro-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background-color: #FCEBE9;
  border: 1px solid #F3D3CE;
  color: #D87D83;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 7px 18px;
  border-radius: 50px;
  margin-bottom: 22px;
}

/* 2. TITULAR PRINCIPAL (H1) */
.sublipro-hero-title {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: clamp(2rem, 4.4vw, 3.2rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #2B2525;
  max-width: 860px;
  margin-bottom: 24px;
}

.sublipro-hero-title .highlight {
  color: #D87D83;
  display: inline;
}

/* 3. PÁRRAFO DESCRIPTIVO ACTUALIZADO */
.sublipro-hero-lead-box {
  max-width: 760px;
  margin: 0 auto 34px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  text-align: center;
}

.sublipro-hero-lead-text {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(0.96rem, 1.8vw, 1.06rem);
  line-height: 1.68;
  color: #3A3233;
  font-weight: 400;
  margin: 0;
}

.sublipro-hero-lead-note {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(0.9rem, 1.6vw, 0.98rem);
  line-height: 1.6;
  color: #6B6263;
  font-weight: 500;
  margin: 0;
}

/* 4. IMAGEN / MOCKUP CENTRAL */
.sublipro-hero-media {
  width: 100%;
  max-width: 820px;
  margin-bottom: 34px;
}

.sublipro-hero-frame {
  position: relative;
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
  background-color: #FAFAFA;
  border: 1.5px solid #F3D3CE;
  box-shadow: 0 16px 40px rgba(216, 125, 131, 0.08);
}

.sublipro-hero-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* 5. TARJETA DE CARACTERÍSTICAS / CHECKLIST */
.sublipro-hero-features-card {
  width: 100%;
  max-width: 740px;
  background-color: #FFFFFF;
  border: 1.5px solid #F3D3CE;
  border-radius: 22px;
  padding: 24px 28px;
  margin-bottom: 32px;
  box-shadow: 0 6px 20px rgba(216, 125, 131, 0.04);
}

.sublipro-hero-features-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: left;
  width: fit-content;
  margin: 0 auto;
}

.sublipro-feature-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: 'Poppins', sans-serif;
  font-size: 0.94rem;
  font-weight: 500;
  color: #2B2525;
  line-height: 1.45;
}

.sublipro-feature-emoji {
  font-size: 1.15rem;
  line-height: 1;
  flex-shrink: 0;
}

/* 6. BOTÓN CTA Y MICROTEXTO */
.sublipro-hero-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.sublipro-hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #D87D83;
  color: #FFFFFF;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 1.02rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 19px 44px;
  border-radius: 50px;
  box-shadow: 0 10px 25px rgba(216, 125, 131, 0.38);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
  text-align: center;
}

.sublipro-hero-btn:hover {
  background-color: #C56B71;
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(216, 125, 131, 0.48);
}

.sublipro-hero-btn:active {
  transform: translateY(0);
  box-shadow: 0 6px 14px rgba(216, 125, 131, 0.3);
}

.sublipro-hero-meta {
  font-family: 'Poppins', sans-serif;
  font-size: 0.82rem;
  font-weight: 500;
  color: #6B6263;
  letter-spacing: 0.01em;
}

/* RESPONSIVE MÓVIL (MOBILE-FIRST) */
@media (max-width: 680px) {
  .sublipro-hero-wrap {
    padding: 30px 14px 50px;
  }

  .sublipro-hero-badge {
    font-size: 10px;
    padding: 6px 14px;
    margin-bottom: 18px;
  }

  .sublipro-hero-title {
    margin-bottom: 18px;
  }

  .sublipro-hero-lead-box {
    margin-bottom: 26px;
    gap: 12px;
  }

  .sublipro-hero-media {
    margin-bottom: 26px;
  }

  .sublipro-hero-frame {
    border-radius: 18px;
  }

  .sublipro-hero-features-card {
    padding: 18px 16px;
    border-radius: 18px;
    margin-bottom: 26px;
  }

  .sublipro-hero-features-list {
    width: 100%;
    gap: 11px;
  }

  .sublipro-feature-item {
    font-size: 0.88rem;
    gap: 10px;
  }

  .sublipro-hero-btn {
    width: 100%;
    max-width: 340px;
    padding: 16px 20px;
    font-size: 0.92rem;
  }

  .sublipro-hero-meta {
    font-size: 0.76rem;
    line-height: 1.45;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f781d0f */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Plus+Jakarta+Sans:wght@700;800&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,600;1,700&display=swap');

/* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --obj-bg: #FFFFFF;
  --obj-card-bg: #FFFFFF;
  --obj-card-tint: #FFF9F8;       /* Rosa pastel ultra sutil */
  --obj-border: #F3D3CE;          /* Borde fino rosa pastel */
  --obj-accent: #D87D83;          /* Rosa terracota oficial */
  --obj-title-dark: #2B2525;      /* Marrón cálido oscuro */
  --obj-text-body: #4A4546;       /* Texto de lectura */
  --obj-text-muted: #555555;      /* Gris cálido */
  --obj-shadow: rgba(216, 125, 131, 0.05);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
  --font-badge: 'Montserrat', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL
   ========================================================================== */
.subli-objections-section {
  background-color: var(--obj-bg) !important;
  font-family: var(--font-body);
  color: var(--obj-text-body);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.subli-objections-section *,
.subli-objections-section *::before,
.subli-objections-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.subli-objections-section__container {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 36px;
}

/* ==========================================================================
   3. ENCABEZADO CENTRADO
   ========================================================================== */
.subli-objections-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
}

.subli-objections-kicker {
  display: inline-block;
  font-family: var(--font-badge);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--obj-accent);
  margin-bottom: 14px;
}

.subli-objections-title {
  font-family: var(--font-heading);
  font-size: clamp(1.85rem, 4vw, 2.45rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--obj-title-dark);
  margin-bottom: 16px;
}

.subli-objections-title .highlight {
  color: var(--obj-accent);
  font-weight: 800;
}

.subli-objections-lead {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.05rem);
  line-height: 1.62;
  color: var(--obj-text-body);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.subli-objections-lead strong {
  color: var(--obj-title-dark);
  font-weight: 700;
}

/* ==========================================================================
   4. CUADRÍCULA DE PASTILLAS DE DUDAS
   ========================================================================== */
.subli-questions-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  width: 100%;
}

.subli-question-pill {
  background-color: var(--obj-card-bg);
  border: 1.5px solid var(--obj-border);
  border-radius: 16px;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0 4px 15px var(--obj-shadow);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.subli-question-pill:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(216, 125, 131, 0.1);
}

.subli-question-pill--full {
  grid-column: 1 / -1;
}

.subli-question-icon {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 50%;
  background-color: #FCEBE9;
  color: var(--obj-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-size: 0.82rem;
  font-weight: 800;
  flex-shrink: 0;
}

.subli-question-text {
  font-family: var(--font-body);
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--obj-title-dark);
  line-height: 1.4;
  margin: 0;
}

/* ==========================================================================
   5. TARJETA DE CITA / MIEDO
   ========================================================================== */
.subli-fear-box {
  width: 100%;
  background-color: var(--obj-card-tint);
  border: 1.5px solid var(--obj-border);
  border-radius: 22px;
  padding: 24px 28px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  box-shadow: 0 6px 20px var(--obj-shadow);
  box-sizing: border-box;
}

.subli-fear-icon {
  font-size: 1.5rem;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 2px;
}

.subli-fear-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: left;
}

.subli-fear-lead {
  font-family: var(--font-body);
  font-size: 0.95rem;
  color: var(--obj-text-body);
  margin: 0;
  line-height: 1.5;
}

.subli-fear-quote {
  font-family: var(--font-body);
  font-size: 1.05rem;
  font-weight: 700;
  font-style: italic;
  color: var(--obj-title-dark);
  line-height: 1.45;
  margin: 0;
}

/* ==========================================================================
   6. TARJETA DE RESPUESTA ACTUALIZADA ("Por eso creé Sublimación Pro")
   ========================================================================== */
.subli-solution-card {
  width: 100%;
  background-color: #FFFFFF;
  border: 1.5px solid var(--obj-border);
  border-radius: 22px;
  padding: 30px 32px;
  text-align: center;
  box-shadow: 0 6px 22px var(--obj-shadow);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.subli-solution-title {
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--obj-accent);
  margin: 0;
  line-height: 1.35;
}

.subli-solution-text {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.02rem);
  line-height: 1.65;
  color: var(--obj-title-dark);
  margin: 0;
  max-width: 680px;
  margin: 0 auto;
}

/* ==========================================================================
   7. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 680px) {
  .subli-objections-section {
    padding: 60px 16px 80px;
  }

  .subli-objections-section__container {
    gap: 28px;
  }

  .subli-questions-grid {
    grid-template-columns: 1fr;
    gap: 11px;
  }

  .subli-question-pill {
    padding: 14px 16px;
    border-radius: 14px;
    gap: 10px;
  }

  .subli-question-text {
    font-size: 0.88rem;
  }

  .subli-fear-box {
    padding: 18px 18px;
    border-radius: 18px;
    gap: 12px;
  }

  .subli-fear-lead {
    font-size: 0.88rem;
  }

  .subli-fear-quote {
    font-size: 0.96rem;
  }

  .subli-solution-card {
    padding: 22px 18px;
    border-radius: 18px;
  }

  .subli-solution-title {
    font-size: 1.15rem;
  }

  .subli-solution-text {
    font-size: 0.92rem;
    line-height: 1.55;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35e82d0 *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --trans-bg: #FFFFFF;
  --trans-card-bg: #FFF9F8;         /* Rosa pastel ultra sutil y cálido */
  --trans-border: #F3D3CE;          /* Borde fino */
  --trans-accent: #D87D83;          /* Rosa principal de marca */
  --trans-title-dark: #2B2525;      /* Marrón chocolate oscuro cálido */
  --trans-text-body: #4A4546;       /* Texto de lectura */
  --trans-white: #FFFFFF;
  --trans-shadow: rgba(216, 125, 131, 0.08);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sublipro-transform-section {
  background-color: var(--trans-bg) !important;
  font-family: var(--font-body);
  color: var(--trans-text-body);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-transform-section *,
.sublipro-transform-section *::before,
.sublipro-transform-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-transform-section__container {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 36px;
}

/* ==========================================================================
   3. ENCABEZADO PERSUASIVO CENTRADO
   ========================================================================== */
.sublipro-transform-section__header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

.sublipro-transform-section__kicker {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--trans-accent);
}

.sublipro-transform-section__title {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3.8vw, 2.35rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--trans-title-dark);
  background: transparent !important;
}

/* Énfasis cromático de texto limpio: SOLO color, sin fondos */
.sublipro-transform-section__title .highlight {
  color: var(--trans-accent);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.sublipro-transform-section__lead {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 680px;
  margin-top: 6px;
}

.sublipro-transform-section__lead p {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.05rem);
  line-height: 1.62;
  color: var(--trans-text-body);
}

.lead-focus {
  font-weight: 600;
  color: var(--trans-title-dark) !important;
}

/* ==========================================================================
   4. DIAGRAMA VISUAL DE LA FÓRMULA DE FACTORES
   ========================================================================== */
.sublipro-formula-card {
  width: 100%;
  background-color: var(--trans-card-bg);
  border: 1.5px solid var(--trans-border);
  border-radius: 26px;
  padding: 38px 30px;
  box-shadow: 0 14px 35px var(--trans-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
}

.sublipro-formula-flow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}

.formula-pill {
  background-color: var(--trans-white);
  border: 1px solid var(--trans-border);
  border-radius: 50px;
  padding: 7px 18px;
  font-family: var(--font-heading);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--trans-title-dark);
  box-shadow: 0 4px 12px rgba(216, 125, 131, 0.05);
  white-space: nowrap;
}

.formula-pill--final {
  background-color: var(--trans-accent);
  border-color: var(--trans-accent);
  color: var(--trans-white);
  box-shadow: 0 4px 14px rgba(216, 125, 131, 0.35);
}

.formula-operator {
  color: var(--trans-accent);
  font-size: 1.15rem;
  font-weight: 700;
}

.formula-takeaway {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.05rem);
  font-weight: 600;
  color: var(--trans-title-dark);
  line-height: 1.55;
  max-width: 660px;
  border-top: 1px solid rgba(243, 211, 206, 0.65);
  padding-top: 18px;
  width: 100%;
}

/* ==========================================================================
   5. TARJETA DE CONTRASTE Y EVOLUCIÓN (DE LA DUDA A LA SEGURIDAD)
   ========================================================================== */
.sublipro-evolution-card {
  width: 100%;
  background-color: #FFFFFF;
  border: 1.5px solid var(--trans-border);
  border-radius: 26px;
  padding: 38px 32px;
  box-shadow: 0 8px 25px rgba(216, 125, 131, 0.06);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
}

.evolution-intro {
  font-family: var(--font-body);
  font-size: 0.96rem;
  font-weight: 500;
  color: #6B6263;
}

/* Estados de evolución */
.evolution-state {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 14px 22px;
  border-radius: 50px;
  width: 100%;
  max-width: 480px;
}

.evolution-state--before {
  background-color: #F8F4F4;
  border: 1px solid #E8E2E2;
}

.evolution-state--before .state-quote {
  font-family: var(--font-heading);
  font-size: 1.05rem;
  font-weight: 700;
  font-style: italic;
  color: #726868;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.evolution-arrow {
  color: var(--trans-accent);
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1;
}

.evolution-state--after {
  background-color: var(--trans-card-bg);
  border: 1.5px solid var(--trans-border);
  box-shadow: 0 4px 14px rgba(216, 125, 131, 0.08);
}

.evolution-state--after .state-text {
  font-family: var(--font-heading);
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--trans-title-dark);
}

.state-icon {
  font-size: 1.25rem;
  line-height: 1;
}

.evolution-closure {
  font-family: var(--font-body);
  font-size: clamp(0.92rem, 1.8vw, 1rem);
  line-height: 1.6;
  color: var(--trans-text-body);
  max-width: 580px;
  margin-top: 6px;
}

/* ==========================================================================
   6. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 680px) {
  .sublipro-transform-section {
    padding: 60px 16px 80px;
  }

  .sublipro-transform-section__container {
    gap: 28px;
  }

  .sublipro-formula-card {
    padding: 28px 18px;
    border-radius: 20px;
    gap: 16px;
  }

  .sublipro-formula-flow {
    gap: 8px;
  }

  .formula-pill {
    padding: 6px 14px;
    font-size: 0.88rem;
  }

  .formula-operator {
    font-size: 1rem;
  }

  .sublipro-evolution-card {
    padding: 28px 18px;
    border-radius: 20px;
    gap: 12px;
  }

  .evolution-state {
    padding: 12px 16px;
    border-radius: 16px;
  }

  .evolution-state--before .state-quote,
  .evolution-state--after .state-text {
    font-size: 0.95rem;
  }

  .evolution-closure {
    font-size: 0.88rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed91c46 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Plus+Jakarta+Sans:wght@700;800&family=Poppins:wght@400;500;600;700&display=swap');

/* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --obj-bg: #FFFFFF;
  --obj-card-bg: #FFFFFF;
  --obj-border: #F3D3CE;          /* Borde rosa fino */
  --obj-accent: #D87D83;          /* Rosa terracota oficial */
  --obj-title-dark: #2B2525;      /* Marrón cálido oscuro */
  --obj-text-body: #4A4546;       /* Texto de lectura */
  --obj-shadow: rgba(216, 125, 131, 0.06);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
  --font-badge: 'Montserrat', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL
   ========================================================================== */
.subli-objective-section {
  background-color: var(--obj-bg) !important;
  font-family: var(--font-body);
  color: var(--obj-text-body);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.subli-objective-section *,
.subli-objective-section *::before,
.subli-objective-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.subli-objective-section__container {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 36px;
}

/* ==========================================================================
   3. ENCABEZADO CENTRADO
   ========================================================================== */
.subli-objective-header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.subli-objective-kicker {
  font-family: var(--font-badge);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--obj-accent);
}

.subli-objective-title {
  font-family: var(--font-heading);
  font-size: clamp(1.85rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--obj-title-dark);
  margin: 0;
}

.subli-objective-title .highlight {
  color: var(--obj-accent);
  font-weight: 800;
}

.subli-objective-lead {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 6px;
}

.subli-objective-p {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.05rem);
  line-height: 1.62;
  color: var(--obj-text-body);
  margin: 0;
}

.subli-objective-p--strong {
  font-weight: 700;
  color: var(--obj-title-dark);
}

/* ==========================================================================
   4. TARJETA BLANCA CON CHECKLIST ("Aprenderás a:")
   ========================================================================== */
.subli-objective-card {
  width: 100%;
  background-color: var(--obj-card-bg);
  border: 1.5px solid var(--obj-border);
  border-radius: 26px;
  padding: 34px 32px 36px;
  box-shadow: 0 8px 25px var(--obj-shadow);
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
}

.subli-objective-card__heading {
  font-family: var(--font-heading);
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--obj-title-dark);
  margin: 0;
  letter-spacing: -0.01em;
}

.subli-objective-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding: 0;
  margin: 0;
}

.subli-objective-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

/* Check circular en rosa de marca */
.subli-objective-check {
  flex-shrink: 0;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  background-color: var(--obj-accent);
  color: #FFFFFF;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  box-shadow: 0 3px 8px rgba(216, 125, 131, 0.28);
}

.subli-objective-check svg {
  width: 11px !important;
  height: 11px !important;
  stroke-width: 3;
}

.subli-objective-text {
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.48;
  color: var(--obj-title-dark);
}

/* ==========================================================================
   5. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 680px) {
  .subli-objective-section {
    padding: 60px 16px 80px;
  }

  .subli-objective-section__container {
    gap: 28px;
  }

  .subli-objective-card {
    padding: 24px 20px 28px;
    border-radius: 20px;
    gap: 16px;
  }

  .subli-objective-card__heading {
    font-size: 1.05rem;
  }

  .subli-objective-list {
    gap: 12px;
  }

  .subli-objective-item {
    gap: 11px;
  }

  .subli-objective-text {
    font-size: 0.88rem;
    line-height: 1.45;
  }

  .subli-objective-check {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
  }

  .subli-objective-check svg {
    width: 10px !important;
    height: 10px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-198178f *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --wflow-bg: #FFFFFF;
  --wflow-card-bg: #FFF9F8;         /* Rosa pastel ultra sutil y cálido */
  --wflow-border: #F3D3CE;          /* Borde fino */
  --wflow-badge-bg: #FCEBE9;        /* Fondo del número */
  --wflow-accent: #D87D83;          /* Rosa principal de marca */
  --wflow-title-dark: #2B2525;      /* Marrón chocolate oscuro cálido */
  --wflow-text-body: #4A4546;       /* Texto de lectura */
  --wflow-shadow: rgba(216, 125, 131, 0.06);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sil-workflow-section {
  background-color: var(--wflow-bg) !important;
  font-family: var(--font-body);
  color: var(--wflow-text-body);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sil-workflow-section *,
.sil-workflow-section *::before,
.sil-workflow-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sil-workflow-section__container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 44px;
}

/* ==========================================================================
   3. ENCABEZADO PERSUASIVO CENTRADO
   ========================================================================== */
.sil-workflow-section__header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

.sil-workflow-section__kicker {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wflow-accent);
}

.sil-workflow-section__title {
  font-family: var(--font-heading);
  font-size: clamp(1.8rem, 4vw, 2.45rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--wflow-title-dark);
  background: transparent !important;
}

/* Énfasis cromático de texto limpio: SOLO color, sin fondos */
.sil-workflow-section__title .highlight {
  color: var(--wflow-accent);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.sil-workflow-section__lead {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 660px;
  margin-top: 4px;
}

.sil-workflow-section__lead p {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.05rem);
  line-height: 1.62;
  color: var(--wflow-text-body);
}

.lead-focus {
  font-weight: 700;
  color: var(--wflow-title-dark) !important;
}

/* ==========================================================================
   4. CUADRÍCULA DE LOS 4 PASOS (GRID 4 COLUMNAS)
   ========================================================================== */
.sil-workflow-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  width: 100%;
}

.workflow-step-card {
  background-color: var(--wflow-card-bg);
  border: 1.5px solid var(--wflow-border);
  border-radius: 22px;
  padding: 26px 20px;
  box-shadow: 0 8px 25px var(--wflow-shadow);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.workflow-step-card:hover {
  transform: translateY(-3px);
  border-color: #EAA3A7;
  box-shadow: 0 14px 32px rgba(216, 125, 131, 0.12);
}

.workflow-step-card--final {
  background-color: #FFF5F4;
  border-color: #EAA3A7;
}

/* Fila Superior: Número + Icono */
.workflow-step-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 4px;
}

.workflow-step-badge {
  font-family: var(--font-heading);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: var(--wflow-accent);
  background-color: var(--wflow-badge-bg);
  padding: 3px 10px;
  border-radius: 50px;
}

.workflow-step-badge--final {
  background-color: #FCEBE9;
  color: #B74B52;
}

.workflow-step-icon {
  width: 38px;
  height: 38px;
  background-color: #FFFFFF;
  border: 1px solid var(--wflow-border);
  color: var(--wflow-accent);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(216, 125, 131, 0.06);
}

.workflow-step-icon svg {
  width: 18px;
  height: 18px;
}

.workflow-step-card__title {
  font-family: var(--font-heading);
  font-size: 1.12rem;
  font-weight: 800;
  color: var(--wflow-title-dark);
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.workflow-step-card__desc {
  font-family: var(--font-body);
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--wflow-text-body);
  font-weight: 400;
}

/* ==========================================================================
   5. ADAPTABILIDAD MÓVIL (TABLETS Y SMARTPHONES)
   ========================================================================== */
@media (max-width: 900px) {
  .sil-workflow-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columnas en tablets */
    gap: 16px;
  }
}

@media (max-width: 680px) {
  .sil-workflow-section {
    padding: 60px 16px 80px;
  }

  .sil-workflow-section__container {
    gap: 30px;
  }

  .sil-workflow-grid {
    grid-template-columns: 1fr; /* 1 columna en móvil */
    gap: 12px;
  }

  .workflow-step-card {
    padding: 20px 18px;
    border-radius: 18px;
  }

  .workflow-step-card__title {
    font-size: 1.05rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d729c6e *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --syl-bg: #FFFFFF;
  --syl-card-bg: #FFFFFF;
  --syl-border: #F3D3CE;          /* Borde fino */
  --syl-badge-bg: #FCEBE9;        /* Fondo del número */
  --syl-accent: #D87D83;          /* Rosa principal de marca */
  --syl-title-dark: #2B2525;      /* Marrón chocolate oscuro cálido */
  --syl-text-body: #4A4546;       /* Texto de lectura */
  --syl-text-muted: #6B6263;      /* Gris cálido */
  --syl-shadow: rgba(216, 125, 131, 0.06);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sublipro-syllabus-section {
  background-color: var(--syl-bg) !important;
  font-family: var(--font-body);
  color: var(--syl-text-body);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-syllabus-section *,
.sublipro-syllabus-section *::before,
.sublipro-syllabus-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-syllabus-section__container {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 46px;
}

/* ==========================================================================
   3. ENCABEZADO PERSUASIVO CENTRADO
   ========================================================================== */
.sublipro-syllabus-section__header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

.sublipro-syllabus-section__kicker {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--syl-accent);
}

.sublipro-syllabus-section__title {
  font-family: var(--font-heading);
  font-size: clamp(1.8rem, 4vw, 2.45rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--syl-title-dark);
  background: transparent !important;
}

/* Énfasis cromático de texto limpio: SOLO color, sin fondos */
.sublipro-syllabus-section__title .highlight {
  color: var(--syl-accent);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.sublipro-syllabus-section__subtitle {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.08rem);
  font-weight: 400;
  line-height: 1.62;
  color: var(--syl-text-muted);
  max-width: 660px;
}

/* ==========================================================================
   4. CUADRÍCULA DE 6 MÓDULOS (GRID 3 COLUMNAS)
   ========================================================================== */
.sublipro-syllabus-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  width: 100%;
}

.sublipro-module-card {
  background-color: var(--syl-card-bg);
  border: 1.5px solid var(--syl-border);
  border-radius: 22px;
  padding: 30px 24px;
  box-shadow: 0 8px 25px var(--syl-shadow);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sublipro-module-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(216, 125, 131, 0.12);
}

/* Fila Superior: Número + Icono */
.sublipro-module-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 18px;
}

.module-number-pill {
  font-family: var(--font-heading);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: var(--syl-accent);
  background-color: var(--syl-badge-bg);
  padding: 4px 12px;
  border-radius: 50px;
}

.module-icon {
  width: 40px;
  height: 40px;
  background-color: #FFFFFF;
  border: 1px solid var(--syl-border);
  color: var(--syl-accent);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(216, 125, 131, 0.06);
}

.module-icon svg {
  width: 20px;
  height: 20px;
}

/* Título del módulo */
.sublipro-module-card__title {
  font-family: var(--font-heading);
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--syl-title-dark);
  line-height: 1.35;
  margin-bottom: 8px;
}

/* Descripción */
.sublipro-module-card__desc {
  font-family: var(--font-body);
  font-size: 0.92rem;
  line-height: 1.6;
  color: var(--syl-text-body);
  font-weight: 400;
}

/* ==========================================================================
   5. ADAPTABILIDAD MÓVIL (TABLETS Y SMARTPHONES)
   ========================================================================== */
@media (max-width: 980px) {
  .sublipro-syllabus-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columnas en tablets */
    gap: 20px;
  }
}

@media (max-width: 680px) {
  .sublipro-syllabus-section {
    padding: 60px 16px 80px;
  }

  .sublipro-syllabus-section__container {
    gap: 32px;
  }

  .sublipro-syllabus-grid {
    grid-template-columns: 1fr; /* 1 columna en móvil */
    gap: 16px;
  }

  .sublipro-module-card {
    padding: 24px 20px;
    border-radius: 18px;
  }

  .sublipro-module-card__title {
    font-size: 1.05rem;
  }

  .sublipro-module-card__desc {
    font-size: 0.88rem;
    line-height: 1.55;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fda1ff4 *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --prod-bg: #FFFFFF;
  --prod-card-bg: #FFFFFF;
  --prod-banner-bg: #FFF9F8;        /* Rosa pastel ultra sutil */
  --prod-border: #F3D3CE;           /* Borde fino y suave */
  --prod-badge-bg: #FCEBE9;         /* Fondo del número de producto */
  --prod-accent: #D87D83;           /* Rosa principal de marca */
  --prod-title-dark: #2B2525;       /* Marrón chocolate oscuro cálido */
  --prod-text-body: #4A4546;        /* Texto de lectura */
  --prod-text-muted: #6B6263;       /* Gris cálido */
  --prod-shadow: rgba(216, 125, 131, 0.07);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sublipro-products-section {
  background-color: var(--prod-bg) !important;
  font-family: var(--font-body);
  color: var(--prod-text-body);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-products-section *,
.sublipro-products-section *::before,
.sublipro-products-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-products-section__container {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

/* ==========================================================================
   3. ENCABEZADO PERSUASIVO CENTRADO
   ========================================================================== */
.sublipro-products-section__header {
  text-align: center;
  max-width: 780px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

.sublipro-products-section__kicker {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--prod-accent);
}

.sublipro-products-section__title {
  font-family: var(--font-heading);
  font-size: clamp(1.8rem, 4vw, 2.45rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--prod-title-dark);
  background: transparent !important;
}

/* Énfasis cromático de texto limpio: SOLO color, sin fondos */
.sublipro-products-section__title .highlight {
  color: var(--prod-accent);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.sublipro-products-section__lead {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 700px;
  margin-top: 4px;
}

.sublipro-products-section__lead p {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.05rem);
  line-height: 1.62;
  color: var(--prod-text-body);
}

/* Franja Destacada de las 16 Oportunidades */
.sublipro-products-highlight-banner {
  background-color: var(--prod-banner-bg);
  border: 1.5px solid var(--prod-border);
  border-radius: 20px;
  padding: 20px 28px;
  max-width: 740px;
  margin-top: 10px;
  box-shadow: 0 4px 16px rgba(216, 125, 131, 0.05);
}

.highlight-banner-text {
  font-family: var(--font-body);
  font-size: clamp(0.92rem, 1.8vw, 1.02rem);
  line-height: 1.6;
  color: var(--prod-title-dark);
}

.highlight-banner-text strong {
  color: var(--prod-accent);
  font-weight: 700;
}

/* Nota de Apoyo */
.sublipro-products-grid-note {
  font-family: var(--font-body);
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--prod-text-muted);
  letter-spacing: 0.02em;
  margin-top: 4px;
}

/* ==========================================================================
   4. CUADRÍCULA DE LOS 16 PRODUCTOS (4 COLUMNAS DESKTOP / 2 MÓVIL)
   ========================================================================== */
.sublipro-products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  width: 100%;
}

.product-slot-card {
  background-color: var(--prod-card-bg);
  border: 1.5px solid var(--prod-border);
  border-radius: 20px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-shadow: 0 6px 20px var(--prod-shadow);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.product-slot-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(216, 125, 131, 0.12);
}

/* Marco de la Fotografía (Proporción Cuadrada) */
.product-slot-card__img-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  overflow: hidden;
  background-color: #FAFAFA;
}

.product-slot-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}

.product-slot-card:hover .product-slot-img {
  transform: scale(1.04);
}

/* Información del Producto */
.product-slot-card__info {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px 4px 6px;
}

.product-slot-badge {
  font-family: var(--font-heading);
  font-size: 0.72rem;
  font-weight: 800;
  color: var(--prod-accent);
  background-color: var(--prod-badge-bg);
  padding: 2px 8px;
  border-radius: 50px;
  flex-shrink: 0;
}

.product-slot-title {
  font-family: var(--font-heading);
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--prod-title-dark);
  line-height: 1.35;
  letter-spacing: -0.01em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ==========================================================================
   5. ADAPTABILIDAD MÓVIL (TABLETS Y SMARTPHONES)
   ========================================================================== */
@media (max-width: 900px) {
  .sublipro-products-grid {
    grid-template-columns: repeat(3, 1fr); /* 3 columnas en tablets */
    gap: 16px;
  }
}

@media (max-width: 680px) {
  .sublipro-products-section {
    padding: 60px 16px 80px;
  }

  .sublipro-products-section__container {
    gap: 28px;
  }

  .sublipro-products-highlight-banner {
    padding: 16px 18px;
    border-radius: 16px;
  }

  .sublipro-products-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columnas en móvil */
    gap: 12px;
  }

  .product-slot-card {
    padding: 8px;
    border-radius: 16px;
    gap: 8px;
  }

  .product-slot-badge {
    font-size: 0.68rem;
    padding: 2px 6px;
  }

  .product-slot-title {
    font-size: 0.8rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c563022 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Plus+Jakarta+Sans:wght@700;800&family=Poppins:wght@400;500;600;700&display=swap');

/* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --compat-bg: #FFFFFF;
  --compat-accent: #D87D83;          /* Rosa terracota de marca */
  --compat-title-dark: #2B2525;      /* Marrón cálido oscuro */
  --compat-text-body: #4A4546;       /* Texto de lectura */
  
  /* Verde pastel (Columna izquierda) */
  --compat-green-bg: #EEF7F0;
  --compat-green-border: #BFDFCA;
  --compat-green-pill-bg: #E2F2E6;
  --compat-green-text: #28773F;
  --compat-green-bullet: #2D7C44;

  /* Rosa pastel (Columna derecha) */
  --compat-red-bg: #FCF1F2;
  --compat-red-border: #F9CFD2;
  --compat-red-pill-bg: #FDE4E6;
  --compat-red-text: #D13333;
  --compat-red-bullet: #CB2C2C;

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
  --font-badge: 'Montserrat', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL
   ========================================================================== */
.sublipro-compat-section {
  background-color: var(--compat-bg) !important;
  font-family: var(--font-body);
  color: var(--compat-text-body);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-compat-section *,
.sublipro-compat-section *::before,
.sublipro-compat-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-compat-section__container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 36px;
}

/* ==========================================================================
   3. ENCABEZADO CENTRADO
   ========================================================================== */
.sublipro-compat-header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.sublipro-compat-kicker {
  font-family: var(--font-badge);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--compat-accent);
}

.sublipro-compat-title {
  font-family: var(--font-heading);
  font-size: clamp(1.85rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--compat-title-dark);
  margin: 0;
}

.sublipro-compat-title .highlight {
  color: var(--compat-accent);
  font-weight: 800;
}

.sublipro-compat-lead {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.05rem);
  line-height: 1.62;
  color: var(--compat-text-body);
  margin: 0;
}

/* ==========================================================================
   4. GRILLA DE 2 COLUMNAS (COMPATIBLE / NO COMPATIBLE)
   ========================================================================== */
.sublipro-compat-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  width: 100%;
  align-items: stretch;
}

.compat-card {
  border-radius: 26px;
  padding: 32px 28px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Tarjeta Verde (Izquierda) */
.compat-card--yes {
  background-color: var(--compat-green-bg);
  border: 1.5px solid var(--compat-green-border);
}

/* Tarjeta Roja (Derecha) */
.compat-card--no {
  background-color: var(--compat-red-bg);
  border: 1.5px solid var(--compat-red-border);
}

/* Píldoras / Badges superiores */
.compat-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  align-self: flex-start;
  padding: 6px 14px;
  border-radius: 50px;
  font-family: var(--font-badge);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  box-sizing: border-box;
}

.compat-pill--yes {
  background-color: var(--compat-green-pill-bg);
  color: var(--compat-green-text);
  border: 1px solid #B8E0C1;
}

.compat-pill--no {
  background-color: var(--compat-red-pill-bg);
  color: var(--compat-red-text);
  border: 1px solid #F8BDC2;
}

.compat-pill svg {
  width: 13px !important;
  height: 13px !important;
  flex-shrink: 0;
}

/* Listas de equipos */
.compat-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding: 0;
  margin: 0;
}

.compat-item {
  display: flex;
  align-items: flex-start;
  gap: 13px;
}

/* Viñetas Circulares */
.compat-bullet {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}

.compat-bullet--check {
  background-color: var(--compat-green-bullet);
  color: #FFFFFF;
  box-shadow: 0 2px 5px rgba(45, 124, 68, 0.28);
}

.compat-bullet--cross {
  background-color: var(--compat-red-bullet);
  color: #FFFFFF;
  box-shadow: 0 2px 5px rgba(203, 44, 44, 0.28);
}

.compat-bullet svg {
  width: 10px !important;
  height: 10px !important;
  stroke-width: 2.8;
}

.compat-item-text {
  font-family: var(--font-body);
  font-size: 0.94rem;
  font-weight: 500;
  color: var(--compat-title-dark);
  line-height: 1.45;
}

/* Recuadro blanco informativo interior (derecha) */
.compat-inner-warning-box {
  background-color: #FFFFFF;
  border: 1px solid #FAD5D8;
  border-radius: 18px;
  padding: 20px 22px;
  margin-top: auto;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--compat-text-body);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.compat-inner-warning-box p {
  margin: 0;
}

.compat-inner-warning-list {
  list-style: disc;
  padding-left: 20px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.compat-inner-warning-list li {
  font-family: var(--font-body);
  font-size: 0.86rem;
  color: var(--compat-text-body);
}

/* ==========================================================================
   5. TARJETA DE AVISO INFERIOR (IMPORTANTE)
   ========================================================================== */
.sublipro-compat-notice {
  width: 100%;
  background-color: #FFFFFF;
  border: 1.5px solid var(--compat-red-border);
  border-radius: 20px;
  padding: 24px 28px;
  box-shadow: 0 6px 20px rgba(216, 125, 131, 0.05);
  box-sizing: border-box;
  text-align: left;
}

.compat-notice-heading {
  font-family: var(--font-heading);
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--compat-accent);
  margin: 0 0 8px 0;
}

.compat-notice-desc {
  font-family: var(--font-body);
  font-size: 0.92rem;
  line-height: 1.6;
  color: var(--compat-title-dark);
  margin: 0;
}

/* ==========================================================================
   6. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 768px) {
  .sublipro-compat-section {
    padding: 60px 16px 80px;
  }

  .sublipro-compat-section__container {
    gap: 28px;
  }

  .sublipro-compat-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .compat-card {
    padding: 24px 20px;
    border-radius: 20px;
    gap: 16px;
  }

  .compat-item-text {
    font-size: 0.88rem;
    line-height: 1.42;
  }

  .compat-inner-warning-box {
    padding: 16px 18px;
    font-size: 0.84rem;
  }

  .sublipro-compat-notice {
    padding: 20px 18px;
    border-radius: 18px;
  }

  .compat-notice-desc {
    font-size: 0.88rem;
    line-height: 1.55;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-02eb489 *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --reas-bg: #FFFFFF;
  --reas-card-bg: #FFF9F8;         /* Rosa pastel ultra sutil y cálido */
  --reas-border: #F3D3CE;          /* Borde fino */
  --reas-accent: #D87D83;          /* Rosa principal de marca */
  --reas-title-dark: #2B2525;      /* Marrón chocolate oscuro cálido */
  --reas-text-body: #4A4546;       /* Texto de lectura */
  --reas-shadow: rgba(216, 125, 131, 0.08);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sublipro-reassurance-section {
  background-color: var(--reas-bg) !important;
  font-family: var(--font-body);
  color: var(--reas-text-body);
  padding: 80px 20px 100px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-reassurance-section *,
.sublipro-reassurance-section *::before,
.sublipro-reassurance-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-reassurance-section__container {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

/* ==========================================================================
   3. TARJETA CENTRAL EDITORIAL
   ========================================================================== */
.sublipro-reassurance-card {
  width: 100%;
  background-color: var(--reas-card-bg);
  border: 1.5px solid var(--reas-border);
  border-radius: 28px;
  padding: 48px 40px;
  box-shadow: 0 14px 35px var(--reas-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 22px;
}

/* Kicker Superior */
.sublipro-reassurance-card__kicker {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--reas-accent);
}

/* Titular Principal */
.sublipro-reassurance-card__title {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3.8vw, 2.35rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--reas-title-dark);
  max-width: 660px;
  background: transparent !important;
}

/* Énfasis cromático de texto limpio: SOLO color, sin fondos */
.sublipro-reassurance-card__title .highlight {
  color: var(--reas-accent);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Cuerpo del Mensaje */
.sublipro-reassurance-card__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 640px;
}

.sublipro-reassurance-card__body p {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.05rem);
  line-height: 1.65;
  color: var(--reas-text-body);
}

.reassurance-lead {
  font-size: clamp(1rem, 2vw, 1.1rem) !important;
}

.reassurance-no {
  font-family: var(--font-heading) !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: var(--reas-accent) !important;
  line-height: 1 !important;
  margin: 2px 0;
}

/* Frase Destacada de Conclusión */
.sublipro-reassurance-card__takeaway {
  background-color: #FFFFFF;
  border: 1px solid var(--reas-border);
  border-radius: 20px;
  padding: 18px 28px;
  margin-top: 6px;
  box-shadow: 0 4px 14px rgba(216, 125, 131, 0.04);
  width: 100%;
  max-width: 580px;
}

.takeaway-text {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.15rem);
  color: var(--reas-title-dark);
  line-height: 1.5;
}

.takeaway-text strong {
  color: var(--reas-accent);
  font-weight: 800;
}

/* ==========================================================================
   4. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 680px) {
  .sublipro-reassurance-section {
    padding: 60px 16px 80px;
  }

  .sublipro-reassurance-card {
    padding: 34px 20px;
    border-radius: 22px;
    gap: 18px;
  }

  .sublipro-reassurance-card__title {
    font-size: 1.48rem;
  }

  .sublipro-reassurance-card__body p {
    font-size: 0.92rem;
    line-height: 1.58;
  }

  .reassurance-no {
    font-size: 1.2rem !important;
  }

  .sublipro-reassurance-card__takeaway {
    padding: 14px 16px;
    border-radius: 16px;
  }

  .takeaway-text {
    font-size: 0.96rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75afa49 *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --meth-bg: #FFFFFF;
  --meth-card-bg: #FFF9F8;         /* Rosa pastel ultra sutil y cálido */
  --meth-border: #F3D3CE;          /* Borde fino */
  --meth-accent: #D87D83;          /* Rosa principal de marca */
  --meth-title-dark: #2B2525;      /* Marrón chocolate oscuro cálido */
  --meth-text-body: #4A4546;       /* Texto de lectura */
  --meth-text-muted: #6B6263;      /* Gris cálido */
  --meth-white: #FFFFFF;
  --meth-shadow: rgba(216, 125, 131, 0.08);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sublipro-method-section {
  background-color: var(--meth-bg) !important;
  font-family: var(--font-body);
  color: var(--meth-text-body);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-method-section *,
.sublipro-method-section *::before,
.sublipro-method-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-method-section__container {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 38px;
}

/* ==========================================================================
   3. ENCABEZADO PERSUASIVO CENTRADO
   ========================================================================== */
.sublipro-method-section__header {
  text-align: center;
  max-width: 740px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

.sublipro-method-section__kicker {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--meth-accent);
}

.sublipro-method-section__title {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3.8vw, 2.35rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--meth-title-dark);
  background: transparent !important;
}

/* Énfasis cromático de texto limpio: SOLO color, sin fondos */
.sublipro-method-section__title .highlight {
  color: var(--meth-accent);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.sublipro-method-section__lead {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 680px;
  margin-top: 4px;
}

.sublipro-method-section__lead p {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.05rem);
  line-height: 1.62;
  color: var(--meth-text-body);
}

.lead-contrast {
  font-weight: 600;
  color: var(--meth-title-dark) !important;
}

/* ==========================================================================
   4. TARJETA VISUAL DEL MÉTODO (SECUENCIA DE PASOS)
   ========================================================================== */
.sublipro-method-card {
  width: 100%;
  background-color: var(--meth-card-bg);
  border: 1.5px solid var(--meth-border);
  border-radius: 26px;
  padding: 40px 34px;
  box-shadow: 0 14px 35px var(--meth-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 22px;
}

.method-intro {
  font-family: var(--font-body);
  font-size: clamp(1rem, 2vw, 1.1rem);
  font-weight: 600;
  color: var(--meth-title-dark);
  line-height: 1.5;
  max-width: 640px;
}

/* Flujo de Pasos */
.sublipro-method-steps {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}

.step-pill {
  background-color: var(--meth-white);
  border: 1px solid var(--meth-border);
  border-radius: 50px;
  padding: 8px 18px;
  font-family: var(--font-heading);
  font-size: 0.94rem;
  font-weight: 700;
  color: var(--meth-title-dark);
  box-shadow: 0 4px 12px rgba(216, 125, 131, 0.05);
  white-space: nowrap;
}

.step-pill--active {
  background-color: var(--meth-accent);
  border-color: var(--meth-accent);
  color: var(--meth-white);
  box-shadow: 0 4px 14px rgba(216, 125, 131, 0.35);
}

.step-arrow {
  color: var(--meth-accent);
  font-size: 1.15rem;
  font-weight: 700;
}

/* Cierre al Pie de la Tarjeta */
.sublipro-method-card__closure {
  border-top: 1px solid rgba(243, 211, 206, 0.65);
  padding-top: 20px;
  width: 100%;
  max-width: 660px;
}

.closure-takeaway {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.15rem);
  font-weight: 700;
  color: var(--meth-title-dark);
  line-height: 1.5;
}

/* ==========================================================================
   5. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 680px) {
  .sublipro-method-section {
    padding: 60px 16px 80px;
  }

  .sublipro-method-section__container {
    gap: 30px;
  }

  .sublipro-method-card {
    padding: 30px 18px;
    border-radius: 20px;
    gap: 18px;
  }

  .sublipro-method-steps {
    gap: 8px;
  }

  .step-pill {
    padding: 7px 14px;
    font-size: 0.86rem;
  }

  .step-arrow {
    font-size: 1rem;
  }

  .closure-takeaway {
    font-size: 0.96rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2d03c1f */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Plus+Jakarta+Sans:wght@700;800&family=Poppins:wght@400;500;600;700&display=swap');

/* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --mod-bg: #FFFFFF;
  --mod-card-bg: #FFFFFF;
  --mod-border: #F3D3CE;          /* Borde rosa fino */
  --mod-border-hover: #EAA3A7;
  --mod-icon-bg: #FCEBE9;        /* Fondo caja icono */
  --mod-accent: #D87D83;          /* Rosa terracota de marca */
  --mod-title-dark: #2B2525;      /* Marrón cálido oscuro */
  --mod-text-body: #555555;       /* Texto de lectura */
  --mod-shadow: rgba(216, 125, 131, 0.05);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
  --font-badge: 'Montserrat', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL
   ========================================================================== */
.subli-modality-section {
  background-color: var(--mod-bg) !important;
  font-family: var(--font-body);
  color: var(--mod-text-body);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.subli-modality-section *,
.subli-modality-section *::before,
.subli-modality-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.subli-modality-section__container {
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

/* ==========================================================================
   3. ENCABEZADO CENTRADO
   ========================================================================== */
.subli-modality-header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.subli-modality-kicker {
  font-family: var(--font-badge);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mod-accent);
}

.subli-modality-title {
  font-family: var(--font-heading);
  font-size: clamp(1.85rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--mod-title-dark);
  margin: 0;
}

.subli-modality-title .highlight {
  color: var(--mod-accent);
  font-weight: 800;
}

/* ==========================================================================
   4. CUADRÍCULA DE 4 TARJETAS (2X2)
   ========================================================================== */
.subli-modality-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  width: 100%;
}

.modality-card {
  background-color: var(--mod-card-bg);
  border: 1.5px solid var(--mod-border);
  border-radius: 22px;
  padding: 28px 24px;
  display: flex;
  align-items: flex-start;
  gap: 18px;
  box-shadow: 0 6px 20px var(--mod-shadow);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  box-sizing: border-box;
}

.modality-card:hover {
  transform: translateY(-2px);
  border-color: var(--mod-border-hover);
  box-shadow: 0 10px 26px rgba(216, 125, 131, 0.12);
}

/* Caja de icono redondeada */
.modality-card__icon-box {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  background-color: var(--mod-icon-bg);
  color: var(--mod-accent);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}

.modality-card__icon-box svg {
  width: 22px !important;
  height: 22px !important;
}

/* Cuerpo de texto de la tarjeta */
.modality-card__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: left;
}

.modality-card__title {
  font-family: var(--font-heading);
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mod-title-dark);
  line-height: 1.35;
  margin: 0;
}

.modality-card__desc {
  font-family: var(--font-body);
  font-size: 0.92rem;
  line-height: 1.6;
  color: var(--mod-text-body);
  margin: 0;
}

/* ==========================================================================
   5. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 680px) {
  .subli-modality-section {
    padding: 60px 16px 80px;
  }

  .subli-modality-section__container {
    gap: 30px;
  }

  .subli-modality-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .modality-card {
    padding: 22px 18px;
    border-radius: 18px;
    gap: 14px;
  }

  .modality-card__icon-box {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  .modality-card__icon-box svg {
    width: 19px !important;
    height: 19px !important;
  }

  .modality-card__title {
    font-size: 0.96rem;
  }

  .modality-card__desc {
    font-size: 0.88rem;
    line-height: 1.55;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-23507f6 *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --supp-bg: #FFFFFF;
  --supp-card-bg: #FFF9F8;         /* Rosa pastel ultra sutil y cálido */
  --supp-border: #F3D3CE;          /* Borde fino */
  --supp-accent: #D87D83;          /* Rosa principal de marca */
  --supp-title-dark: #2B2525;      /* Marrón chocolate oscuro cálido */
  --supp-text-body: #4A4546;       /* Texto de lectura */
  --supp-text-muted: #6B6263;      /* Gris cálido */
  --supp-shadow: rgba(216, 125, 131, 0.08);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sublipro-support-section {
  background-color: var(--supp-bg) !important;
  font-family: var(--font-body);
  color: var(--supp-text-body);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-support-section *,
.sublipro-support-section *::before,
.sublipro-support-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-support-section__container {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

/* ==========================================================================
   3. TARJETA CENTRAL EDITORIAL
   ========================================================================== */
.sublipro-support-card {
  width: 100%;
  background-color: var(--supp-card-bg);
  border: 1.5px solid var(--supp-border);
  border-radius: 28px;
  padding: 50px 42px;
  box-shadow: 0 14px 35px var(--supp-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
}

/* Kicker Superior */
.sublipro-support-card__kicker {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--supp-accent);
}

/* Titular Principal */
.sublipro-support-card__title {
  font-family: var(--font-heading);
  font-size: clamp(1.8rem, 4vw, 2.45rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--supp-title-dark);
  max-width: 660px;
  background: transparent !important;
}

/* Énfasis cromático de texto limpio: SOLO color, sin fondos */
.sublipro-support-card__title .highlight {
  color: var(--supp-accent);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* ==========================================================================
   4. BLOQUE NARRATIVO DE EMPATÍA
   ========================================================================== */
.sublipro-support-card__narrative {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 640px;
}

/* Caja de la frustración habitual */
.support-friction-box {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.friction-lead {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.05rem);
  line-height: 1.62;
  color: var(--supp-text-body);
}

.friction-twist {
  font-family: var(--font-heading);
  font-size: 1.12rem;
  font-weight: 700;
  font-style: italic;
  color: var(--supp-title-dark);
  margin-top: 2px;
}

.friction-doubt {
  font-family: var(--font-body);
  font-size: 0.94rem;
  color: var(--supp-text-muted);
}

/* Caja de la solución y promesa */
.support-solution-box {
  background-color: #FFFFFF;
  border: 1px solid var(--supp-border);
  border-radius: 20px;
  padding: 22px 28px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: 0 4px 14px rgba(216, 125, 131, 0.04);
}

.solution-intent {
  font-family: var(--font-body);
  font-size: 0.96rem;
  color: var(--supp-text-body);
  line-height: 1.55;
}

.solution-promise {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.15rem);
  font-weight: 700;
  color: var(--supp-accent);
  line-height: 1.5;
}

/* ==========================================================================
   5. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 680px) {
  .sublipro-support-section {
    padding: 60px 16px 80px;
  }

  .sublipro-support-card {
    padding: 36px 20px;
    border-radius: 22px;
    gap: 18px;
  }

  .sublipro-support-card__title {
    font-size: 1.55rem;
  }

  .sublipro-support-card__narrative {
    gap: 16px;
  }

  .friction-lead {
    font-size: 0.92rem;
    line-height: 1.55;
  }

  .friction-twist {
    font-size: 1.02rem;
  }

  .support-solution-box {
    padding: 16px 18px;
    border-radius: 16px;
  }

  .solution-intent {
    font-size: 0.9rem;
  }

  .solution-promise {
    font-size: 0.98rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9c7aa76 *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --ai-bg: #FFFFFF;
  --ai-card-bg: #FFF9F8;           /* Rosa pastel ultra sutil y cálido */
  --ai-border: #F3D3CE;            /* Borde fino */
  --ai-badge-bg: #FCEBE9;          /* Fondo píldora superior */
  --ai-accent: #D87D83;            /* Rosa principal de marca */
  --ai-title-dark: #2B2525;        /* Marrón chocolate oscuro cálido */
  --ai-text-body: #4A4546;         /* Texto de lectura */
  --ai-text-muted: #6B6263;        /* Gris cálido */
  --ai-shadow: rgba(216, 125, 131, 0.08);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sublipro-ai-section {
  background-color: var(--ai-bg) !important;
  font-family: var(--font-body);
  color: var(--ai-text-body);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-ai-section *,
.sublipro-ai-section *::before,
.sublipro-ai-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-ai-section__container {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

/* ==========================================================================
   3. TARJETA CENTRAL EDITORIAL
   ========================================================================== */
.sublipro-ai-card {
  width: 100%;
  background-color: var(--ai-card-bg);
  border: 1.5px solid var(--ai-border);
  border-radius: 28px;
  padding: 50px 42px;
  box-shadow: 0 14px 35px var(--ai-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 22px;
}

/* Badge Superior */
.sublipro-ai-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: var(--ai-badge-bg);
  border: 1px solid var(--ai-border);
  color: var(--ai-accent);
  font-family: var(--font-body);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 5px 16px;
  border-radius: 50px;
}

.badge-sparkle {
  font-size: 0.85rem;
  line-height: 1;
}

/* Titular Principal */
.sublipro-ai-card__title {
  font-family: var(--font-heading);
  font-size: clamp(1.8rem, 4vw, 2.45rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--ai-title-dark);
  max-width: 680px;
  background: transparent !important;
}

/* Énfasis cromático de texto limpio: SOLO color, sin fondos */
.sublipro-ai-card__title .highlight {
  color: var(--ai-accent);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Cuerpo del Texto */
.sublipro-ai-card__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 660px;
}

.sublipro-ai-card__body p {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.05rem);
  line-height: 1.65;
  color: var(--ai-text-body);
}

/* ==========================================================================
   4. CAJA DE DESTACADO / RESPUESTA AL INSTANTE
   ========================================================================== */
.sublipro-ai-card__destacado {
  background-color: #FFFFFF;
  border: 1.5px solid var(--ai-border);
  border-radius: 20px;
  padding: 22px 28px;
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 18px;
  text-align: left;
  box-shadow: 0 4px 16px rgba(216, 125, 131, 0.05);
  width: 100%;
  max-width: 640px;
}

.destacado-icon {
  font-size: 1.6rem;
  line-height: 1;
  flex-shrink: 0;
}

.destacado-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.destacado-lead {
  font-family: var(--font-body);
  font-size: clamp(0.92rem, 1.6vw, 0.98rem);
  color: var(--ai-text-muted);
  line-height: 1.5;
}

.destacado-main {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.15rem);
  font-weight: 700;
  color: var(--ai-accent);
  line-height: 1.45;
}

/* ==========================================================================
   5. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 680px) {
  .sublipro-ai-section {
    padding: 60px 16px 80px;
  }

  .sublipro-ai-card {
    padding: 36px 20px;
    border-radius: 22px;
    gap: 18px;
  }

  .sublipro-ai-card__title {
    font-size: 1.5rem;
  }

  .sublipro-ai-card__body p {
    font-size: 0.92rem;
    line-height: 1.58;
  }

  .sublipro-ai-card__destacado {
    padding: 16px 18px;
    border-radius: 16px;
    gap: 14px;
    flex-direction: column;
    text-align: center;
  }

  .destacado-lead {
    font-size: 0.88rem;
  }

  .destacado-main {
    font-size: 1rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bdfaa0b */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Plus+Jakarta+Sans:wght@700;800&family=Poppins:wght@400;500;600;700&display=swap');

/* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --bns-bg: #FFFFFF;
  --bns-card-bg: #FFFFFF;
  --bns-border: #F3D3CE;          /* Borde rosa pastel sutil */
  --bns-border-hover: #EAA3A7;
  --bns-badge-bg: #FCEBE9;        /* Fondo pastillas */
  --bns-accent: #D87D83;          /* Rosa principal de marca */
  --bns-title-dark: #2B2525;      /* Marrón cálido oscuro */
  --bns-text-body: #615B5C;       /* Gris suave para lectura */
  --bns-shadow: rgba(216, 125, 131, 0.07);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
  --font-badge: 'Montserrat', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL
   ========================================================================== */
.sublipro-bonuses-section {
  background-color: var(--bns-bg) !important;
  font-family: var(--font-body);
  color: var(--bns-title-dark);
  padding: 80px 20px 100px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-bonuses-section *,
.sublipro-bonuses-section *::before,
.sublipro-bonuses-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-bonuses-section__container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 36px;
}

/* ==========================================================================
   3. ENCABEZADO CENTRADO
   ========================================================================== */
.sublipro-header-box {
  text-align: center;
  max-width: 780px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.sublipro-kicker {
  font-family: var(--font-badge);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--bns-accent);
}

.sublipro-main-title {
  font-family: var(--font-heading);
  font-size: clamp(1.85rem, 3.8vw, 2.5rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--bns-title-dark);
}

.sublipro-main-title .highlight {
  color: var(--bns-accent);
  font-weight: 800;
}

/* ==========================================================================
   4. CUADRÍCULA DE LOS 13 BONOS (GRID 2 COLUMNAS)
   ========================================================================== */
.sublipro-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  width: 100%;
}

.subli-bonus-card {
  background-color: var(--bns-card-bg);
  border: 1.5px solid var(--bns-border);
  border-radius: 22px;
  padding: 24px 24px 26px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: 0 6px 20px var(--bns-shadow);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.subli-bonus-card:hover {
  transform: translateY(-2px);
  border-color: var(--bns-border-hover);
  box-shadow: 0 12px 28px rgba(216, 125, 131, 0.12);
}

/* Bono 13 ocupa todo el ancho inferior */
.subli-bonus-card--full {
  grid-column: 1 / -1;
}

/* Fila Superior: Badge + Icono minimalista */
.subli-bonus-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 4px;
}

.subli-pill-tag {
  font-family: var(--font-badge);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--bns-accent);
  background-color: var(--bns-badge-bg);
  padding: 5px 12px;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.subli-corner-icon {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  border: 1px solid var(--bns-border);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bns-accent);
  flex-shrink: 0;
}

.subli-corner-icon svg {
  width: 16px !important;
  height: 16px !important;
  stroke-width: 1.9;
}

/* Título y descripción */
.subli-bonus-card__title {
  font-family: var(--font-heading);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--bns-title-dark);
  line-height: 1.35;
  letter-spacing: -0.01em;
  margin: 0;
}

.subli-bonus-card__desc {
  font-family: var(--font-body);
  font-size: 0.88rem;
  color: var(--bns-text-body);
  line-height: 1.55;
  margin: 0;
}

/* ==========================================================================
   5. TARJETA DE AVISO IMPORTANTE (CAPTURA 4)
   ========================================================================== */
.sublipro-notice-card {
  width: 100%;
  background-color: #FFFFFF;
  border: 1.5px solid var(--bns-border);
  border-radius: 22px;
  padding: 22px 26px;
  box-shadow: 0 6px 20px var(--bns-shadow);
  display: flex;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
}

.sublipro-notice-icon {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sublipro-notice-icon svg {
  width: 100% !important;
  height: 100% !important;
}

.sublipro-notice-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left;
}

.sublipro-notice-title {
  font-family: var(--font-badge);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--bns-accent);
  margin: 0;
  line-height: 1.4;
}

.sublipro-notice-text {
  font-family: var(--font-body);
  font-size: 0.93rem;
  color: var(--bns-title-dark);
  line-height: 1.55;
  margin: 0;
}

.sublipro-notice-text strong {
  font-weight: 700;
}

/* ==========================================================================
   6. RESPONSIVE MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 768px) {
  .sublipro-bonuses-section {
    padding: 55px 16px 75px;
  }

  .sublipro-bonuses-section__container {
    gap: 26px;
  }

  .sublipro-cards-grid {
    grid-template-columns: 1fr; /* 1 columna en móvil */
    gap: 14px;
  }

  .subli-bonus-card {
    padding: 20px 18px;
    border-radius: 18px;
  }

  .subli-bonus-card__title {
    font-size: 0.98rem;
  }

  .subli-bonus-card__desc {
    font-size: 0.85rem;
  }

  .sublipro-notice-card {
    padding: 18px 16px;
    border-radius: 18px;
    align-items: flex-start;
    gap: 12px;
  }

  .sublipro-notice-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    margin-top: 2px;
  }

  .sublipro-notice-title {
    font-size: 0.74rem;
  }

  .sublipro-notice-text {
    font-size: 0.86rem;
    line-height: 1.5;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a33259b *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --test-bg: #FFFFFF;
  --test-card-bg: #FFFFFF;
  --test-card-tint: #FFF9F8;        /* Rosa pastel ultra sutil */
  --test-border: #F3D3CE;           /* Borde fino */
  --test-accent: #D87D83;           /* Rosa principal de marca */
  --test-title-dark: #2B2525;       /* Marrón chocolate oscuro cálido */
  --test-text-body: #4A4546;        /* Texto de lectura */
  --test-text-muted: #6B6263;       /* Gris cálido */
  --test-shadow: rgba(216, 125, 131, 0.08);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sublipro-testimonials-section {
  background-color: var(--test-bg) !important;
  font-family: var(--font-body);
  color: var(--test-text-body);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-testimonials-section *,
.sublipro-testimonials-section *::before,
.sublipro-testimonials-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-testimonials-section__container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 46px;
}

/* ==========================================================================
   3. ENCABEZADO PERSUASIVO CENTRADO
   ========================================================================== */
.sublipro-testimonials-section__header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.sublipro-testimonials-section__kicker {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--test-accent);
}

.sublipro-testimonials-section__title {
  font-family: var(--font-heading);
  font-size: clamp(1.85rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: -0.02em;
  color: var(--test-title-dark);
  background: transparent !important;
}

/* Énfasis cromático de texto limpio: SOLO color, sin fondos */
.sublipro-testimonials-section__title .highlight {
  color: var(--test-accent);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.sublipro-testimonials-section__subtitle {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.08rem);
  font-weight: 400;
  line-height: 1.62;
  color: var(--test-text-muted);
  max-width: 680px;
}

/* ==========================================================================
   4. MOSAICO DE CAPTURAS REALES (CSS COLUMNS)
   ========================================================================== */
.sublipro-testimonials-masonry {
  column-count: 2; /* 2 columnas balanceadas en escritorio */
  column-gap: 20px;
  width: 100%;
}

.testimonio-zoom-card {
  break-inside: avoid; /* Evita que la tarjeta se corte entre columnas */
  margin-bottom: 20px;
  background-color: var(--test-card-bg);
  border: 1.5px solid var(--test-border);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 25px var(--test-shadow);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  cursor: zoom-in;
  position: relative;
  display: block;
  outline: none;
}

.testimonio-zoom-card:hover,
.testimonio-zoom-card:focus {
  transform: translateY(-3px);
  border-color: #EAA3A7;
  box-shadow: 0 14px 34px rgba(216, 125, 131, 0.14);
}

.testimonio-zoom-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 18px;
}

/* Badge sutil de indicación de zoom */
.zoom-badge {
  position: absolute;
  bottom: 12px;
  right: 12px;
  background-color: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--test-border);
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--test-title-dark);
  padding: 4px 10px;
  border-radius: 50px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.testimonio-zoom-card:hover .zoom-badge,
.testimonio-zoom-card:focus .zoom-badge {
  opacity: 1;
  transform: translateY(0);
}

/* ==========================================================================
   5. FRANJA DE CIERRE Y REFLEXIÓN
   ========================================================================== */
.sublipro-testimonials-closure {
  background-color: var(--test-card-tint);
  border: 1.5px solid var(--test-border);
  border-radius: 22px;
  padding: 24px 34px;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
  box-shadow: 0 6px 20px rgba(216, 125, 131, 0.05);
}

.closure-takeaway {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.08rem);
  font-weight: 500;
  color: var(--test-title-dark);
  line-height: 1.6;
}

/* ==========================================================================
   6. MODAL LIGHTBOX PARA VISUALIZACIÓN EN ALTA RESOLUCIÓN
   ========================================================================== */
.subli-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.subli-lightbox.is-active {
  opacity: 1;
  pointer-events: auto;
}

.subli-lightbox__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(35, 28, 29, 0.88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.subli-lightbox__container {
  position: relative;
  z-index: 2;
  max-width: 92vw;
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.subli-lightbox__img {
  max-width: 92vw;
  max-height: 88vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 14px;
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.4);
}

.subli-lightbox__close {
  position: absolute;
  top: -44px;
  right: 0;
  background: none;
  border: none;
  color: #FFFFFF;
  font-size: 1.8rem;
  font-weight: 300;
  cursor: pointer;
  padding: 6px;
  line-height: 1;
  transition: color 0.2s ease, transform 0.2s ease;
}

.subli-lightbox__close:hover {
  color: var(--test-accent);
  transform: scale(1.1);
}

/* ==========================================================================
   7. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 768px) {
  .sublipro-testimonials-section {
    padding: 60px 16px 80px;
  }

  .sublipro-testimonials-section__container {
    gap: 32px;
  }

  .sublipro-testimonials-masonry {
    column-count: 1; /* 1 columna fluida en celulares */
    column-gap: 0;
  }

  .testimonio-zoom-card {
    margin-bottom: 16px;
    border-radius: 18px;
  }

  .zoom-badge {
    opacity: 0.9;
    transform: translateY(0);
  }

  .sublipro-testimonials-closure {
    padding: 20px 18px;
    border-radius: 18px;
  }

  .closure-takeaway {
    font-size: 0.92rem;
  }

  .subli-lightbox__close {
    top: -38px;
    right: 6px;
    font-size: 1.5rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36b341c *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --auth-bg: #FFFFFF;
  --auth-card-bg: #FFF9F8;         /* Rosa pastel ultra sutil y cálido */
  --auth-border: #F3D3CE;          /* Borde fino */
  --auth-accent: #D87D83;          /* Rosa principal de marca */
  --auth-title-dark: #2B2525;      /* Marrón chocolate oscuro cálido */
  --auth-text-body: #3A3233;       /* Texto de lectura */
  --auth-text-muted: #6B6263;      /* Gris cálido */
  --auth-shadow: rgba(216, 125, 131, 0.08);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sublipro-author-section {
  background-color: var(--auth-bg) !important;
  font-family: var(--font-body);
  color: var(--auth-text-body);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-author-section *,
.sublipro-author-section *::before,
.sublipro-author-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-author-section__container {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

/* ==========================================================================
   3. TARJETA PRINCIPAL (GRID 2 COLUMNAS)
   ========================================================================== */
.sublipro-author-card {
  width: 100%;
  background-color: var(--auth-card-bg);
  border: 1.5px solid var(--auth-border);
  border-radius: 28px;
  padding: 48px;
  box-shadow: 0 14px 35px var(--auth-shadow);
  display: grid;
  grid-template-columns: 310px 1fr;
  gap: 44px;
  align-items: center;
}

/* ==========================================================================
   4. COLUMNA IZQUIERDA: MARCO DE FOTOGRAFÍA IDENTIFICADO
   ========================================================================== */
.sublipro-author-card__media {
  width: 100%;
}

.sublipro-author-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  border-radius: 24px;
  overflow: hidden;
  border: 2px solid var(--auth-border);
  box-shadow: 0 10px 25px rgba(216, 125, 131, 0.12);
  background-color: #F8F2F1;
}

.sublipro-author-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ==========================================================================
   5. COLUMNA DERECHA: TEXTOS Y NARRATIVA
   ========================================================================== */
.sublipro-author-card__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sublipro-author-kicker {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--auth-accent);
}

.sublipro-author-title {
  font-family: var(--font-heading);
  font-size: clamp(1.85rem, 3.4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--auth-title-dark);
}

.sublipro-author-title .wave {
  display: inline-block;
  font-style: normal;
}

/* Párrafos de la historia */
.sublipro-author-story {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sublipro-author-story p {
  font-size: clamp(0.94rem, 1.6vw, 1.01rem);
  line-height: 1.68;
  color: var(--auth-text-body);
  font-weight: 400;
}

.story-lead-insight {
  font-weight: 600;
  color: var(--auth-title-dark) !important;
  margin-top: 4px;
}

/* Caja de Destacado / Insight Pedagógico */
.sublipro-author-insight-box {
  background-color: #FFFFFF;
  border-left: 3px solid var(--auth-accent);
  border-radius: 0 16px 16px 0;
  padding: 14px 20px;
  margin: 4px 0;
  box-shadow: 0 4px 14px rgba(216, 125, 131, 0.04);
}

.insight-phrase {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.22rem);
  font-weight: 800;
  font-style: italic;
  color: var(--auth-title-dark);
  line-height: 1.4;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.story-conclusion {
  color: var(--auth-text-body);
}

.story-method-highlight {
  font-family: var(--font-heading) !important;
  font-size: clamp(0.98rem, 1.8vw, 1.08rem) !important;
  font-weight: 700 !important;
  color: var(--auth-accent) !important;
  line-height: 1.5 !important;
}

/* ==========================================================================
   6. ADAPTABILIDAD MÓVIL (TABLETS Y SMARTPHONES)
   ========================================================================== */
@media (max-width: 820px) {
  .sublipro-author-section {
    padding: 60px 16px 80px;
  }

  .sublipro-author-card {
    grid-template-columns: 1fr; /* 1 columna en celulares */
    gap: 32px;
    padding: 34px 22px;
    border-radius: 22px;
  }

  .sublipro-author-card__media {
    max-width: 280px;
    margin: 0 auto;
  }

  .sublipro-author-title {
    font-size: 1.75rem;
  }

  .sublipro-author-story p {
    font-size: 0.92rem;
    line-height: 1.6;
  }

  .sublipro-author-insight-box {
    padding: 12px 16px;
  }

  .insight-phrase {
    font-size: 1rem;
  }

  .story-method-highlight {
    font-size: 0.95rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4060436 *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --obj-bg: #FFFFFF;
  --obj-card-bg: #FFF9F8;         /* Rosa pastel ultra sutil y cálido */
  --obj-border: #F3D3CE;          /* Borde fino */
  --obj-accent: #D87D83;          /* Rosa principal de marca */
  --obj-title-dark: #2B2525;      /* Marrón chocolate oscuro cálido */
  --obj-text-body: #4A4546;       /* Texto de lectura */
  --obj-shadow: rgba(216, 125, 131, 0.08);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sublipro-objection-section {
  background-color: var(--obj-bg) !important;
  font-family: var(--font-body);
  color: var(--obj-text-body);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-objection-section *,
.sublipro-objection-section *::before,
.sublipro-objection-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-objection-section__container {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

/* ==========================================================================
   3. TARJETA CENTRAL EDITORIAL
   ========================================================================== */
.sublipro-objection-card {
  width: 100%;
  background-color: var(--obj-card-bg);
  border: 1.5px solid var(--obj-border);
  border-radius: 28px;
  padding: 50px 42px;
  box-shadow: 0 14px 35px var(--obj-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 22px;
}

/* Kicker Superior */
.sublipro-objection-card__kicker {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--obj-accent);
}

/* Titular Principal */
.sublipro-objection-card__title {
  font-family: var(--font-heading);
  font-size: clamp(1.65rem, 3.8vw, 2.35rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--obj-title-dark);
  max-width: 660px;
  background: transparent !important;
}

/* Énfasis cromático de texto limpio: SOLO color, sin fondos */
.sublipro-objection-card__title .highlight {
  color: var(--obj-accent);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Apertura y Validación */
.sublipro-objection-card__lead {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 640px;
}

.sublipro-objection-card__lead p {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.05rem);
  line-height: 1.62;
  color: var(--obj-text-body);
}

.lead-affirmation {
  font-family: var(--font-heading) !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: var(--obj-accent) !important;
}

.lead-contrast {
  font-weight: 600;
  color: var(--obj-title-dark) !important;
  margin-top: 4px;
}

/* ==========================================================================
   4. LISTA DE LAS 6 INCÓGNITAS
   ========================================================================== */
.sublipro-objection-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 460px;
  text-align: left;
  background-color: #FFFFFF;
  border: 1px solid var(--obj-border);
  border-radius: 20px;
  padding: 22px 28px;
  box-shadow: 0 4px 14px rgba(216, 125, 131, 0.04);
}

.objection-item {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.objection-dot {
  color: var(--obj-accent);
  font-size: 1.2rem;
  line-height: 1;
  flex-shrink: 0;
}

.objection-text {
  font-family: var(--font-body);
  font-size: clamp(0.92rem, 1.6vw, 0.98rem);
  font-weight: 500;
  color: var(--obj-title-dark);
  line-height: 1.5;
}

/* ==========================================================================
   5. FRANJA DE CIERRE (LA RUTA DEFINIDA)
   ========================================================================== */
.sublipro-objection-card__takeaway {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 600px;
  border-top: 1px solid rgba(243, 211, 206, 0.65);
  padding-top: 20px;
  width: 100%;
}

.takeaway-highlight {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2.2vw, 1.35rem);
  font-weight: 800;
  color: var(--obj-accent);
}

.takeaway-desc {
  font-family: var(--font-body);
  font-size: clamp(0.94rem, 1.8vw, 1.02rem);
  line-height: 1.6;
  color: var(--obj-title-dark);
  font-weight: 500;
}

/* ==========================================================================
   6. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 680px) {
  .sublipro-objection-section {
    padding: 60px 16px 80px;
  }

  .sublipro-objection-card {
    padding: 36px 20px;
    border-radius: 22px;
    gap: 18px;
  }

  .sublipro-objection-card__title {
    font-size: 1.45rem;
  }

  .lead-affirmation {
    font-size: 1.15rem !important;
  }

  .sublipro-objection-list {
    padding: 18px 20px;
    gap: 8px;
  }

  .objection-text {
    font-size: 0.88rem;
  }

  .takeaway-highlight {
    font-size: 1.1rem;
  }

  .takeaway-desc {
    font-size: 0.9rem;
    line-height: 1.55;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e6226f *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --des-bg: #FFFFFF;
  --des-card-bg: #FFF9F8;         /* Rosa pastel ultra sutil y cálido */
  --des-border: #F3D3CE;          /* Borde fino */
  --des-accent: #D87D83;          /* Rosa principal de marca */
  --des-title-dark: #2B2525;      /* Marrón chocolate oscuro cálido */
  --des-text-body: #4A4546;       /* Texto de lectura */
  --des-shadow: rgba(216, 125, 131, 0.08);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sublipro-design-objection-section {
  background-color: var(--des-bg) !important;
  font-family: var(--font-body);
  color: var(--des-text-body);
  padding: 80px 20px 100px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-design-objection-section *,
.sublipro-design-objection-section *::before,
.sublipro-design-objection-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-design-objection-section__container {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

/* ==========================================================================
   3. TARJETA CENTRAL EDITORIAL
   ========================================================================== */
.sublipro-design-card {
  width: 100%;
  background-color: var(--des-card-bg);
  border: 1.5px solid var(--des-border);
  border-radius: 28px;
  padding: 48px 40px;
  box-shadow: 0 14px 35px var(--des-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
}

/* Kicker Superior */
.sublipro-design-card__kicker {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--des-accent);
}

/* Titular Principal */
.sublipro-design-card__title {
  font-family: var(--font-heading);
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: -0.02em;
  color: var(--des-title-dark);
  background: transparent !important;
}

/* Énfasis cromático de texto limpio: SOLO color, sin fondos */
.sublipro-design-card__title .highlight {
  color: var(--des-accent);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Caja de Alivio y Respuesta Directa */
.sublipro-design-relief-box {
  background-color: #FFFFFF;
  border: 1px solid var(--des-border);
  border-radius: 20px;
  padding: 18px 26px;
  margin: 4px 0;
  box-shadow: 0 4px 14px rgba(216, 125, 131, 0.04);
  max-width: 620px;
  width: 100%;
}

.relief-main {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.22rem);
  font-weight: 800;
  color: var(--des-accent);
  line-height: 1.4;
}

/* Párrafos Explicativos de Progreso */
.sublipro-design-card__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 620px;
  margin-top: 4px;
}

.sublipro-design-card__body p {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.05rem);
  line-height: 1.65;
  color: var(--des-text-body);
}

.body-priority {
  font-weight: 600;
  color: var(--des-title-dark) !important;
}

.body-growth {
  color: var(--des-text-body);
}

/* ==========================================================================
   4. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 680px) {
  .sublipro-design-objection-section {
    padding: 60px 16px 80px;
  }

  .sublipro-design-card {
    padding: 34px 20px;
    border-radius: 22px;
    gap: 16px;
  }

  .sublipro-design-card__title {
    font-size: 1.6rem;
  }

  .sublipro-design-relief-box {
    padding: 14px 16px;
    border-radius: 16px;
  }

  .relief-main {
    font-size: 1rem;
  }

  .sublipro-design-card__body p {
    font-size: 0.92rem;
    line-height: 1.58;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-61771eb *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --wst-bg: #FFFFFF;
  --wst-card-bg: #FFF9F8;         /* Rosa pastel ultra sutil y cálido */
  --wst-border: #F3D3CE;          /* Borde fino */
  --wst-accent: #D87D83;          /* Rosa principal de marca */
  --wst-title-dark: #2B2525;      /* Marrón chocolate oscuro cálido */
  --wst-text-body: #4A4546;       /* Texto de lectura */
  --wst-shadow: rgba(216, 125, 131, 0.08);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sublipro-fear-waste-section {
  background-color: var(--wst-bg) !important;
  font-family: var(--font-body);
  color: var(--wst-text-body);
  padding: 80px 20px 100px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-fear-waste-section *,
.sublipro-fear-waste-section *::before,
.sublipro-fear-waste-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-fear-waste-section__container {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

/* ==========================================================================
   3. TARJETA CENTRAL EDITORIAL
   ========================================================================== */
.sublipro-fear-waste-card {
  width: 100%;
  background-color: var(--wst-card-bg);
  border: 1.5px solid var(--wst-border);
  border-radius: 28px;
  padding: 48px 40px;
  box-shadow: 0 14px 35px var(--wst-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
}

/* Kicker Superior */
.sublipro-fear-waste-card__kicker {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wst-accent);
}

/* Titular Principal */
.sublipro-fear-waste-card__title {
  font-family: var(--font-heading);
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.22;
  letter-spacing: -0.02em;
  color: var(--wst-title-dark);
  background: transparent !important;
}

/* Énfasis cromático de texto limpio: SOLO color, sin fondos */
.sublipro-fear-waste-card__title .highlight {
  color: var(--wst-accent);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Bloque de Empatía */
.sublipro-fear-waste-card__lead {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 620px;
}

.sublipro-fear-waste-card__lead p {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.05rem);
  line-height: 1.62;
  color: var(--wst-text-body);
}

.lead-truth {
  font-weight: 600;
  color: var(--wst-title-dark) !important;
}

/* Caja Destacada: El Secreto del Aprendizaje Seguro */
.sublipro-fear-waste-relief-box {
  background-color: #FFFFFF;
  border: 1px solid var(--wst-border);
  border-radius: 20px;
  padding: 22px 28px;
  margin-top: 6px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: 0 4px 14px rgba(216, 125, 131, 0.04);
  max-width: 640px;
  width: 100%;
}

.relief-core {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.22rem);
  font-weight: 800;
  color: var(--wst-accent);
  line-height: 1.4;
}

.relief-explanation {
  font-family: var(--font-body);
  font-size: clamp(0.94rem, 1.8vw, 1rem);
  line-height: 1.65;
  color: var(--wst-text-body);
}

.relief-explanation strong {
  color: var(--wst-title-dark);
  font-weight: 600;
}

/* ==========================================================================
   4. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 680px) {
  .sublipro-fear-waste-section {
    padding: 60px 16px 80px;
  }

  .sublipro-fear-waste-card {
    padding: 34px 20px;
    border-radius: 22px;
    gap: 16px;
  }

  .sublipro-fear-waste-card__title {
    font-size: 1.55rem;
  }

  .sublipro-fear-waste-relief-box {
    padding: 16px 18px;
    border-radius: 16px;
    gap: 8px;
  }

  .relief-core {
    font-size: 1rem;
  }

  .relief-explanation {
    font-size: 0.9rem;
    line-height: 1.58;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eb2bba0 *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --get-bg: #FFFFFF;
  --get-card-bg: #FFF9F8;         /* Rosa pastel ultra sutil y cálido */
  --get-border: #F3D3CE;          /* Borde fino */
  --get-accent: #D87D83;          /* Rosa principal de marca */
  --get-title-dark: #2B2525;      /* Marrón chocolate oscuro cálido */
  --get-text-body: #3A3233;       /* Texto de lectura */
  --get-white: #FFFFFF;
  --get-shadow: rgba(216, 125, 131, 0.08);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sublipro-get-section {
  background-color: var(--get-bg) !important;
  font-family: var(--font-body);
  color: var(--get-text-body);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-get-section *,
.sublipro-get-section *::before,
.sublipro-get-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-get-section__container {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 38px;
}

/* ==========================================================================
   3. ENCABEZADO CENTRADO
   ========================================================================== */
.sublipro-get-section__header {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.sublipro-get-section__kicker {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--get-accent);
  margin-bottom: 12px;
}

.sublipro-get-section__title {
  font-family: var(--font-heading);
  font-size: clamp(1.8rem, 4vw, 2.45rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--get-title-dark);
  background: transparent !important;
}

/* Énfasis cromático de texto limpio: SOLO color, sin fondos */
.sublipro-get-section__title .highlight {
  color: var(--get-accent);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* ==========================================================================
   4. TARJETA CENTRAL CON LOS 12 ENTREGABLES
   ========================================================================== */
.sublipro-get-card {
  width: 100%;
  background-color: var(--get-card-bg);
  border: 1.5px solid var(--get-border);
  border-radius: 28px;
  padding: 48px 44px;
  box-shadow: 0 14px 35px var(--get-shadow);
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.sublipro-get-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}

.sublipro-get-item {
  display: flex;
  align-items: center;
  gap: 15px;
}

/* Check circular en rosa de marca */
.get-check {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-color: var(--get-accent);
  color: var(--get-white);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 8px rgba(216, 125, 131, 0.32);
}

.get-check svg {
  width: 13px;
  height: 13px;
}

.get-text {
  font-family: var(--font-body);
  font-size: clamp(0.94rem, 1.8vw, 1.02rem);
  line-height: 1.5;
  color: var(--get-text-body);
}

.get-text strong {
  color: var(--get-title-dark);
  font-weight: 700;
}

/* Destacado al pie de la tarjeta */
.sublipro-get-closure {
  border-top: 1px solid rgba(243, 211, 206, 0.65);
  padding-top: 22px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.closure-contrast {
  font-family: var(--font-body);
  font-size: 0.94rem;
  color: #6B6263;
}

.closure-takeaway {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.15rem);
  font-weight: 700;
  color: var(--get-title-dark);
  line-height: 1.5;
}

/* ==========================================================================
   5. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 680px) {
  .sublipro-get-section {
    padding: 60px 16px 80px;
  }

  .sublipro-get-section__container {
    gap: 28px;
  }

  .sublipro-get-card {
    padding: 34px 20px;
    border-radius: 20px;
    gap: 22px;
  }

  .sublipro-get-list {
    gap: 14px;
  }

  .sublipro-get-item {
    gap: 12px;
  }

  .get-check {
    width: 22px;
    height: 22px;
  }

  .get-check svg {
    width: 12px;
    height: 12px;
  }

  .get-text {
    font-size: 0.92rem;
    line-height: 1.45;
  }

  .sublipro-get-closure {
    padding-top: 18px;
  }

  .closure-contrast {
    font-size: 0.88rem;
  }

  .closure-takeaway {
    font-size: 0.98rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-33babfb */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Plus+Jakarta+Sans:wght@700;800&family=Poppins:wght@400;500;600;700&display=swap');

/* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --prc-bg: #FFFFFF;
  --prc-card-bg: #FFFFFF;
  --prc-box-bg: #FFF9F8;          /* Rosa pastel ultra sutil */
  --prc-border: #F3D3CE;          /* Borde fino rosa suave */
  --prc-accent: #D87D83;          /* Rosa terracota de marca */
  --prc-accent-hover: #C56B71;    /* Hover botón */
  --prc-title-dark: #2B2525;      /* Marrón chocolate cálido oscuro */
  --prc-text-body: #4A4546;       /* Texto de lectura */
  --prc-text-muted: #6B6263;      /* Gris cálido */
  --prc-check-bg: #FCEBE9;        /* Fondo del check circular */
  --prc-shadow: rgba(216, 125, 131, 0.08);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
  --font-badge: 'Montserrat', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sublipro-pricing-section {
  background-color: var(--prc-bg) !important;
  font-family: var(--font-body);
  color: var(--prc-text-body);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-pricing-section *,
.sublipro-pricing-section *::before,
.sublipro-pricing-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-pricing-section__container {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

/* ==========================================================================
   3. TARJETA PRINCIPAL DE OFERTA
   ========================================================================== */
.sublipro-offer-card {
  width: 100%;
  background-color: var(--prc-card-bg);
  border: 1.5px solid var(--prc-border);
  border-radius: 28px;
  padding: 44px 36px;
  box-shadow: 0 16px 45px var(--prc-shadow);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

/* Título Superior */
.sublipro-offer-card__title {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3.4vw, 1.85rem);
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--prc-title-dark);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 34px;
}

.sublipro-offer-card__title .highlight {
  color: var(--prc-accent);
}

/* ==========================================================================
   4. LISTA DE ENTREGABLES Y PRECIOS ALINEADOS
   ========================================================================== */
.pricing-items-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  padding: 0;
  margin: 0 0 24px 0;
}

.pricing-row-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}

.pricing-row-item__info {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex: 1;
}

/* Check circular suave */
.pricing-check-icon {
  flex-shrink: 0;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  background-color: var(--prc-check-bg);
  color: var(--prc-accent);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}

.pricing-check-icon svg {
  width: 11px !important;
  height: 11px !important;
  stroke-width: 3;
}

/* Icono de regalo 🎁 */
.pricing-gift-icon {
  flex-shrink: 0;
  font-size: 1.05rem;
  line-height: 1;
  margin-top: 2px;
}

.pricing-row-item__text {
  font-family: var(--font-body);
  font-size: 0.94rem;
  line-height: 1.48;
  color: var(--prc-title-dark);
  margin: 0;
}

.pricing-row-item__text strong {
  font-weight: 700;
}

/* Precio en USD alineado a la derecha */
.pricing-row-item__price {
  font-family: var(--font-body);
  font-size: 0.94rem;
  font-weight: 700;
  color: #7A7273;
  white-space: nowrap;
  flex-shrink: 0;
  text-align: right;
}

/* Subtítulo de Regalos */
.bonuses-kicker-divider {
  font-family: var(--font-badge);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--prc-accent);
  margin: 8px 0 16px 0;
  padding-top: 14px;
  border-top: 1px solid rgba(243, 211, 206, 0.6);
  text-align: left;
}

/* ==========================================================================
   5. TARJETA INTERIOR DE OFERTA Y PRECIO DESTACADO
   ========================================================================== */
.sublipro-pricing-box {
  width: 100%;
  background-color: var(--prc-box-bg);
  border: 1.5px solid var(--prc-border);
  border-radius: 22px;
  padding: 34px 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  margin-top: 10px;
}

/* Valor Real Tachado */
.pricing-real-value {
  font-family: var(--font-body);
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--prc-text-muted);
  margin-bottom: 6px;
}

.pricing-real-value .strikethrough {
  text-decoration: line-through;
  color: var(--prc-accent);
  margin-left: 4px;
}

/* Texto previo al precio */
.pricing-access-text {
  font-family: var(--font-heading);
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--prc-title-dark);
  margin-bottom: 12px;
}

/* Precio Destacado */
.pricing-main-amount {
  font-family: var(--font-heading);
  font-size: clamp(3.4rem, 8vw, 4.6rem);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--prc-accent);
  margin-bottom: 16px;
}

/* Nota Informativa sobre Moneda */
.pricing-currency-details {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 520px;
  margin-bottom: 24px;
}

.pricing-currency-details p {
  font-family: var(--font-body);
  font-size: 0.82rem;
  line-height: 1.58;
  color: var(--prc-text-muted);
  margin: 0;
}

.pricing-currency-details .payment-methods-text {
  color: var(--prc-text-body);
}

.pricing-currency-details strong {
  color: var(--prc-title-dark);
  font-weight: 700;
}

/* Botón CTA Estilo Píldora */
.sublipro-pricing-btn {
  width: 100%;
  max-width: 460px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--prc-accent);
  color: #FFFFFF;
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: 1.02rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 19px 28px;
  border-radius: 50px;
  box-shadow: 0 10px 25px rgba(216, 125, 131, 0.4);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
  margin-bottom: 18px;
  text-align: center;
}

.sublipro-pricing-btn:hover {
  background-color: var(--prc-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(216, 125, 131, 0.5);
}

.sublipro-pricing-btn:active {
  transform: translateY(0);
  box-shadow: 0 6px 14px rgba(216, 125, 131, 0.3);
}

/* Microcopy de Seguridad al Pie */
.pricing-security-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: var(--font-body);
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--prc-text-muted);
  line-height: 1.4;
}

/* ==========================================================================
   6. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 680px) {
  .sublipro-pricing-section {
    padding: 60px 14px 80px;
  }

  .sublipro-offer-card {
    padding: 30px 18px;
    border-radius: 22px;
  }

  .sublipro-offer-card__title {
    margin-bottom: 24px;
  }

  .pricing-row-item {
    gap: 10px;
  }

  .pricing-row-item__text {
    font-size: 0.88rem;
  }

  .pricing-row-item__price {
    font-size: 0.86rem;
  }

  .sublipro-pricing-box {
    padding: 24px 16px;
    border-radius: 18px;
  }

  .pricing-main-amount {
    font-size: 3.2rem;
  }

  .sublipro-pricing-btn {
    padding: 16px 18px;
    font-size: 0.88rem;
    line-height: 1.3;
  }

  .pricing-security-badge {
    font-size: 0.74rem;
    flex-wrap: wrap;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c70c16d *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --gar-bg: #FFFFFF;
  --gar-card-bg: #FFF9F8;         /* Rosa pastel ultra sutil y cálido */
  --gar-border: #F3D3CE;          /* Borde fino */
  --gar-icon-bg: #FCEBE9;         /* Fondo del icono */
  --gar-accent: #D87D83;          /* Rosa principal de marca */
  --gar-title-dark: #2B2525;      /* Marrón chocolate oscuro cálido */
  --gar-text-body: #4A4546;       /* Texto de lectura */
  --gar-shadow: rgba(216, 125, 131, 0.08);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sublipro-guarantee-section {
  background-color: var(--gar-bg) !important;
  font-family: var(--font-body);
  color: var(--gar-text-body);
  padding: 80px 20px 100px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-guarantee-section *,
.sublipro-guarantee-section *::before,
.sublipro-guarantee-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-guarantee-section__container {
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

/* ==========================================================================
   3. TARJETA CENTRAL EDITORIAL
   ========================================================================== */
.sublipro-guarantee-card {
  width: 100%;
  background-color: var(--gar-card-bg);
  border: 1.5px solid var(--gar-border);
  border-radius: 28px;
  padding: 48px 40px;
  box-shadow: 0 14px 35px var(--gar-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
}

/* Icono de Seguridad / Escudo */
.sublipro-guarantee-icon {
  width: 54px;
  height: 54px;
  background-color: var(--gar-icon-bg);
  color: var(--gar-accent);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(216, 125, 131, 0.12);
  margin-bottom: 4px;
}

.sublipro-guarantee-icon svg {
  width: 28px;
  height: 28px;
}

/* Kicker Superior */
.sublipro-guarantee-card__kicker {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gar-accent);
}

/* Titular Principal */
.sublipro-guarantee-card__title {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3.8vw, 2.35rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--gar-title-dark);
  max-width: 620px;
  background: transparent !important;
}

/* Énfasis cromático de texto limpio: SOLO color, sin fondos */
.sublipro-guarantee-card__title .highlight {
  color: var(--gar-accent);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Cuerpo del Texto */
.sublipro-guarantee-card__body {
  max-width: 600px;
  margin-top: 4px;
}

.sublipro-guarantee-card__body p {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.05rem);
  line-height: 1.65;
  color: var(--gar-text-body);
}

/* ==========================================================================
   4. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 680px) {
  .sublipro-guarantee-section {
    padding: 60px 16px 80px;
  }

  .sublipro-guarantee-card {
    padding: 34px 20px;
    border-radius: 22px;
    gap: 14px;
  }

  .sublipro-guarantee-icon {
    width: 46px;
    height: 46px;
  }

  .sublipro-guarantee-icon svg {
    width: 24px;
    height: 24px;
  }

  .sublipro-guarantee-card__title {
    font-size: 1.55rem;
  }

  .sublipro-guarantee-card__body p {
    font-size: 0.92rem;
    line-height: 1.58;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a86f070 */@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700;800&family=Poppins:wght@400;500;600;700&display=swap');

/* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --faq-bg: #FFFFFF;
  --faq-card-closed-bg: #FFFFFF;
  --faq-card-open-bg: #FFF9F8;      /* Rosa pastel ultra sutil */
  --faq-border-closed: #F3D3CE;     /* Borde rosa fino */
  --faq-border-open: #EAA3A7;       /* Borde rosa activo */
  --faq-title-dark: #2B2525;        /* Marrón chocolate oscuro cálido */
  --faq-subtitle: #555555;          /* Gris cálido */
  --faq-text-reading: #3A3233;      /* Texto de lectura */
  --faq-accent: #D87D83;            /* Rosa principal de marca */
  --faq-shadow: rgba(216, 125, 131, 0.05);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sublipro-faq-section {
  background-color: var(--faq-bg) !important;
  font-family: var(--font-body);
  color: var(--faq-text-reading);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-faq-section *,
.sublipro-faq-section *::before,
.sublipro-faq-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-faq-section__container {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

/* ==========================================================================
   3. ENCABEZADO CENTRADO
   ========================================================================== */
.sublipro-faq-section__header {
  text-align: center;
  max-width: 660px;
  margin: 0 auto;
}

.sublipro-faq-section__kicker {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--faq-accent);
  margin-bottom: 12px;
}

.sublipro-faq-section__title {
  font-family: var(--font-heading);
  font-size: clamp(1.85rem, 4vw, 2.45rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--faq-title-dark);
  margin-bottom: 12px;
}

.sublipro-faq-section__subtitle {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.05rem);
  font-weight: 400;
  line-height: 1.62;
  color: var(--faq-subtitle);
  max-width: 580px;
  margin: 0 auto;
}

/* ==========================================================================
   4. ACORDEÓN DE PREGUNTAS (RESPONSIVE & ANIMADO)
   ========================================================================== */
.sublipro-faq-accordion {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.faq-item {
  width: 100%;
  background-color: var(--faq-card-closed-bg);
  border: 1.5px solid var(--faq-border-closed);
  border-radius: 18px;
  box-shadow: 0 6px 20px var(--faq-shadow);
  overflow: hidden;
  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

/* Estado abierto */
.faq-item.is-open {
  background-color: var(--faq-card-open-bg);
  border-color: var(--faq-border-open);
  box-shadow: 0 10px 28px rgba(216, 125, 131, 0.09);
}

/* Botón disparador */
.faq-trigger {
  width: 100%;
  background: none;
  border: none;
  outline: none;
  padding: 19px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  cursor: pointer;
  text-align: left;
}

.faq-question {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 2vw, 1.05rem);
  font-weight: 600;
  color: var(--faq-title-dark);
  line-height: 1.45;
  transition: color 0.2s ease;
}

.faq-item.is-open .faq-question {
  color: var(--faq-accent);
}

/* Flecha rotativa */
.faq-icon {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  color: var(--faq-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.faq-icon svg {
  width: 18px;
  height: 18px;
}

.faq-item.is-open .faq-icon {
  transform: rotate(180deg);
}

/* Contenedor de respuesta animado mediante CSS Grid */
.faq-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.faq-item.is-open .faq-content {
  grid-template-rows: 1fr;
}

.faq-content__inner {
  overflow: hidden;
}

.faq-content__inner p {
  padding: 0 24px 22px 24px;
  font-family: var(--font-body);
  font-size: clamp(0.92rem, 1.8vw, 0.98rem);
  line-height: 1.68;
  color: var(--faq-text-reading);
  font-weight: 400;
  border-top: 1px solid rgba(243, 211, 206, 0.4);
  padding-top: 14px;
  margin: 0;
}

.faq-content__inner p strong {
  font-weight: 700;
  color: var(--faq-title-dark);
}

/* ==========================================================================
   5. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 680px) {
  .sublipro-faq-section {
    padding: 60px 16px 80px;
  }

  .sublipro-faq-section__container {
    gap: 30px;
  }

  .sublipro-faq-accordion {
    gap: 11px;
  }

  .faq-item {
    border-radius: 16px;
  }

  .faq-trigger {
    padding: 16px 18px;
    gap: 12px;
  }

  .faq-question {
    font-size: 0.94rem;
  }

  .faq-content__inner p {
    padding: 0 18px 18px 18px;
    font-size: 0.89rem;
    line-height: 1.55;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06e8ba9 *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --fcta-bg: #FFFFFF;
  --fcta-card-bg: #FFF9F8;         /* Rosa pastel ultra sutil y cálido */
  --fcta-border: #F3D3CE;          /* Borde fino */
  --fcta-accent: #D87D83;          /* Rosa principal de marca */
  --fcta-accent-hover: #C56B71;    /* Hover interactivo */
  --fcta-title-dark: #2B2525;      /* Marrón chocolate oscuro cálido */
  --fcta-text-body: #4A4546;       /* Texto de lectura */
  --fcta-text-muted: #6B6263;      /* Gris cálido */
  --fcta-shadow: rgba(216, 125, 131, 0.09);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sublipro-final-section {
  background-color: var(--fcta-bg) !important;
  font-family: var(--font-body);
  color: var(--fcta-text-body);
  padding: 85px 20px 115px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-final-section *,
.sublipro-final-section *::before,
.sublipro-final-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-final-section__container {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

/* ==========================================================================
   3. TARJETA CENTRAL EMOCIONAL
   ========================================================================== */
.sublipro-final-card {
  width: 100%;
  background-color: var(--fcta-card-bg);
  border: 1.5px solid var(--fcta-border);
  border-radius: 28px;
  padding: 56px 44px;
  box-shadow: 0 16px 45px var(--fcta-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
}

/* Titular Principal con Destello */
.sublipro-final-card__title {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3.8vw, 2.45rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--fcta-title-dark);
  max-width: 620px;
  background: transparent !important;
}

/* Énfasis cromático de texto limpio: SOLO color, sin fondos */
.sublipro-final-card__title .highlight {
  color: var(--fcta-accent);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* ==========================================================================
   4. BLOQUE NARRATIVO Y PACTO DE COMPROMISO
   ========================================================================== */
.sublipro-final-card__narrative {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 580px;
  margin: 4px auto;
}

.narrative-line {
  font-family: var(--font-body);
  font-size: clamp(0.96rem, 1.8vw, 1.05rem);
  line-height: 1.6;
  color: var(--fcta-text-body);
}

.narrative-core {
  font-family: var(--font-body);
  font-size: clamp(0.98rem, 1.8vw, 1.08rem);
  font-weight: 600;
  color: var(--fcta-title-dark);
  line-height: 1.55;
  margin: 8px 0 6px;
}

/* Bloque de Compromiso Mutuo */
.narrative-partnership {
  background-color: #FFFFFF;
  border: 1px solid var(--fcta-border);
  border-radius: 18px;
  padding: 16px 22px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  box-shadow: 0 4px 14px rgba(216, 125, 131, 0.04);
}

.partnership-teacher {
  font-family: var(--font-body);
  font-size: 0.96rem;
  color: var(--fcta-text-muted);
}

.partnership-student {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.2rem);
  font-weight: 800;
  color: var(--fcta-accent);
  line-height: 1.35;
}

/* ==========================================================================
   5. BOTÓN CTA GRANDE DE DECISIÓN
   ========================================================================== */
.sublipro-final-card__action {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 6px;
}

.sublipro-final-btn {
  width: 100%;
  max-width: 440px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--fcta-accent);
  color: #FFFFFF;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 1.05rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 20px 28px;
  border-radius: 50px;
  box-shadow: 0 10px 25px rgba(216, 125, 131, 0.4);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
  text-align: center;
}

.sublipro-final-btn:hover {
  background-color: var(--fcta-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(216, 125, 131, 0.5);
}

.sublipro-final-btn:active {
  transform: translateY(0);
  box-shadow: 0 6px 14px rgba(216, 125, 131, 0.3);
}

/* ==========================================================================
   6. METADATA FINAL AL PIE DEL BOTÓN
   ========================================================================== */
.sublipro-final-card__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  font-family: var(--font-body);
  font-size: 0.84rem;
  font-weight: 500;
  color: var(--fcta-text-muted);
  letter-spacing: 0.02em;
}

.sublipro-final-card__footer .meta-dot {
  color: var(--fcta-border);
}

/* ==========================================================================
   7. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 600px) {
  .sublipro-final-section {
    padding: 60px 16px 80px;
  }

  .sublipro-final-card {
    padding: 38px 20px 32px;
    border-radius: 22px;
    gap: 20px;
  }

  .sublipro-final-card__title {
    font-size: 1.48rem;
  }

  .narrative-line {
    font-size: 0.92rem;
    line-height: 1.55;
  }

  .narrative-core {
    font-size: 0.96rem;
  }

  .narrative-partnership {
    padding: 14px 16px;
    border-radius: 14px;
  }

  .partnership-student {
    font-size: 1.05rem;
  }

  .sublipro-final-btn {
    padding: 17px 18px;
    font-size: 0.92rem;
  }

  .sublipro-final-card__footer {
    font-size: 0.78rem;
    gap: 6px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66c04ce *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --ftr-bg: #FFFFFF;
  --ftr-card-bg: #FFF9F8;         /* Rosa pastel ultra sutil y cálido */
  --ftr-border: #F3D3CE;          /* Borde fino */
  --ftr-accent: #D87D83;          /* Rosa principal de marca */
  --ftr-title-dark: #2B2525;      /* Marrón chocolate oscuro cálido */
  --ftr-text-body: #4A4546;       /* Texto de lectura */
  --ftr-shadow: rgba(216, 125, 131, 0.06);

  --font-heading: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR GENERAL (FONDO BLANCO PURO)
   ========================================================================== */
.sublipro-brand-footer {
  background-color: var(--ftr-bg) !important;
  font-family: var(--font-body);
  color: var(--ftr-text-body);
  padding: 60px 20px 90px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.sublipro-brand-footer *,
.sublipro-brand-footer *::before,
.sublipro-brand-footer *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.sublipro-brand-footer__container {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

/* ==========================================================================
   3. TARJETA EDITORIAL DE CIERRE
   ========================================================================== */
.sublipro-brand-card {
  width: 100%;
  background-color: var(--ftr-card-bg);
  border: 1.5px solid var(--ftr-border);
  border-radius: 28px;
  padding: 44px 36px 40px;
  box-shadow: 0 10px 30px var(--ftr-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 22px;
}

/* Manifiesto */
.sublipro-brand-card__quote {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 580px;
}

.quote-lead {
  font-family: var(--font-body);
  font-size: clamp(1rem, 2vw, 1.12rem);
  font-weight: 500;
  color: var(--ftr-text-body);
  line-height: 1.55;
}

.quote-climax {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2.4vw, 1.38rem);
  font-weight: 800;
  color: var(--ftr-title-dark);
  line-height: 1.4;
  letter-spacing: -0.01em;
}

.heart-accent {
  display: inline-block;
  font-style: normal;
  margin-left: 2px;
}

/* Separador Sutil con Destello */
.sublipro-brand-card__divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
  max-width: 240px;
  margin: 2px 0;
}

.divider-line {
  height: 1px;
  flex: 1;
  background-color: var(--ftr-border);
}

.divider-sparkle {
  color: var(--ftr-accent);
  font-size: 0.9rem;
  line-height: 1;
}

/* Firma Oficial de Marca */
.sublipro-brand-card__signature {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.signature-name {
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 2.2vw, 1.45rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--ftr-accent);
}

/* ==========================================================================
   4. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 600px) {
  .sublipro-brand-footer {
    padding: 45px 16px 75px;
  }

  .sublipro-brand-card {
    padding: 34px 20px 30px;
    border-radius: 22px;
    gap: 18px;
  }

  .quote-lead {
    font-size: 0.94rem;
  }

  .quote-climax {
    font-size: 1.1rem;
    line-height: 1.45;
  }

  .signature-name {
    font-size: 1.15rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-291ddc24 */@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&family=Montserrat:wght@700&family=Poppins:wght@400;500;600&display=swap');

.aw-footer {
  width: 100%;
  background-color: #FFFFFF;
  border-top: 1.5px solid #F3D3CE;
  padding: 60px 20px 40px;
  box-sizing: border-box;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.aw-footer *, .aw-footer *::before, .aw-footer *::after {
  box-sizing: border-box;
}

.aw-footer-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* Caja de Soporte WhatsApp */
.aw-footer-support-box {
  background: #FCEBE9;
  border: 1.5px solid #F3D3CE;
  border-radius: 24px;
  padding: 36px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 48px;
}

.aw-footer-support-text {
  max-width: 650px;
}

.aw-footer-support-title {
  font-family: 'Plus Jakarta Sans', cursive, sans-serif;
  font-size: 1.45rem;
  font-weight: 800;
  color: #2B2525;
  margin: 0 0 8px 0;
}

.aw-footer-support-desc {
  font-size: 0.9rem;
  color: #555555;
  margin: 0;
  line-height: 1.55;
}

.aw-footer-support-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: #D87D83;
  color: #FFFFFF !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 14px 26px;
  border-radius: 50px;
  box-shadow: 0 6px 18px rgba(216, 125, 131, 0.28);
  transition: all 0.25s ease;
  white-space: nowrap;
  flex-shrink: 0;
}

.aw-footer-support-btn svg {
  width: 18px;
  height: 18px;
  stroke: #FFFFFF;
}

.aw-footer-support-btn span {
  display: inline-block;
  transition: transform 0.25s ease;
}

.aw-footer-support-btn:hover {
  background-color: #C56B71;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(216, 125, 131, 0.35);
}

.aw-footer-support-btn:hover span {
  transform: translateX(4px);
}

/* Divisor */
.aw-footer-divider {
  width: 100%;
  height: 1px;
  background-color: #F3D3CE;
  margin-bottom: 36px;
}

/* Fila inferior */
.aw-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.aw-footer-brand-info {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.aw-footer-logo {
  max-height: 42px !important;
  width: auto !important;
  display: block;
}

.aw-footer-copy {
  font-size: 0.82rem;
  color: #7A7273;
  margin: 0;
}

.aw-footer-legal {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.aw-footer-legal a {
  font-size: 0.8rem;
  color: #7A7273;
  text-decoration: none;
  transition: color 0.2s ease;
}

.aw-footer-legal a:hover {
  color: #D87D83;
}

/* Descargo legal de Meta */
.aw-footer-disclaimer {
  font-size: 0.74rem;
  color: #9E9697;
  line-height: 1.5;
  text-align: center;
  margin: 0;
  max-width: 900px;
  margin: 0 auto;
}

@media (max-width: 860px) {
  .aw-footer-support-box {
    flex-direction: column;
    align-items: flex-start;
    padding: 28px 24px;
  }
  .aw-footer-support-btn {
    width: 100%;
    justify-content: center;
  }
  .aw-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .aw-footer-legal {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}/* End custom CSS */