.elementor-7792 .elementor-element.elementor-element-2ce0229{--display:flex;}.elementor-7792 .elementor-element.elementor-element-ad90f48{--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-7792 .elementor-element.elementor-element-0916919{--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-7792 .elementor-element.elementor-element-fe4dd2a{--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-7792 .elementor-element.elementor-element-639472a{--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-7792 .elementor-element.elementor-element-058e01b{--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-7792 .elementor-element.elementor-element-a1b1333{--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-7792 .elementor-element.elementor-element-5d67f61{--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-7792 .elementor-element.elementor-element-c6feae1{--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-7792 .elementor-element.elementor-element-c88385f{--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-7792 .elementor-element.elementor-element-0364c4d{--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-7792 .elementor-element.elementor-element-1376fc3{--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-7792 .elementor-element.elementor-element-c405fb9{--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-7792 .elementor-element.elementor-element-d6a761b{--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-7792 .elementor-element.elementor-element-aa2c8f5{--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-7792 .elementor-element.elementor-element-9d722ad{--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-7792 .elementor-element.elementor-element-4942b7c{--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-7792 .elementor-element.elementor-element-6ca31f4{--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-7792 .elementor-element.elementor-element-ae35e26{--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-7792 .elementor-element.elementor-element-ff0d760{--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-7792 .elementor-element.elementor-element-161b333{--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-7792 .elementor-element.elementor-element-e110ebd{--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-7792 .elementor-element.elementor-element-98b1d8f{--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-a3b0a38 *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --color-bg: #FFFFFF;
  --color-text-primary: #1F1B1C;
  --color-accent: #D87D83;
  --color-accent-hover: #C56B71;
  --color-text-secondary: #4A4546;
  --color-white: #FFFFFF;
  --color-border: #F0EAEA;

  --font-display: 'Plus Jakarta Sans', -apple-system, sans-serif;
  --font-body: 'Inter', -apple-system, sans-serif;
}

/* ==========================================================================
   2. CONTENEDOR HERO (FONDO BLANCO PURO)
   ========================================================================== */
.luxury-hero {
  background-color: var(--color-bg) !important;
  font-family: var(--font-body);
  color: var(--color-text-primary);
  padding: 80px 24px 96px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

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

.luxury-hero__container {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* ==========================================================================
   3. KICKER / PRE-TITULAR
   ========================================================================== */
.luxury-hero__kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-body);
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-text-secondary);
  margin-bottom: 24px;
}

.luxury-hero__kicker .bullet {
  color: var(--color-accent);
  font-weight: 700;
}

/* ==========================================================================
   4. TITULAR PRINCIPAL (H1 CON ÉNFASIS TIPOGRÁFICO PURO)
   ========================================================================== */
.luxury-hero__headline {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(2.1rem, 4.4vw, 3.3rem);
  line-height: 1.22;
  letter-spacing: -0.025em;
  color: var(--color-text-primary);
  max-width: 840px;
  margin-bottom: 16px;
  background: transparent !important;
}

/* Destacado limpio: SOLO color, sin fondos ni globos */
.luxury-hero__headline .highlight {
  color: var(--color-accent);
  font-weight: 700;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-decoration-break: normal;
  -webkit-box-decoration-break: normal;
}

/* ==========================================================================
   5. OBJECIÓN Y SUBPÁRRAFO PERSUASIVO
   ========================================================================== */
.luxury-hero__objection {
  font-family: var(--font-body);
  font-size: clamp(1.05rem, 2vw, 1.2rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin-bottom: 14px;
  max-width: 660px;
}

.luxury-hero__description {
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 400;
  color: #635E5F;
  line-height: 1.65;
  max-width: 640px;
  margin-bottom: 46px;
}

/* ==========================================================================
   6. CONTENEDOR VISUAL (MOCKUP CENTRAL CON SOMBRA SUTIL)
   ========================================================================== */
.luxury-hero__mockup-wrapper {
  width: 100%;
  max-width: 820px;
  margin-bottom: 42px;
}

.luxury-hero__mockup-frame {
  position: relative;
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
  background-color: #FAFAFA;
  border: 1px solid var(--color-border);
  box-shadow: 
    0 4px 6px -1px rgba(31, 27, 28, 0.02),
    0 12px 28px -6px rgba(31, 27, 28, 0.05),
    0 30px 60px -12px rgba(31, 27, 28, 0.06);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.luxury-hero__mockup-frame:hover {
  transform: translateY(-2px);
}

.luxury-hero__mockup-image {
  width: 100%;
  height: auto;
  display: block;
}

/* ==========================================================================
   7. BOTÓN CTA CÁPSULA Y MICRO-SEGURIDAD
   ========================================================================== */
.luxury-hero__action-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  width: 100%;
}

.luxury-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: var(--color-accent);
  color: var(--color-white);
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 19px 46px;
  border-radius: 50px;
  box-shadow: 0 10px 24px -4px rgba(216, 125, 131, 0.42);
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), 
              box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), 
              background-color 0.2s ease;
}

.luxury-hero__btn .arrow {
  display: inline-block;
  font-size: 1.1rem;
  transition: transform 0.25s ease;
}

.luxury-hero__btn:hover {
  background-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 14px 28px -4px rgba(216, 125, 131, 0.52);
}

.luxury-hero__btn:hover .arrow {
  transform: translateX(4px);
}

.luxury-hero__btn:active {
  transform: translateY(0);
  box-shadow: 0 6px 14px -2px rgba(216, 125, 131, 0.3);
}

.luxury-hero__trust {
  font-family: var(--font-body);
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--color-text-secondary);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* ==========================================================================
   8. ADAPTABILIDAD MOBILE (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 680px) {
  .luxury-hero {
    padding: 48px 18px 64px;
  }

  .luxury-hero__kicker {
    flex-wrap: wrap;
    justify-content: center;
    font-size: 0.7rem;
    gap: 6px;
    margin-bottom: 18px;
  }

  .luxury-hero__headline {
    letter-spacing: -0.02em;
    margin-bottom: 14px;
  }

  .luxury-hero__mockup-wrapper {
    margin-bottom: 30px;
  }

  .luxury-hero__mockup-frame {
    border-radius: 14px;
  }

  .luxury-hero__btn {
    width: 100%;
    max-width: 340px;
    padding: 17px 22px;
    font-size: 0.9rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a059f46 *//* ==========================================================================
   1. VARIABLES DE MARCA Y PALETA SUAVE (:root)
   ========================================================================== */
:root {
  --pain-bg-section: #FFFFFF;
  --pain-card-bg: #FCEBE9;        /* Rosa pastel suave y cálido */
  --pain-card-border: #F3D3CE;    /* Borde delicado */
  --pain-primary-accent: #D87D83; /* Rosa principal de acento */
  --pain-title-color: #2B2525;    /* Carbón oscuro cálido */
  --pain-text-color: #3A3233;     /* Texto de lectura */
  --pain-white: #FFFFFF;

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

/* ==========================================================================
   2. CONTENEDOR DE LA SECCIÓN (FONDO BLANCO PURO)
   ========================================================================== */
.soft-pain-section {
  background-color: var(--pain-bg-section) !important;
  font-family: var(--font-body);
  padding: 80px 20px 96px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

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

.soft-pain-section__container {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

/* ==========================================================================
   3. TARJETA CENTRAL ROSA PASTEL (LUMINOSA Y FEMENINA)
   ========================================================================== */
.soft-pain-card {
  position: relative;
  width: 100%;
  background-color: var(--pain-card-bg);
  border: 1.5px solid var(--pain-card-border);
  border-radius: 28px;
  padding: 56px 46px 50px;
  box-shadow: 
    0 4px 12px rgba(216, 125, 131, 0.04),
    0 16px 36px rgba(216, 125, 131, 0.12);
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Insignia / Emoji flotante superior sobre círculo blanco */
.soft-pain-card__badge {
  position: absolute;
  top: -25px;
  width: 50px;
  height: 50px;
  background-color: var(--pain-white);
  border: 1.5px solid var(--pain-card-border);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  box-shadow: 0 8px 22px rgba(216, 125, 131, 0.18);
}

/* Título de la tarjeta */
.soft-pain-card__title {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3.2vw, 1.85rem);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--pain-title-color);
  text-align: center;
  margin-top: 8px;
  margin-bottom: 34px;
}

/* ==========================================================================
   4. LISTA DE PUNTOS DE DOLOR (BULLET POINTS)
   ========================================================================== */
.soft-pain-card__list {
  list-style: none;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.soft-pain-card__item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

/* Icono circular con la cruz en blanco */
.soft-pain-card__bullet {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  background-color: var(--pain-primary-accent);
  color: var(--pain-white);
  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.3);
}

.soft-pain-card__bullet svg {
  width: 14px;
  height: 14px;
}

/* Texto de lectura */
.soft-pain-card__text {
  font-family: var(--font-body);
  font-size: clamp(0.94rem, 1.8vw, 1.02rem);
  line-height: 1.62;
  color: var(--pain-text-color);
  font-weight: 400;
}

/* Palabras clave destacadas para escaneo visual */
.soft-pain-card__text strong {
  color: var(--pain-title-color);
  font-weight: 600;
}

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

  .soft-pain-card {
    padding: 44px 20px 34px;
    border-radius: 22px;
  }

  .soft-pain-card__badge {
    top: -22px;
    width: 44px;
    height: 44px;
    font-size: 1.2rem;
  }

  .soft-pain-card__title {
    margin-bottom: 24px;
    font-size: 1.3rem;
  }

  .soft-pain-card__list {
    gap: 16px;
  }

  .soft-pain-card__item {
    gap: 12px;
  }

  .soft-pain-card__bullet {
    width: 20px;
    height: 20px;
    margin-top: 2px;
  }

  .soft-pain-card__bullet svg {
    width: 12px;
    height: 12px;
  }

  .soft-pain-card__text {
    font-size: 0.92rem;
    line-height: 1.55;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-313e5da *//* ==========================================================================
   1. CONTENEDOR GENERAL Y RESET
   ========================================================================== */
.cases-section {
  background-color: #ffffff;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #3a3233;
  padding: 80px 20px 100px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.cases-section__container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 48px;
  box-sizing: border-box;
}

.cases-section blockquote.case-card__quote {
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  margin: 4px 0 0 0;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 0.95rem;
  line-height: 1.65;
  color: #3a3233;
  font-style: italic;
  box-sizing: border-box;
}

/* ==========================================================================
   2. ENCABEZADO DE LA SECCIÓN
   ========================================================================== */
.cases-section__header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
  box-sizing: border-box;
}

.cases-section__kicker {
  display: inline-block;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #d87d83;
  margin-bottom: 12px;
}

.cases-section__title {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 2.3rem;
  font-weight: 800;
  color: #2b2525;
  line-height: 1.25;
  letter-spacing: -0.02em;
  margin: 0;
}

/* ==========================================================================
   3. TARJETA DE TESTIMONIO (GRID 2 COLUMNAS)
   ========================================================================== */
.cases-section__grid {
  display: flex;
  flex-direction: column;
  gap: 36px;
  width: 100%;
  box-sizing: border-box;
}

.case-card {
  background-color: #ffffff;
  border: 1.5px solid #f3d3ce;
  border-radius: 28px;
  padding: 40px 42px;
  display: grid;
  grid-template-columns: 320px 1fr;
  align-items: center;
  gap: 44px;
  box-shadow: 0 10px 30px rgba(216, 125, 131, 0.08);
  box-sizing: border-box;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.case-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(216, 125, 131, 0.12);
}

/* ==========================================================================
   4. MOCKUPS DE SMARTPHONE
   ========================================================================== */
.case-card__visual {
  position: relative;
  width: 100%;
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.phone-mockup {
  position: absolute;
  width: 155px;
  height: 320px;
  background-color: #1a1718;
  border-radius: 24px;
  border: 2px solid #3a3436;
  box-shadow: 0 12px 28px rgba(43, 37, 37, 0.16);
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  transform-style: flat;
  transition: transform 0.3s ease;
}

.phone-mockup__island {
  position: absolute;
  top: 9px;
  left: 50%;
  transform: translateX(-50%);
  width: 44px;
  height: 10px;
  background-color: #1a1718;
  border-radius: 10px;
  z-index: 3;
  pointer-events: none;
  box-sizing: border-box;
}

.phone-mockup__screen {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 22px;
  box-sizing: border-box;
}

.phone-mockup--back {
  left: 10px;
  top: 0;
  transform: rotate(-6deg);
  z-index: 1;
  opacity: 0.94;
}

.phone-mockup--front {
  right: 18px;
  bottom: 0;
  transform: rotate(5deg);
  z-index: 2;
  box-shadow: 0 16px 36px rgba(43, 37, 37, 0.22);
}

.case-card:hover .phone-mockup--back {
  transform: rotate(-8deg) translateY(-2px);
}

.case-card:hover .phone-mockup--front {
  transform: rotate(7deg) translateY(-2px);
}

/* ==========================================================================
   5. CONTENIDO DERECHO
   ========================================================================== */
.case-card__content {
  display: flex;
  flex-direction: column;
  gap: 14px;
  box-sizing: border-box;
}

.case-card__headline {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 1.35rem;
  font-weight: 800;
  line-height: 1.35;
  color: #2b2525;
  margin: 0;
}

.case-card__headline .highlight {
  color: #d87d83;
}

.case-card__author-info {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.case-card__author-name {
  font-weight: 600;
  color: #2b2525;
  font-size: 0.95rem;
}

.case-card__author-role {
  background-color: #fcebe9;
  color: #d87d83;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 50px;
}

/* ==========================================================================
   6. RESPONSIVE (MÓVIL Y TABLET)
   ========================================================================== */
@media (max-width: 820px) {
  .cases-section {
    padding: 60px 16px 74px;
  }

  .cases-section__title {
    font-size: 1.85rem;
  }

  .case-card {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 34px 22px;
    border-radius: 22px;
  }

  .case-card__visual {
    height: 240px;
  }

  .phone-mockup {
    width: 135px;
    height: 235px;
    border-radius: 20px;
  }

  .phone-mockup__screen {
    border-radius: 18px;
    clip-path: inset(0 round 18px);
  }

  .phone-mockup--back {
    left: calc(50% - 130px);
  }

  .phone-mockup--front {
    right: calc(50% - 130px);
  }

  .case-card__headline {
    font-size: 1.15rem;
  }

  .cases-section blockquote.case-card__quote {
    font-size: 0.92rem;
    line-height: 1.6;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c111fc *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --reveal-bg: #FFFFFF;
  --reveal-title: #2B2525;
  --reveal-accent: #D87D83;
  --reveal-subtitle: #555555;
  --reveal-border-soft: #F3D3CE;
  --reveal-card-bg: #FFFFFF;
  --reveal-shadow: rgba(216, 125, 131, 0.08);

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

/* ==========================================================================
   2. CONTENEDOR DE LA SECCIÓN (FONDO BLANCO PURO)
   ========================================================================== */
.reveal-section {
  background-color: var(--reveal-bg) !important;
  font-family: var(--font-text);
  color: var(--reveal-title);
  padding: 80px 20px 100px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

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

.reveal-section__container {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 48px;
}

/* ==========================================================================
   3. ENCABEZADO PERSUASIVO CENTRADO
   ========================================================================== */
.reveal-section__header {
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}

.reveal-section__kicker {
  display: inline-block;
  font-family: var(--font-text);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--reveal-subtitle);
  margin-bottom: 14px;
}

.reveal-section__title {
  font-family: var(--font-heading);
  font-size: clamp(1.85rem, 4vw, 2.7rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--reveal-title);
  margin-bottom: 16px;
  background: transparent !important;
}

/* Énfasis cromático de texto limpio: SIN fondos ni globos */
.reveal-section__title .highlight {
  color: var(--reveal-accent);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.reveal-section__subtitle {
  font-family: var(--font-text);
  font-size: clamp(1rem, 2vw, 1.15rem);
  font-weight: 400;
  line-height: 1.6;
  color: var(--reveal-subtitle);
  max-width: 660px;
  margin: 0 auto;
}

/* ==========================================================================
   4. GRID DE 2 COLUMNAS PARA MUESTRAS DE PROYECTOS
   ========================================================================== */
.reveal-section__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  align-items: stretch;
  width: 100%;
}

/* Tarjetas contenedoras de imagen con formato proporcional */
.reveal-card {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3; /* Proporción limpia para fotografías de proyectos */
  background-color: var(--reveal-card-bg);
  border: 1.5px solid var(--reveal-border-soft);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 12px 30px var(--reveal-shadow);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.reveal-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(216, 125, 131, 0.12);
}

/* Imágenes adaptadas */
.reveal-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ==========================================================================
   5. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 768px) {
  .reveal-section {
    padding: 60px 16px 74px;
  }

  .reveal-section__container {
    gap: 36px;
  }

  .reveal-section__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .reveal-card {
    border-radius: 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eefdbc6 *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --ig-bg: #FFFFFF;
  --ig-title-color: #2B2525;
  --ig-accent: #D87D83;
  --ig-subtitle-color: #555555;
  --ig-card-bg: #FFFFFF;
  --ig-card-border: #F3D3CE;
  --ig-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)
   ========================================================================== */
.ig-proof-section {
  background-color: var(--ig-bg) !important;
  font-family: var(--font-body);
  color: var(--ig-title-color);
  padding: 80px 20px 100px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

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

.ig-proof-section__container {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* ==========================================================================
   3. ENCABEZADO PERSUASIVO CENTRADO
   ========================================================================== */
.ig-proof-section__header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto;
}

.ig-proof-section__title {
  font-family: var(--font-heading);
  font-size: clamp(1.6rem, 3.6vw, 2.3rem);
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -0.02em;
  color: var(--ig-title-color);
  margin-bottom: 14px;
  background: transparent !important;
}

/* Énfasis cromático de texto limpio: SIN fondos ni globos */
.ig-proof-section__title .highlight {
  color: var(--ig-accent);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.ig-proof-section__subtitle {
  font-family: var(--font-body);
  font-size: clamp(0.95rem, 1.8vw, 1.05rem);
  font-weight: 400;
  line-height: 1.6;
  color: var(--ig-subtitle-color);
  max-width: 600px;
  margin: 0 auto;
}

/* ==========================================================================
   4. FEED VERTICAL DE TARJETAS DE IMAGEN
   ========================================================================== */
.ig-proof-feed {
  display: flex;
  flex-direction: column;
  gap: 20px; /* Separación vertical exacta de 20px */
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
}

/* Tarjeta contenedora de la captura */
.ig-proof-card {
  position: relative;
  width: 100%;
  background-color: var(--ig-card-bg);
  border: 1.5px solid var(--ig-card-border);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 25px var(--ig-shadow);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.ig-proof-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(216, 125, 131, 0.12);
}

/* Imagen 100% adaptable */
.ig-proof-card__img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

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

  .ig-proof-card {
    border-radius: 16px;
  }

  .ig-proof-feed {
    gap: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e32e9a *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --dm-bg: #FFFFFF;
  --dm-title-color: #2B2525;
  --dm-accent: #D87D83;
  --dm-subtitle-color: #555555;
  --dm-card-bg: #FFFFFF;
  --dm-border: #F3D3CE;
  --dm-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)
   ========================================================================== */
.dm-proof-section {
  background-color: var(--dm-bg) !important;
  font-family: var(--font-body);
  color: var(--dm-title-color);
  padding: 80px 20px 100px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

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

.dm-proof-section__container {
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 46px;
}

/* ==========================================================================
   3. ENCABEZADO PERSUASIVO CENTRADO
   ========================================================================== */
.dm-proof-section__header {
  text-align: center;
  max-width: 780px;
  margin: 0 auto;
}

.dm-proof-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(--dm-subtitle-color);
  margin-bottom: 14px;
}

.dm-proof-section__title {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--dm-title-color);
  margin-bottom: 16px;
  background: transparent !important;
}

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

.dm-proof-section__subtitle {
  font-family: var(--font-body);
  font-size: clamp(0.98rem, 1.8vw, 1.1rem);
  font-weight: 400;
  line-height: 1.62;
  color: var(--dm-subtitle-color);
  max-width: 660px;
  margin: 0 auto;
}

/* ==========================================================================
   4. MOSAICO DE 2 COLUMNAS DE CAPTURAS
   ========================================================================== */
.dm-proof-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  width: 100%;
  align-items: start;
}

.dm-proof-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

/* Tarjetas individuales de captura */
.dm-card {
  position: relative;
  width: 100%;
  background-color: var(--dm-card-bg);
  border: 1.5px solid var(--dm-border);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 25px var(--dm-shadow);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.dm-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(216, 125, 131, 0.14);
}

/* Imagen responsive de la captura */
.dm-capture-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* ==========================================================================
   5. ADAPTABILIDAD MÓVIL (MOBILE-FIRST BREAKPOINTS)
   ========================================================================== */
@media (max-width: 740px) {
  .dm-proof-section {
    padding: 60px 16px 74px;
  }

  .dm-proof-section__container {
    gap: 34px;
  }

  .dm-proof-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .dm-proof-column {
    gap: 16px;
  }

  .dm-card {
    border-radius: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57c4956 *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --prod-bg: #FFFFFF;
  --prod-title-dark: #2B2525;
  --prod-accent: #D87D83;
  --prod-text-muted: #555555;
  --prod-border-soft: #F3D3CE;
  --prod-shadow: rgba(216, 125, 131, 0.08);

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

/* ==========================================================================
   2. CONTENEDOR DE LA SECCIÓN (ESPACIO EN BLANCO GENEROSO)
   ========================================================================== */
.product-reveal-section {
  background-color: var(--prod-bg) !important;
  font-family: var(--font-body);
  color: var(--prod-title-dark);
  padding: 90px 24px 110px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

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

.product-reveal-section__container {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* ==========================================================================
   3. TITULAR DE TRANSICIÓN SUPERIOR (H2)
   ========================================================================== */
.product-reveal-section__transition-title {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3vw, 1.95rem);
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: var(--prod-title-dark);
  max-width: 820px;
  margin-bottom: 34px;
}

/* Énfasis cromático limpio: SOLO color de texto */
.product-reveal-section__transition-title .highlight {
  color: var(--prod-accent);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* ==========================================================================
   4. BLOQUE DE BIENVENIDA Y NOMBRE DEL PRODUCTO (H3)
   ========================================================================== */
.product-reveal-section__header-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin-bottom: 40px;
}

.product-reveal-section__welcome {
  font-family: var(--font-body);
  font-size: clamp(0.95rem, 1.8vw, 1.1rem);
  font-weight: 500;
  color: var(--prod-accent);
  letter-spacing: 0.04em;
}

.product-reveal-section__name {
  font-family: var(--font-heading);
  font-size: clamp(2.2rem, 5.5vw, 3.6rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.025em;
  color: var(--prod-title-dark);
  text-transform: uppercase;
}

/* ==========================================================================
   5. CONTENEDOR VISUAL CENTRAL (MOCKUP)
   ========================================================================== */
.product-reveal-section__mockup-wrapper {
  width: 100%;
  max-width: 880px;
  margin-bottom: 42px;
}

.product-reveal-section__mockup-frame {
  position: relative;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  background-color: #FAFAFA;
  border: 1.5px solid var(--prod-border-soft);
  box-shadow: 0 16px 40px var(--prod-shadow);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-reveal-section__mockup-frame:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 48px rgba(216, 125, 131, 0.12);
}

.product-reveal-section__mockup-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* ==========================================================================
   6. PÁRRAFO DE CIERRE PERSUASIVO
   ========================================================================== */
.product-reveal-section__closing-copy {
  font-family: var(--font-body);
  font-size: clamp(1.02rem, 2vw, 1.18rem);
  font-weight: 400;
  line-height: 1.68;
  color: var(--prod-text-muted);
  max-width: 720px;
  margin: 0 auto;
}

/* ==========================================================================
   7. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 680px) {
  .product-reveal-section {
    padding: 60px 18px 75px;
  }

  .product-reveal-section__transition-title {
    margin-bottom: 26px;
    line-height: 1.3;
  }

  .product-reveal-section__header-box {
    margin-bottom: 30px;
  }

  .product-reveal-section__name {
    font-size: 2.1rem;
    letter-spacing: -0.015em;
  }

  .product-reveal-section__mockup-wrapper {
    margin-bottom: 28px;
  }

  .product-reveal-section__mockup-frame {
    border-radius: 16px;
  }

  .product-reveal-section__closing-copy {
    font-size: 0.98rem;
    line-height: 1.6;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bf8242e *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --curr-bg: #FFFFFF;
  --curr-card-bg: #FFF9F8;        /* Rosa pastel ultra sutil y luminoso */
  --curr-border-soft: #F3D3CE;    /* Borde delicado */
  --curr-primary: #D87D83;        /* Rosa principal de marca */
  --curr-title: #2B2525;          /* Carbón oscuro cálido */
  --curr-desc: #555555;           /* Gris cálido de lectura */
  --curr-white: #FFFFFF;
  --curr-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)
   ========================================================================== */
.curriculum-section {
  background-color: var(--curr-bg) !important;
  font-family: var(--font-body);
  color: var(--curr-desc);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

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

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

/* ==========================================================================
   3. TARJETA CENTRAL DE LA OFERTA
   ========================================================================== */
.curriculum-card {
  width: 100%;
  background-color: var(--curr-card-bg);
  border: 1.5px solid var(--curr-border-soft);
  border-radius: 28px;
  padding: 56px 48px;
  box-shadow: 0 14px 35px var(--curr-shadow);
  display: flex;
  flex-direction: column;
}

/* Titular Principal */
.curriculum-card__title {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.1rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.015em;
  color: var(--curr-title);
  text-align: center;
  margin-bottom: 44px;
}

/* Énfasis de texto limpio: SOLO color, sin fondos */
.curriculum-card__title .highlight {
  color: var(--curr-primary);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* ==========================================================================
   4. LISTA DE ENTREGABLES
   ========================================================================== */
.curriculum-card__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 28px; /* Espaciado cómodo entre módulos */
  width: 100%;
}

.curriculum-card__item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

/* Check circular en rosa de marca */
.curriculum-card__check {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-color: var(--curr-primary);
  color: var(--curr-white);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 3px; /* Alineación óptica con la primera línea del título */
  box-shadow: 0 3px 8px rgba(216, 125, 131, 0.35);
}

.curriculum-card__check svg {
  width: 14px;
  height: 14px;
}

/* Contenido del entregable */
.curriculum-card__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}

.curriculum-card__item-title {
  font-family: var(--font-body);
  font-size: clamp(1rem, 2vw, 1.08rem);
  font-weight: 600;
  color: var(--curr-title);
  line-height: 1.4;
}

.curriculum-card__item-desc {
  font-family: var(--font-body);
  font-size: clamp(0.92rem, 1.8vw, 0.98rem);
  line-height: 1.62;
  color: var(--curr-desc);
  font-weight: 400;
}

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

  .curriculum-card {
    padding: 40px 22px 36px;
    border-radius: 22px;
  }

  .curriculum-card__title {
    margin-bottom: 32px;
  }

  .curriculum-card__list {
    gap: 22px;
  }

  .curriculum-card__item {
    gap: 12px;
  }

  .curriculum-card__check {
    width: 22px;
    height: 22px;
    margin-top: 2px;
  }

  .curriculum-card__check svg {
    width: 12px;
    height: 12px;
  }

  .curriculum-card__item-title {
    font-size: 0.98rem;
  }

  .curriculum-card__item-desc {
    font-size: 0.9rem;
    line-height: 1.55;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9eddb0 *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --cascade-bg: #FFFFFF;
  --cascade-title: #2B2525;
  --cascade-accent: #D87D83;
  --cascade-subtitle: #555555;
  --cascade-card-bg: #FFFFFF;
  --cascade-border: #F3D3CE;
  --cascade-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)
   ========================================================================== */
.proof-cascade-section {
  background-color: var(--cascade-bg) !important;
  font-family: var(--font-body);
  color: var(--cascade-title);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

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

.proof-cascade-section__container {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 46px;
}

/* ==========================================================================
   3. ENCABEZADO PERSUASIVO CENTRADO
   ========================================================================== */
.proof-cascade-section__header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto;
}

.proof-cascade-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(--cascade-subtitle);
  margin-bottom: 14px;
}

.proof-cascade-section__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(--cascade-title);
  margin-bottom: 14px;
  background: transparent !important;
}

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

.proof-cascade-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(--cascade-subtitle);
  max-width: 600px;
  margin: 0 auto;
}

/* ==========================================================================
   4. CASCADA VERTICAL DE TARJETAS DE CAPTURA
   ========================================================================== */
.proof-cascade-feed {
  display: flex;
  flex-direction: column;
  gap: 24px; /* Espaciado vertical exacto de 24px */
  width: 100%;
  max-width: 600px; /* Ancho idóneo para screenshots de WhatsApp / DMs */
  margin: 0 auto;
}

/* Tarjeta individual con bordes y sombra sutil */
.proof-cascade-card {
  position: relative;
  width: 100%;
  background-color: var(--cascade-card-bg);
  border: 1.5px solid var(--cascade-border);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 10px 30px var(--cascade-shadow);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.proof-cascade-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(216, 125, 131, 0.12);
}

/* Imagen de la captura */
.testimonio-screenshot-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 20px;
}

/* ==========================================================================
   5. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 640px) {
  .proof-cascade-section {
    padding: 60px 16px 75px;
  }

  .proof-cascade-section__container {
    gap: 34px;
  }

  .proof-cascade-feed {
    gap: 18px;
  }

  .proof-cascade-card {
    border-radius: 18px;
  }

  .testimonio-screenshot-img {
    border-radius: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1eb758d *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --vproof-bg: #FFFFFF;
  --vproof-card-bg: #FFF9F8;       /* Rosa pastel ultra claro y luminoso */
  --vproof-card-border: #F3D3CE;   /* Borde fino y sutil */
  --vproof-primary: #D87D83;       /* Rosa principal */
  --vproof-title-dark: #2B2525;    /* Carbón oscuro cálido */
  --vproof-text-reading: #3A3233;  /* Texto de lectura */
  --vproof-text-muted: #7A7273;    /* Gris de soporte */
  --vproof-stars: #E5A93C;         /* Dorado cálido para estrellas */
  --vproof-shadow: rgba(216, 125, 131, 0.08);

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

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

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

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

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

.video-proof-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(--vproof-text-muted);
  margin-bottom: 14px;
}

.video-proof-section__title {
  font-family: var(--font-heading);
  font-size: clamp(1.65rem, 3.6vw, 2.35rem);
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -0.02em;
  color: var(--vproof-title-dark);
  background: transparent !important;
}

.video-proof-section__title .highlight {
  color: var(--vproof-primary);
  font-weight: 800;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* ==========================================================================
   4. TARJETA DE TESTIMONIO
   ========================================================================== */
.video-proof-card {
  width: 100%;
  max-width: 680px;
  background-color: var(--vproof-card-bg);
  border: 1.5px solid var(--vproof-card-border);
  border-radius: 28px;
  padding: 44px 40px;
  box-shadow: 0 14px 35px var(--vproof-shadow);
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Estrellas doradas */
.video-proof-card__stars {
  display: flex;
  align-items: center;
  gap: 4px;
}

.star-icon {
  width: 20px;
  height: 20px;
  color: var(--vproof-stars);
}

/* Cita testimonial adaptada */
.video-proof-card__quote {
  display: flex;
  flex-direction: column;
  gap: 14px;
  font-size: clamp(0.96rem, 1.8vw, 1.05rem);
  line-height: 1.65;
  color: var(--vproof-text-reading);
  font-weight: 400;
  font-style: italic;
}

/* Bloque de autoría */
.video-proof-card__author {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-top: 1px solid rgba(243, 211, 206, 0.6);
  padding-top: 18px;
}

.author-name {
  font-family: var(--font-heading);
  font-size: 1.08rem;
  font-weight: 700;
  color: var(--vproof-title-dark);
}

.author-handle {
  font-family: var(--font-body);
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--vproof-primary);
}

/* ==========================================================================
   5. REPRODUCTOR VERTICAL (9:16 BUNNY STREAM)
   ========================================================================== */
.video-proof-card__player-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 8px;
}

.video-proof-card__player-frame {
  position: relative;
  width: 100%;
  max-width: 340px;              /* Ancho vertical óptimo */
  aspect-ratio: 9 / 16;          /* Proporción exacta de video móvil */
  border-radius: 20px;
  overflow: hidden;
  background-color: #1A1718;
  box-shadow: 0 10px 28px rgba(43, 37, 37, 0.15);
  border: 1px solid rgba(243, 211, 206, 0.5);
}

.video-proof-card__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  outline: none;
}

/* ==========================================================================
   6. ADAPTABILIDAD MÓVIL (RESPONSIVE)
   ========================================================================== */
@media (max-width: 680px) {
  .video-proof-section {
    padding: 60px 16px 75px;
  }

  .video-proof-card {
    padding: 30px 20px;
    border-radius: 22px;
    gap: 20px;
  }

  .star-icon {
    width: 18px;
    height: 18px;
  }

  .video-proof-card__quote {
    font-size: 0.92rem;
    line-height: 1.58;
    gap: 12px;
  }

  .author-name {
    font-size: 1rem;
  }

  .author-handle {
    font-size: 0.8rem;
  }

  .video-proof-card__player-frame {
    max-width: 300px;
    border-radius: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36df0a2 *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --syl-bg: #FFFFFF;
  --syl-title-dark: #2B2525;
  --syl-accent: #D87D83;
  --syl-accent-hover: #C56B71;
  --syl-subtitle: #555555;
  --syl-card-bg: #FFFFFF;
  --syl-border-soft: #F3D3CE;
  --syl-badge-bg: #FCEBE9;
  --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)
   ========================================================================== */
.syllabus-section {
  background-color: var(--syl-bg) !important;
  font-family: var(--font-body);
  color: var(--syl-subtitle);
  padding: 85px 20px 110px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

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

.syllabus-section__container {
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 46px;
}

/* ==========================================================================
   3. ENCABEZADO PERSUASIVO CENTRADO
   ========================================================================== */
.syllabus-section__header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto;
}

.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);
  margin-bottom: 14px;
}

.syllabus-section__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(--syl-title-dark);
  margin-bottom: 14px;
  background: transparent !important;
}

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

.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-subtitle);
  max-width: 620px;
  margin: 0 auto;
}

/* ==========================================================================
   4. FEED VERTICAL DE TARJETAS DE MÓDULOS
   ========================================================================== */
.syllabus-feed {
  display: flex;
  flex-direction: column;
  gap: 18px; /* Espaciado cómodo entre módulos */
  width: 100%;
}

.module-card {
  background-color: var(--syl-card-bg);
  border: 1.5px solid var(--syl-border-soft);
  border-radius: 20px;
  padding: 28px 32px;
  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;
}

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

/* Badge de módulo superior (Píldora elegante) */
.module-card__badge {
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--syl-accent);
  background-color: var(--syl-badge-bg);
  padding: 4px 14px;
  border-radius: 50px;
  margin-bottom: 12px;
}

/* Título del módulo */
.module-card__title {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.2rem);
  font-weight: 700;
  color: var(--syl-title-dark);
  line-height: 1.35;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}

/* Descripción del módulo */
.module-card__desc {
  font-family: var(--font-body);
  font-size: clamp(0.92rem, 1.8vw, 0.98rem);
  line-height: 1.62;
  color: var(--syl-subtitle);
  font-weight: 400;
}

/* ==========================================================================
   5. BOTÓN CTA CÁPSULA Y MICROTEXTO
   ========================================================================== */
.syllabus-section__cta-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-top: 10px;
}

.syllabus-section__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--syl-accent);
  color: #FFFFFF;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 1.02rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 19px 44px;
  border-radius: 50px;
  box-shadow: 0 10px 26px rgba(216, 125, 131, 0.38);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.syllabus-section__btn:hover {
  background-color: var(--syl-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(216, 125, 131, 0.48);
}

.syllabus-section__btn:active {
  transform: translateY(0);
  box-shadow: 0 6px 16px rgba(216, 125, 131, 0.3);
}

.syllabus-section__meta {
  font-family: var(--font-body);
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--syl-subtitle);
  letter-spacing: 0.02em;
}

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

  .syllabus-section__container {
    gap: 34px;
  }

  .syllabus-feed {
    gap: 14px;
  }

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

  .module-card__badge {
    font-size: 0.68rem;
    padding: 3px 12px;
  }

  .module-card__title {
    font-size: 1rem;
  }

  .module-card__desc {
    font-size: 0.9rem;
    line-height: 1.55;
  }

  .syllabus-section__btn {
    width: 100%;
    max-width: 340px;
    padding: 17px 20px;
    font-size: 0.92rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-402873b *//* ==========================================================================
   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-3adb82b */@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 {
  --bonus-bg: #FFFFFF;
  --bonus-title-dark: #2B2525;
  --bonus-accent: #D87D83;          /* Rosa terracota oficial */
  --bonus-subtitle: #555555;
  --bonus-card-bg: #FFFFFF;
  --bonus-border-soft: #F3D3CE;     /* Borde rosa pastel sutil */
  --bonus-border-hover: #EAA3A7;
  --bonus-icon-bg: #FCEBE9;        /* Fondo caja de icono */
  --bonus-summary-bg: #FFF9F8;
  --bonus-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 (FONDO BLANCO PURO)
   ========================================================================== */
.bonus-section {
  background-color: var(--bonus-bg) !important;
  font-family: var(--font-body);
  color: var(--bonus-subtitle);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

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

.bonus-section__container {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 44px;
}

/* ==========================================================================
   3. ENCABEZADO PERSUASIVO CENTRADO
   ========================================================================== */
.bonus-section__header {
  text-align: center;
  max-width: 780px;
  margin: 0 auto;
}

.bonus-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(--bonus-accent);
  margin-bottom: 14px;
}

.bonus-section__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(--bonus-title-dark);
  margin-bottom: 14px;
  background: transparent !important;
}

.bonus-section__title .highlight {
  color: var(--bonus-accent);
  font-weight: 800;
}

.bonus-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(--bonus-subtitle);
  max-width: 680px;
  margin: 0 auto;
}

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

.bonus-card {
  background-color: var(--bonus-card-bg);
  border: 1.5px solid var(--bonus-border-soft);
  border-radius: 20px;
  padding: 26px 24px;
  box-shadow: 0 8px 25px var(--bonus-shadow);
  display: flex;
  gap: 18px;
  align-items: flex-start;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

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

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

.bonus-card__icon-box svg {
  width: 22px !important;
  height: 22px !important;
  stroke-width: 2;
}

/* Cuerpo de la tarjeta */
.bonus-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.bonus-card__title {
  font-family: var(--font-heading);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--bonus-title-dark);
  line-height: 1.35;
  margin-bottom: 8px;
}

.bonus-card__desc {
  font-family: var(--font-body);
  font-size: 0.9rem;
  line-height: 1.58;
  color: var(--bonus-subtitle);
  margin-bottom: 14px;
  flex: 1;
}

/* Fila de Valor Percibido */
.bonus-card__value {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8rem;
  color: #7A7273;
  font-weight: 500;
  border-top: 1px solid rgba(243, 211, 206, 0.6);
  padding-top: 12px;
}

.bonus-tag {
  color: var(--bonus-accent);
  font-weight: 700;
  letter-spacing: 0.04em;
}

/* ==========================================================================
   5. BANNER RESUMEN DE VALOR ACUMULADO
   ========================================================================== */
.bonus-summary-banner {
  background-color: var(--bonus-summary-bg);
  border: 1.5px solid var(--bonus-border-soft);
  border-radius: 18px;
  padding: 18px 24px;
  text-align: center;
  box-shadow: 0 4px 15px rgba(216, 125, 131, 0.04);
}

.bonus-summary-text {
  font-family: var(--font-body);
  font-size: clamp(0.92rem, 1.8vw, 1.02rem);
  color: var(--bonus-title-dark);
  line-height: 1.5;
}

.bonus-summary-text strong {
  color: var(--bonus-accent);
  font-weight: 700;
}

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

.bonus-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;
}

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

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

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

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

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

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

  .bonus-section__container {
    gap: 32px;
  }

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

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

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

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

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

  .bonus-card__desc {
    font-size: 0.86rem;
  }

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

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

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

  .bonus-notice-text {
    font-size: 0.86rem;
    line-height: 1.5;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b52f056 *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --bio-bg: #FFFFFF;
  --bio-card-bg: #FFF9F8;         /* Rosa pastel ultra claro y luminoso */
  --bio-card-border: #F3D3CE;     /* Borde suave */
  --bio-primary: #D87D83;         /* Rosa principal */
  --bio-badge-bg: #FCEBE9;        /* Cápsula de credenciales */
  --bio-title-dark: #2B2525;      /* Carbón oscuro */
  --bio-text-reading: #3A3233;    /* Carbón de lectura suave */
  --bio-text-muted: #7A7273;      /* Gris de soporte */
  --bio-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)
   ========================================================================== */
.bio-section {
  background-color: var(--bio-bg) !important;
  font-family: var(--font-body);
  color: var(--bio-text-reading);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

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

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

/* ==========================================================================
   3. ENCABEZADO PERSUASIVO CENTRADO
   ========================================================================== */
.bio-section__header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
}

.bio-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(--bio-primary);
  margin-bottom: 14px;
}

.bio-section__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(--bio-title-dark);
  background: transparent !important;
}

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

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

/* ==========================================================================
   5. COLUMNA IZQUIERDA: MARCO DE FOTOGRAFÍA
   ========================================================================== */
.bio-card__media {
  width: 100%;
}

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

.bio-card__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ==========================================================================
   6. COLUMNA DERECHA: IDENTIDAD Y NARRATIVA
   ========================================================================== */
.bio-card__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.bio-card__identity {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}

/* Badge de credenciales */
.bio-card__badge {
  font-family: var(--font-body);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--bio-primary);
  background-color: var(--bio-badge-bg);
  padding: 5px 14px;
  border-radius: 50px;
  line-height: 1.4;
}

.bio-card__name {
  font-family: var(--font-heading);
  font-size: clamp(1.6rem, 2.6vw, 2.1rem);
  font-weight: 800;
  color: var(--bio-title-dark);
  line-height: 1.2;
  letter-spacing: -0.015em;
}

/* Párrafos de la historia */
.bio-card__story {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.bio-card__story p {
  font-size: clamp(0.94rem, 1.6vw, 1.01rem);
  line-height: 1.68;
  color: var(--bio-text-reading);
  font-weight: 400;
}

/* Palabras clave destacadas para escaneo visual */
.bio-card__story strong {
  color: var(--bio-title-dark);
  font-weight: 600;
}

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

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

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

  .bio-card__identity {
    align-items: center;
    text-align: center;
  }

  .bio-card__badge {
    text-align: center;
    font-size: 0.68rem;
  }

  .bio-card__name {
    font-size: 1.65rem;
  }

  .bio-card__story p {
    font-size: 0.92rem;
    line-height: 1.6;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53612f3 *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --proof-bg: #FFFFFF;
  --proof-title-dark: #2B2525;
  --proof-accent: #D87D83;
  --proof-subtitle: #555555;
  --proof-card-bg: #FFFFFF;
  --proof-border: #F3D3CE;
  --proof-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)
   ========================================================================== */
.featured-proof-section {
  background-color: var(--proof-bg) !important;
  font-family: var(--font-body);
  color: var(--proof-title-dark);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

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

.featured-proof-section__container {
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 46px;
}

/* ==========================================================================
   3. ENCABEZADO PERSUASIVO CENTRADO
   ========================================================================== */
.featured-proof-section__header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto;
}

.featured-proof-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(--proof-accent);
  margin-bottom: 14px;
}

.featured-proof-section__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(--proof-title-dark);
  margin-bottom: 14px;
  background: transparent !important;
}

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

.featured-proof-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(--proof-subtitle);
  max-width: 620px;
  margin: 0 auto;
}

/* ==========================================================================
   4. FEED VERTICAL DE TARJETAS DE CAPTURA AMPLIA
   ========================================================================== */
.featured-proof-feed {
  display: flex;
  flex-direction: column;
  gap: 28px;
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
}

/* Tarjeta individual */
.featured-proof-card {
  position: relative;
  width: 100%;
  background-color: var(--proof-card-bg);
  border: 1.5px solid var(--proof-border);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 12px 32px var(--proof-shadow);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.featured-proof-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(216, 125, 131, 0.12);
}

/* Imagen de la captura */
.testimonio-card-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 22px;
}

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

  .featured-proof-section__container {
    gap: 34px;
  }

  .featured-proof-feed {
    gap: 20px;
  }

  .featured-proof-card {
    border-radius: 18px;
  }

  .testimonio-card-img {
    border-radius: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-27cba26 */@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 {
  --fit-bg: #FFFFFF;
  --fit-card-no-bg: #FFFFFF;
  --fit-card-yes-bg: #FFF9F8;      /* Rosa pastel ultra sutil */
  --fit-border: #F3D3CE;           /* Borde rosa fino */
  --fit-accent: #D87D83;           /* Rosa terracota de marca */
  --fit-title-dark: #2B2525;       /* Marrón cálido oscuro */
  --fit-text-body: #4A4546;        /* Texto de lectura */
  --fit-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
   ========================================================================== */
.fit-check-section {
  background-color: var(--fit-bg) !important;
  font-family: var(--font-body);
  color: var(--fit-text-body);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

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

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

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

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

.fit-check-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(--fit-title-dark);
  margin: 0;
}

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

/* ==========================================================================
   4. TARJETAS COMPARATIVAS FLOTANTES
   ========================================================================== */
.fit-cards-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.fit-card {
  position: relative;
  width: 100%;
  border: 1.5px solid var(--fit-border);
  border-radius: 26px;
  padding: 40px 36px 36px;
  box-shadow: 0 8px 25px var(--fit-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

.fit-card--no {
  background-color: var(--fit-card-no-bg);
}

.fit-card--yes {
  background-color: var(--fit-card-yes-bg);
}

/* Icono circular flotante en el borde superior */
.fit-card-pin {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  width: 36px !important;
  height: 36px !important;
  border-radius: 50%;
  border: 1px solid var(--fit-border);
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(216, 125, 131, 0.12);
}

.fit-card-pin--no {
  color: #B59B9E;
  background-color: #FBF4F4;
}

.fit-card-pin--yes {
  color: var(--fit-accent);
  background-color: #FFF0EE;
}

.fit-card-pin svg {
  width: 14px !important;
  height: 14px !important;
  stroke-width: 2.5;
}

/* Títulos de las tarjetas */
.fit-card-title {
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: var(--fit-title-dark);
  text-transform: uppercase;
  margin: 0 0 24px 0;
  text-align: center;
}

.fit-card-title .accent-no {
  color: #B74B52;
}

.fit-card-title .accent-yes {
  color: var(--fit-accent);
}

/* Listas de puntos */
.fit-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0;
  margin: 0;
  width: 100%;
}

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

/* Viñetas Circulares de Cruz y Check */
.fit-bullet {
  flex-shrink: 0;
  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;
  margin-top: 2px;
}

.fit-bullet--cross {
  background-color: #F6EBEB;
  color: #A89093;
}

.fit-bullet--cross svg {
  width: 9px !important;
  height: 9px !important;
  stroke-width: 2.8;
}

.fit-bullet--check {
  background-color: var(--fit-accent);
  color: #FFFFFF;
  box-shadow: 0 3px 8px rgba(216, 125, 131, 0.28);
}

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

.fit-text {
  font-family: var(--font-body);
  font-size: 0.94rem;
  line-height: 1.52;
  color: var(--fit-text-body);
  margin: 0;
}

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

  .fit-check-section__container {
    gap: 28px;
  }

  .fit-cards-wrap {
    gap: 30px;
  }

  .fit-card {
    padding: 30px 18px 24px;
    border-radius: 20px;
  }

  .fit-card-title {
    font-size: 1.1rem;
    margin-bottom: 18px;
  }

  .fit-list {
    gap: 14px;
  }

  .fit-item {
    gap: 11px;
  }

  .fit-text {
    font-size: 0.88rem;
    line-height: 1.46;
  }

  .fit-bullet {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b215663 *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --stack-bg: #FFFFFF;
  --stack-card-bg: #FFFFFF;
  --stack-box-bg: #FFF9F8;        /* Rosa pastel ultra sutil para el área de precio */
  --stack-border: #F3D3CE;        /* Borde fino */
  --stack-icon-bg: #FCEBE9;       /* Fondo de píldoras */
  --stack-accent: #D87D83;        /* Rosa principal de marca */
  --stack-accent-hover: #C56B71;  /* Hover del botón */
  --stack-title-dark: #2B2525;    /* Carbón oscuro cálido */
  --stack-text-body: #4A4546;     /* Texto de lectura */
  --stack-muted: #888888;         /* Gris para precios tachados */
  --stack-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)
   ========================================================================== */
.checkout-stack-section {
  background-color: var(--stack-bg) !important;
  font-family: var(--font-body);
  color: var(--stack-text-body);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

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

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

/* ==========================================================================
   3. TARJETA PRINCIPAL DE LA OFERTA
   ========================================================================== */
.checkout-card {
  width: 100%;
  background-color: var(--stack-card-bg);
  border: 1.5px solid var(--stack-border);
  border-radius: 28px;
  padding: 48px 40px;
  box-shadow: 0 16px 45px var(--stack-shadow);
  display: flex;
  flex-direction: column;
}

/* Titular Principal */
.checkout-card__title {
  font-family: var(--font-heading);
  font-size: clamp(1.45rem, 3vw, 1.95rem);
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -0.015em;
  color: var(--stack-title-dark);
  text-align: center;
  margin-bottom: 36px;
}

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

/* Grupos de lista */
.checkout-card__group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.checkout-group__label {
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--stack-accent);
  margin-bottom: 2px;
}

/* Lista de entregables y bonos */
.checkout-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}

.checkout-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.checkout-list__left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}

/* Iconos circulares sutiles */
.checkout-icon {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.checkout-icon--check {
  background-color: var(--stack-icon-bg);
  color: var(--stack-accent);
}

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

.checkout-icon--gift {
  font-size: 0.95rem;
}

.checkout-item__name {
  font-size: 0.94rem;
  line-height: 1.45;
  color: var(--stack-title-dark);
}

.checkout-item__name strong {
  font-weight: 600;
}

/* Valores comerciales tachados a la derecha */
.checkout-item__value {
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--stack-muted);
  white-space: nowrap;
}

/* Línea divisoria interna */
.checkout-divider {
  border: none;
  border-top: 1px solid var(--stack-border);
  margin: 28px 0;
}

/* ==========================================================================
   4. BLOQUE DE PRECIO FINAL Y BOTÓN CTA
   ========================================================================== */
.checkout-pricing-box {
  background-color: var(--stack-box-bg);
  border: 1px solid var(--stack-border);
  border-radius: 22px;
  padding: 32px 24px;
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
}

.checkout-pricing__comparison {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.comparison-total {
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: var(--stack-muted);
}

.comparison-total del {
  color: #9E4B4B;
  font-weight: 700;
}

.comparison-intro {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--stack-title-dark);
}

/* Precio Principal Gigante */
.checkout-pricing__main {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.price-amount {
  font-family: var(--font-heading);
  font-size: clamp(2.8rem, 6vw, 3.8rem);
  font-weight: 800;
  line-height: 1.05;
  color: var(--stack-accent);
  letter-spacing: -0.02em;
}

.price-type {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--stack-text-body);
}

/* Botón CTA Cápsula Grande */
.checkout-btn {
  width: 100%;
  max-width: 460px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--stack-accent);
  color: #FFFFFF;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 1.02rem;
  letter-spacing: 0.05em;
  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-top: 6px;
}

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

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

/* Microtextos de garantía y seguridad */
.checkout-guarantee {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 0.76rem;
  color: var(--stack-text-body);
  margin-top: 4px;
}

.checkout-guarantee .meta-dot {
  color: var(--stack-border);
}

/* ==========================================================================
   5. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 600px) {
  .checkout-stack-section {
    padding: 60px 14px 75px;
  }

  .checkout-card {
    padding: 34px 18px;
    border-radius: 22px;
  }

  .checkout-card__title {
    font-size: 1.35rem;
    margin-bottom: 26px;
  }

  .checkout-list__item {
    gap: 10px;
  }

  .checkout-item__name {
    font-size: 0.86rem;
  }

  .checkout-item__value {
    font-size: 0.8rem;
  }

  .checkout-pricing-box {
    padding: 24px 14px;
    border-radius: 18px;
  }

  .price-amount {
    font-size: 2.6rem;
  }

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

  .checkout-guarantee {
    flex-direction: column;
    gap: 4px;
  }

  .checkout-guarantee .meta-dot {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-76ab53c *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --wall-bg: #FFFFFF;
  --wall-title-dark: #2B2525;
  --wall-accent: #D87D83;
  --wall-subtitle: #555555;
  --wall-card-bg: #FFFFFF;
  --wall-border: #F3D3CE;
  --wall-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)
   ========================================================================== */
.wall-of-love-section {
  background-color: var(--wall-bg) !important;
  font-family: var(--font-body);
  color: var(--wall-title-dark);
  padding: 85px 20px 105px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.wall-of-love-section *,
.wall-of-love-section *::before,
.wall-of-love-section *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.wall-of-love-section__container {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 46px;
}

/* ==========================================================================
   3. ENCABEZADO PERSUASIVO CENTRADO
   ========================================================================== */
.wall-of-love-section__header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
}

.wall-of-love-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(--wall-accent);
  margin-bottom: 14px;
}

.wall-of-love-section__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(--wall-title-dark);
  margin-bottom: 14px;
  background: transparent !important;
}

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

.wall-of-love-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(--wall-subtitle);
  max-width: 660px;
  margin: 0 auto;
}

/* ==========================================================================
   4. MURO DE TESTIMONIOS EN MOSAICO (CSS COLUMNS)
   ========================================================================== */
.wall-masonry {
  column-count: 2; /* 2 columnas balanceadas en escritorio */
  column-gap: 20px;
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}

/* Tarjeta individual de captura */
.muro-card {
  break-inside: avoid; /* Evita que la tarjeta se parta entre columnas */
  margin-bottom: 20px;
  background-color: var(--wall-card-bg);
  border: 1.5px solid var(--wall-border);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 25px var(--wall-shadow);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  display: block;
}

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

/* Imagen de la captura */
.muro-screenshot-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 18px;
}

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

  .wall-of-love-section__container {
    gap: 34px;
  }

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

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

  .muro-screenshot-img {
    border-radius: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-335b470 */@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 suave */
  --faq-border-closed: #F3D3CE;     /* Borde rosa fino */
  --faq-border-open: #EAA3A7;       /* Borde rosa activo */
  --faq-title-dark: #2B2525;        /* Carbón oscuro cálido */
  --faq-subtitle: #555555;          /* Gris cálido */
  --faq-text-reading: #3A3233;      /* Texto de lectura */
  --faq-accent: #D87D83;            /* Rosa principal de marca */
  --faq-accent-hover: #C56B71;
  --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)
   ========================================================================== */
.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;
}

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

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

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

.faq-section__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(--faq-title-dark);
  margin-bottom: 12px;
}

.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)
   ========================================================================== */
.faq-accordion {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.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 (Pregunta) */
.faq-trigger {
  width: 100%;
  background: none;
  border: none;
  outline: none;
  padding: 22px 26px;
  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);
}

/* Icono flecha animada */
.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 26px 24px 26px;
  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. BOTÓN CTA CÁPSULA Y MICROTEXTO
   ========================================================================== */
.faq-section__cta-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-top: 10px;
}

