.elementor-8655 .elementor-element.elementor-element-4236ffc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(max-width:1024px){.elementor-8655 .elementor-element.elementor-element-4236ffc{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-8655 .elementor-element.elementor-element-4236ffc{--content-width:0px;}}@media(max-width:767px){.elementor-8655 .elementor-element.elementor-element-4236ffc{--min-height:0px;}}/* Start custom CSS for html, class: .elementor-element-a4619f7 *//* ==========================================
   FIT & HEALTHY - BLACK FRIDAY 2026
   AJUSTES DE TIPOGRAFÍA PARA CELULAR
   ========================================== */

/* SELF-LOVE: tamaño y separación */
.bf26 .hero-edition:has(.heart),
.bf26 .fh-hero__edition:has(svg) {
    color: #ffffff !important;
    font-size: clamp(42px, 4.5vw, 68px) !important;
    font-weight: 400 !important;
    letter-spacing: 0.055em !important;
    line-height: 1.24 !important;
    white-space: nowrap;
}

/* Corazón rosa: más grande y centrado */
.bf26 .hero-edition .heart {
    display: inline-block !important;
    color: #e5097f !important;
    font-family: Arial, sans-serif !important;
    font-size: 1.38em !important;
    line-height: 0.75 !important;
    vertical-align: -0.06em !important;
    margin: 0 0.025em !important;
}

/* Compatibilidad con versión del corazón SVG */
.bf26 .fh-hero__edition svg {
    width: 1.12em !important;
    height: 1.12em !important;
    vertical-align: -0.13em !important;
    margin: 0 0.025em !important;
    fill: #e5097f !important;
}

/* Separación general de los títulos */
.bf26 .hero-title,
.bf26 .fh-hero__title {
    letter-spacing: 0.025em !important;
    line-height: 1.08 !important;
}

/* ==========================================
   VERSIÓN CELULAR
   ========================================== */

@media (max-width: 760px) {

    /* BLACK FRIDAY */
    .bf26 .hero-title,
    .bf26 .fh-hero__title {
        font-size: clamp(58px, 13vw, 82px) !important;
        line-height: 1.09 !important;
        letter-spacing: 0.025em !important;
    }

    /* SELF-LOVE: más grande que EDITION */
    .bf26 .hero-edition:has(.heart),
    .bf26 .fh-hero__edition:has(svg) {
        font-size: clamp(40px, 10.5vw, 53px) !important;
        letter-spacing: 0.045em !important;
        line-height: 1.3 !important;
        white-space: nowrap !important;
    }

    /* Corazón destacado */
    .bf26 .hero-edition .heart {
        font-size: 1.4em !important;
        vertical-align: -0.055em !important;
        margin: 0 0.025em !important;
    }

    .bf26 .fh-hero__edition svg {
        width: 1.17em !important;
        height: 1.17em !important;
        vertical-align: -0.14em !important;
    }

    /* La palabra EDITION un poco más pequeña */
    .bf26 .hero-edition:not(:has(.heart)),
    .bf26 .fh-hero__edition:not(:has(svg)) {
        font-size: clamp(33px, 8.5vw, 43px) !important;
        letter-spacing: 0.065em !important;
        line-height: 1.2 !important;
    }

    /* Evitar que el banner amarillo se corte */
    .bf26 .fh-banner__inner {
        box-sizing: border-box !important;
        width: 100% !important;
        padding: 35px 22px !important;
    }

    .bf26 .fh-banner__title {
        max-width: 100% !important;
        font-size: clamp(29px, 7.4vw, 43px) !important;
        line-height: 1.18 !important;
        letter-spacing: 0.015em !important;
        overflow-wrap: normal !important;
    }
}

/* Pantallas pequeñas, como iPhone SE */
@media (max-width: 375px) {

    .bf26 .hero-edition:has(.heart),
    .bf26 .fh-hero__edition:has(svg) {
        font-size: 37px !important;
        letter-spacing: 0.025em !important;
    }

    .bf26 .hero-edition .heart {
        font-size: 1.32em !important;
    }
}

<!-- OCULTAR PESTAÑA FLOTANTE PAY OVER TIME -->
<style>
  body:has(.bf26) #floatingEstimator,
  body:has(.bf26) [id*="floatingEstimator"],
  body:has(.bf26) [class*="floating-estimator"],
  body:has(.bf26) [data-cherry-floating] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
</style>

<script>
(function () {
  "use strict";

  function ocultarPayOverTime() {
    // Ejecutar únicamente en la landing Black Friday
    if (!document.querySelector(".bf26")) return;

    // Ocultar elementos conocidos del widget flotante
    const .elementor-8655 .elementor-element.elementor-element-a4619f7es = [
      "#floatingEstimator",
      '[id*="floatingEstimator"]',
      '[class*="floating-estimator"]',
      "[data-cherry-floating]"
    ];

    document
      .querySelectorAll(.elementor-8655 .elementor-element.elementor-element-a4619f7es.join(","))
      .forEach(function (elemento) {
        elemento.style.setProperty(
          "display",
          "none",
          "important"
        );
      });

    // Detectar la pestaña por su contenido visible
    const elementos = document.querySelectorAll("body *");

    const coincide = function (texto) {
      const contenido = (texto || "")
        .replace(/\s+/g, " ")
        .trim()
        .toUpperCase();

      return (
        contenido.includes("PAY OVER TIME") &&
        contenido.includes("NO HARD CREDIT CHECKS")
      );
    };

    elementos.forEach(function (elemento) {
      const texto = elemento.textContent || "";

      // Evitar seleccionar contenedores grandes de la página
      if (texto.length > 250 || !coincide(texto)) return;

      // Encontrar el contenedor más específico de la pestaña
      const hijoCoincidente = Array.from(
        elemento.children
      ).some(function (hijo) {
        return coincide(hijo.textContent);
      });

      if (hijoCoincidente) return;

      let contenedor = elemento;
      let actual = elemento;

      // Si pertenece a un elemento flotante, ocultarlo entero
      for (let i = 0; i < 8 && actual; i++) {
        const posicion = window.getComputedStyle(
          actual
        ).position;

        if (
          posicion === "fixed" ||
          posicion === "sticky"
        ) {
          contenedor = actual;
          break;
        }

        actual = actual.parentElement;
      }

      contenedor.style.setProperty(
        "display",
        "none",
        "important"
      );

      contenedor.style.setProperty(
        "visibility",
        "hidden",
        "important"
      );
    });
  }

  // Primera ejecución
  ocultarPayOverTime();

  // Repetir cuando termina de cargar la página
  window.addEventListener(
    "load",
    ocultarPayOverTime
  );

  // Detectar widgets insertados posteriormente
  let pendiente = false;

  const observador = new MutationObserver(function () {
    if (pendiente) return;

    pendiente = true;

    setTimeout(function () {
      ocultarPayOverTime();
      pendiente = false;
    }, 150);
  });

  observador.observe(document.documentElement, {
    childList: true,
    subtree: true
  });

  // Comprobaciones adicionales
  setTimeout(ocultarPayOverTime, 1000);
  setTimeout(ocultarPayOverTime, 3000);
  setTimeout(ocultarPayOverTime, 6000);
})();
</script>
<!-- FIN DE CORRECCIÓN -->/* End custom CSS */