.elementor-2824 .elementor-element.elementor-element-c2d9b4c{--display:flex;--overflow:hidden;--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-2824 .elementor-element.elementor-element-4b8c2f8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2824 .elementor-element.elementor-element-62773cf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2824 .elementor-element.elementor-element-217ce70 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-4b8c2f8 */.zen-progress{
    /* —— Brand Congela y Respira —— */
    --accent-1: var(--brand-teal, #AFC4C0);   /* menta */
    --accent-2: var(--brand-pink, #F87C7C);   /* coral */
    --accent-3: var(--brand-pink, #F87C7C);   /* para bordes/halos */
    --height: clamp(36px, 5.2vw, 56px);
    --radius: 9999px;

    width: min(100%, 880px);
    margin: clamp(8px, 2vh, 16px) auto;
    position: relative;
    height: var(--height);
    border-radius: var(--radius);
    overflow: hidden;

    /* pista */
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
    box-shadow:
      0 0 0 1px color-mix(in srgb, var(--accent-2) 25%, transparent) inset, /* borde en coral */
      0 10px 24px rgba(0,0,0,.25),
      0 0 48px color-mix(in srgb, var(--accent-1) 10%, transparent);        /* halo menta sutil */
    font-family: "GFS Didot", "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #34444B; /* texto oscuro marca */
  }

  /* Relleno animado — coral → menta (marca) */
  .zen-progress__fill{
    position: absolute; inset: 0 auto 0 0;
    width: 0; height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg,
      var(--accent-2) 0%,
      color-mix(in srgb, var(--accent-2) 55%, white) 55%,
      var(--accent-1) 100%
    );
    background-size: 200% 100%;
    box-shadow:
      0 0 0 1px color-mix(in srgb, var(--accent-2) 40%, transparent) inset,
      0 8px 24px color-mix(in srgb, var(--accent-2) 25%, transparent),
      0 0 36px color-mix(in srgb, var(--accent-2) 30%, transparent);
    animation: zp-fill 1.05s ease-out forwards, zp-shift 8s ease-in-out infinite 0.8s;
  }

  /* Brillo diagonal suave */
  .zen-progress__fill::before{
    content:"";
    position:absolute; inset:-20% -60%;
    background: linear-gradient(-75deg, rgba(255,255,255,0) 45%, rgba(255,255,255,.35) 50%, rgba(255,255,255,0) 55%);
    transform: translateX(-60%);
    animation: zp-sheen 2.2s ease-in-out infinite 1.2s;
    pointer-events:none;
    mix-blend-mode: soft-light;
  }

  @keyframes zp-fill { from { width: 0%; } to { width: calc(var(--val, 96) * 1%); } }
  @keyframes zp-shift { 0%,100% { background-position: 0% 0; } 50% { background-position: 100% 0; } }
  @keyframes zp-sheen { from { transform: translateX(-60%); opacity: .0; } 35% { opacity: .55; } to { transform: translateX(160%); opacity: 0; } }

  /* Contenido */
  .zen-progress__content{
    position: relative; z-index: 1;
    display: flex; align-items: center; justify-content: space-between;
    height: 100%;
    padding-inline: clamp(12px, 8vw, 48px);
  }
  .zen-progress__text{
    font-weight: 700; letter-spacing: .2px; line-height: 1;
    font-size: clamp(12px, 2.4vw, 16px);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .zen-progress__pct{
    font-weight: 800; font-variant-numeric: tabular-nums;
    font-size: clamp(12px, 2.2vw, 15px);
    color: rgba(52,68,75,.85);
    margin-left: 12px;
  }

  /* Tablet / móvil */
  @media (max-width: 1024px){ .zen-progress{ width: min(100%, 680px); } }
  @media (max-width: 600px){  .zen-progress{ width: 100%; } }

  /* Motion */
  @media (prefers-reduced-motion: reduce){
    .zen-progress__fill{ animation: none; width: calc(var(--val, 96) * 1%); }
    .zen-progress__fill::before{ display:none; }
  }/* End custom CSS */