.faq-section__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--faq-accent);
  color: #FFFFFF;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 0.98rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 19px 40px;
  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;
}

.faq-section__btn:hover {
  background-color: var(--faq-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(216, 125, 131, 0.48);
}

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

.faq-section__meta {
  font-family: var(--font-body);
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--faq-subtitle);
  letter-spacing: 0.02em;
  text-align: center;
}

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

  .faq-section__container {
    gap: 34px;
  }

  .faq-accordion {
    gap: 12px;
  }

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

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

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

  .faq-content__inner p {
    padding: 0 20px 20px 20px;
    font-size: 0.9rem;
    line-height: 1.58;
  }

  .faq-section__btn {
    width: 100%;
    max-width: 340px;
    padding: 16px 18px;
    font-size: 0.88rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e129e1 *//* ==========================================================================
   1. VARIABLES DE MARCA (:root)
   ========================================================================== */
:root {
  --mcta-bg: #FFFFFF;
  --mcta-card-bg: #FFF9F8;         /* Rosa pastel ultra sutil y luminoso */
  --mcta-border: #F3D3CE;          /* Borde fino */
  --mcta-accent: #D87D83;          /* Rosa principal de marca */
  --mcta-accent-hover: #C56B71;    /* Hover del botón */
  --mcta-title-dark: #2B2525;      /* Carbón oscuro cálido */
  --mcta-kicker: #7A7273;          /* Gris cálido */
  --mcta-meta: #888888;            /* Microtexto suave */
  --mcta-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)
   ========================================================================== */
.micro-cta-section {
  background-color: var(--mcta-bg) !important;
  font-family: var(--font-body);
  color: var(--mcta-title-dark);
  padding: 60px 20px 75px;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

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

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

/* ==========================================================================
   3. TARJETA CENTRAL DE CONVERSIÓN
   ========================================================================== */
.micro-cta-card {
  width: 100%;
  background-color: var(--mcta-card-bg);
  border: 1.5px solid var(--mcta-border);
  border-radius: 28px;
  padding: 48px 36px;
  box-shadow: 0 14px 35px var(--mcta-shadow);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
}

/* Kicker Superior */
.micro-cta-card__kicker {
  font-family: var(--font-body);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mcta-kicker);
}

/* Titular Principal */
.micro-cta-card__title {
  font-family: var(--font-heading);
  font-size: clamp(1.45rem, 3.4vw, 2.05rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.015em;
  color: var(--mcta-title-dark);
  max-width: 580px;
  background: transparent !important;
}

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

/* ==========================================================================
   4. GRUPO DE BOTÓN Y MICROTEXTO
   ========================================================================== */
.micro-cta-card__action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-top: 10px;
}

/* Botón Cápsula Grande */
.micro-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--mcta-accent);
  color: #FFFFFF;
  font-family: var(--font-body);
  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 8px 20px rgba(216, 125, 131, 0.35);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
  text-align: center;
}

.micro-cta-btn:hover {
  background-color: var(--mcta-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(216, 125, 131, 0.45);
}

.micro-cta-btn:active {
  transform: translateY(0);
  box-shadow: 0 6px 14px rgba(216, 125, 131, 0.25);
}

/* Microtexto inferior */
.micro-cta-meta {
  font-family: var(--font-body);
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--mcta-meta);
  letter-spacing: 0.02em;
}

/* ==========================================================================
   5. ADAPTABILIDAD MÓVIL (MOBILE-FIRST)
   ========================================================================== */
@media (max-width: 600px) {
  .micro-cta-section {
    padding: 45px 14px 60px;
  }

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

  .micro-cta-card__kicker {
    font-size: 0.74rem;
  }

  .micro-cta-card__title {
    font-size: 1.35rem;
    line-height: 1.3;
  }

  .micro-cta-btn {
    width: 100%;
    max-width: 330px;
    padding: 17px 20px;
    font-size: 0.92rem;
  }

  .micro-cta-meta {
    font-size: 0.78rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51a95ea3 */@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 */