/* Webzi Sitio — widget «Tarjeta de progreso». Medidas en cqw (ancho del propio
   widget) para que escale entero. Estados que pone el JS en cada paso:
   (nada) = pendiente, .wz-pg-carga = el circulito gira, .wz-pg-listo = ✓.
   El pie aparece con .wz-pg-fin en la tarjeta. */
.wz-pg{
  --wz-pg-fondo:#fff; --wz-pg-texto:#0F1B33; --wz-pg-gris:#64748B; --wz-pg-linea:#E6EEF9; --wz-pg-acento:#B6DE13; --wz-pg-check:#0B2550;
  --wz-pg-destacado:#F2F7FF; --wz-pg-etiqueta:#094CBA; --wz-pg-sello:#F2F7FF; --wz-pg-pie-fondo:#0B2550; --wz-pg-pie-icono:#B6DE13;
  width:100%;margin:0 auto;container-type:inline-size;font-family:"DM Sans",sans-serif;line-height:1.25;text-align:left
}
.elementor-widget.elementor-widget-webzi-progreso{width:100%}
.wz-pg *{box-sizing:border-box}
.wz-pg-caja{background:var(--wz-pg-fondo);color:var(--wz-pg-texto);border-radius:4cqw;padding:3.8cqw 4.4cqw 3.4cqw;box-shadow:0 2.4cqw 5cqw rgba(0,0,0,.18)}
.wz-pg small{display:block;color:var(--wz-pg-gris);font-size:max(11px,1.85cqw);font-weight:400;margin-top:.25cqw}

/* Encabezado */
.wz-pg-cab{display:flex;align-items:center;gap:1.6cqw;padding-bottom:2.4cqw;border-bottom:2px solid var(--wz-pg-linea)}
.wz-pg-logo{flex:none;width:6.4cqw;height:6.4cqw;border-radius:50%;background:#EAF2FE;display:flex;align-items:center;justify-content:center}
.wz-pg-logo img{width:55%!important;height:auto!important}
.wz-pg-cab-txt{min-width:0}
.wz-pg-cab b{display:block;font-size:max(14px,2.5cqw);font-weight:700}
.wz-pg-cab small{font-size:max(11px,2cqw)}
.wz-pg-sello{margin-left:auto;flex:none;display:flex;align-items:center;gap:.8cqw;background:var(--wz-pg-sello);border-radius:999px;padding:.8cqw 1.6cqw;
  font-size:max(10px,1.8cqw);font-weight:600;color:#143F85;white-space:nowrap}
.wz-pg-sello svg{width:2.6cqw;height:1.8cqw;border-radius:2px;box-shadow:0 0 0 1px #dbe6f5}

/* Pasos */
.wz-pg-lista{list-style:none!important;margin:3cqw 0 0!important;padding:0!important;display:flex;flex-direction:column;gap:2.2cqw}
.wz-pg-it{display:flex;align-items:center;gap:1.8cqw;font-size:max(13px,2.3cqw);border-radius:1.8cqw;padding:1.2cqw 1.8cqw;margin:0 -1.8cqw;
  transition:background-color .6s ease}
.wz-pg-it b{font-weight:700}
.wz-pg-txt{min-width:0;opacity:.4;transition:opacity .5s ease}
.wz-pg-ok{position:relative;flex:none;width:4cqw;height:4cqw;min-width:22px;min-height:22px;border-radius:50%;border:2px solid var(--wz-pg-linea);
  display:flex;align-items:center;justify-content:center;color:var(--wz-pg-check);transition:background-color .3s ease,border-color .3s ease}
.wz-pg-ok svg{width:55%;height:55%;opacity:0;transform:scale(.3);transition:opacity .25s ease,transform .35s cubic-bezier(.3,1.6,.5,1)}
.wz-pg-gira{position:absolute;inset:-2px;border-radius:50%;border:2px solid transparent;border-top-color:var(--wz-pg-etiqueta);opacity:0}
.wz-pg-carga .wz-pg-gira{opacity:1;animation:wz-pg-gira .7s linear infinite}
.wz-pg-carga .wz-pg-txt{opacity:.75}
.wz-pg-listo .wz-pg-ok{background:var(--wz-pg-acento);border-color:var(--wz-pg-acento)}
.wz-pg-listo .wz-pg-ok svg{opacity:1;transform:none}
.wz-pg-listo .wz-pg-txt{opacity:1}
.wz-pg-listo.wz-pg-dest{background:var(--wz-pg-destacado)}
@keyframes wz-pg-gira{to{transform:rotate(360deg)}}

/* Etiqueta que se escribe (el dominio) */
.wz-pg-et{display:inline-flex;align-items:center;gap:.6cqw;margin-left:.8cqw;vertical-align:middle;background:#fff;border:2px solid #dbe6f5;border-radius:1cqw;
  padding:.2cqw 1cqw;font-weight:600;color:var(--wz-pg-etiqueta)}
.wz-pg-et em{font-style:normal;font-size:.9em}
.wz-pg-esc{display:inline-block;overflow:hidden;white-space:nowrap;width:0;vertical-align:bottom}
.wz-pg-listo .wz-pg-esc{animation:wz-pg-esc .9s steps(var(--wz-pg-pasos,16)) .1s forwards}
@keyframes wz-pg-esc{to{width:var(--wz-pg-largo,16ch)}}

/* Pie */
.wz-pg-pie{display:flex;align-items:center;gap:1.6cqw;margin-top:3cqw;padding-top:2.4cqw;border-top:2px dashed var(--wz-pg-linea);font-size:max(12px,2.1cqw);
  opacity:0;transform:translateY(1cqw);transition:opacity .6s ease,transform .6s ease}
.wz-pg-fin .wz-pg-pie{opacity:1;transform:none}
.wz-pg-pie b{font-weight:700}
.wz-pg-pie-ico{flex:none;width:4.6cqw;height:4.6cqw;min-width:26px;min-height:26px;border-radius:1.4cqw;background:var(--wz-pg-pie-fondo);color:var(--wz-pg-pie-icono);
  display:flex;align-items:center;justify-content:center;font-size:max(12px,2.2cqw)}
.wz-pg-pie-ico svg{width:1em;height:1em;fill:currentColor}

/* Reinicio: todo se desvanece antes de volver a empezar */
.wz-pg-reinicia .wz-pg-lista,.wz-pg-reinicia .wz-pg-pie{opacity:0;transition:opacity .5s ease}

/* Sin animaciones: la tarjeta completa, quieta. */
@media (prefers-reduced-motion:reduce){
  .wz-pg *{transition:none!important;animation:none!important}
  .wz-pg-esc{width:auto}
}