/* Solicitud de cuenta en dos pasos (maqueta 06). Se carga solo en esa plantilla. */
.lulo-wiz{max-width:720px;margin:0 auto;padding-top:20px;padding-bottom:56px}
.lulo-wiz .lulo-crumb{font-size:12px;color:var(--lulo-muted);margin-bottom:8px}

/* Banner opcional (Personalizar › Solicitud de cuenta): franja de poca
   altura, ancho completo, encima del título. Sin banner configurado, este
   bloque ni siquiera se imprime en el PHP. */
.lulo-solicitud-banner{width:100%;max-height:150px;border-radius:8px;overflow:hidden;margin-bottom:16px}
.lulo-solicitud-banner img{display:block;width:100%;height:100%;max-height:150px;object-fit:cover}

.lulo-wiz h1{font-size:25px;color:var(--lulo-navy);letter-spacing:-.02em}
.lulo-wiz .lulo-wsub{color:var(--lulo-muted);margin-top:7px;font-size:14px;line-height:1.55;max-width:60ch}
.lulo-wiz .lulo-avisos:empty{display:none}
.lulo-wiz .woocommerce-error{margin:16px 0 0;padding:12px 16px 12px 18px;border:1px solid #AAB6C6;border-radius:6px;background:var(--lulo-band);color:var(--lulo-deep);font-size:13.5px;list-style:disc inside}
.lulo-wiz .woocommerce-error li{margin:2px 0}

/* Barra de avance partida en dos tramos */
.lulo-prog{margin:22px 0 4px}
.lulo-progtop{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--lulo-muted);margin-bottom:7px}
.lulo-progtop b{color:var(--lulo-navy);font-size:13px}
.lulo-progbar{display:flex;gap:6px;height:5px}
.lulo-progbar .lulo-tramo{flex:1 1 0;min-width:0;border-radius:3px;background:var(--lulo-line);overflow:hidden}
.lulo-progbar .lulo-tramo i{display:block;height:100%;width:0;background:var(--lulo-navy);transition:width .3s cubic-bezier(.4,0,.2,1)}
.lulo-progbar .lulo-tramo.lulo-on i{width:100%}

/* Paneles */
.lulo-panelw{border:1px solid var(--lulo-line);border-radius:8px;background:#fff;margin-top:18px}
.lulo-panelw .lulo-hd{padding:17px 19px 0}
.lulo-panelw h2{font-size:17px;color:var(--lulo-navy)}
.lulo-panelw .lulo-hint{font-size:12.5px;color:var(--lulo-muted);margin-top:5px;line-height:1.5;max-width:62ch}
.lulo-panelw .lulo-bd{padding:16px 19px 19px}

/* Campos */
.lulo-fld{display:flex;flex-direction:column;gap:5px;margin-bottom:13px;min-width:0}
.lulo-fld label{font-size:12.5px;font-weight:600;color:var(--lulo-ink)}
.lulo-fld input,.lulo-fld select{height:40px;border:1px solid var(--lulo-line);border-radius:5px;padding:0 11px;font:inherit;font-size:14px;outline:none;background:#fff;width:100%;min-width:0;color:var(--lulo-ink)}
.lulo-fld input:focus,.lulo-fld select:focus{border-color:var(--lulo-accent);box-shadow:0 0 0 3px rgba(63,92,134,.12)}
.lulo-fld input.lulo-invalido,.lulo-fld select.lulo-invalido{border-color:var(--lulo-deep)}
.lulo-fld .lulo-help{font-size:11.5px;color:var(--lulo-muted);line-height:1.45}
.lulo-f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lulo-f3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.lulo-f2>*,.lulo-f3>*{min-width:0}

/* Documentos */
.lulo-drop{border:1px dashed var(--lulo-line);border-radius:7px;padding:14px 16px;display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:10px}
.lulo-drop.lulo-listo{border-style:solid;border-color:var(--lulo-olive);background:var(--lulo-band)}
.lulo-drop .lulo-ic{width:34px;height:34px;border-radius:6px;background:var(--lulo-band);flex:0 0 34px;display:flex;align-items:center;justify-content:center;color:var(--lulo-muted)}
.lulo-drop.lulo-listo .lulo-ic{color:var(--lulo-olive)}
.lulo-drop .lulo-wtx{flex:1 1 180px;min-width:0}
.lulo-drop b{display:block;font-size:13.5px;color:var(--lulo-ink)}
/* Obligatorio u opcional, dicho en la tarjeta y no deducido del silencio.
   Tres recuadros iguales se leen como tres requisitos; el negocio que no está
   constituido como empresa abandona creyendo que no califica. */
.lulo-drop b .lulo-marca{display:inline-block;font-style:normal;font-weight:700;font-size:9.5px;
 letter-spacing:.07em;text-transform:uppercase;border-radius:99px;padding:2px 7px;margin-left:7px;
 vertical-align:1px;border:1px solid transparent}
.lulo-drop b .lulo-obl{color:var(--lulo-navy);background:var(--lulo-band);border-color:var(--lulo-line)}
.lulo-drop b .lulo-opc{color:var(--lulo-muted);background:transparent;border-color:var(--lulo-line)}
/* El mismo rótulo «opcional», reutilizado en el encabezado del vendedor. */
.lulo-hd-min h3 .lulo-marca{display:inline-block;font-style:normal;font-weight:700;font-size:9.5px;
 letter-spacing:.07em;text-transform:uppercase;border-radius:99px;padding:2px 7px;margin-left:7px;
 vertical-align:2px;border:1px solid var(--lulo-line);color:var(--lulo-muted);background:transparent}
.lulo-drop-opc{border-color:color-mix(in srgb,var(--lulo-line) 60%,#fff);background:transparent}
.lulo-drop-opc b{color:var(--lulo-muted)}
.lulo-drop .lulo-wtx>span{display:block;font-size:12px;color:var(--lulo-muted);margin-top:2px;overflow-wrap:anywhere}
.lulo-drop .lulo-go{position:relative;border:1px solid var(--lulo-line);border-radius:5px;padding:7px 14px;font-size:12.5px;font-weight:600;color:var(--lulo-navy);background:#fff;flex:0 0 auto;cursor:pointer;overflow:hidden}
.lulo-drop .lulo-go:hover{border-color:var(--lulo-navy)}
.lulo-drop .lulo-go input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.lulo-drop .lulo-go:focus-within{box-shadow:0 0 0 3px rgba(63,92,134,.12)}

/* Autorización */
.lulo-wlegal{max-height:132px;overflow-y:auto;border:1px solid var(--lulo-line-2);border-radius:6px;padding:13px 15px;font-size:11.5px;color:var(--lulo-muted);line-height:1.6;background:var(--lulo-band)}
.lulo-wlegal p{margin:0 0 10px}
.lulo-wlegal p:last-child{margin-bottom:0}
.lulo-wlegal b{color:var(--lulo-ink)}
.lulo-check{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;color:var(--lulo-muted);margin-top:12px;line-height:1.55;cursor:pointer}
.lulo-check input{margin-top:2px;flex:0 0 auto}

/* Vendedor de la zona */
.lulo-repbox{display:none;gap:12px;align-items:center;border:1px solid var(--lulo-line);border-radius:7px;padding:13px 15px;background:var(--lulo-band);margin-top:4px}
.lulo-repbox.lulo-on{display:flex}
.lulo-repbox .lulo-av{width:40px;height:40px;border-radius:50%;background:var(--lulo-navy);color:#fff;flex:0 0 40px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}
.lulo-repbox .lulo-k{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lulo-muted)}
.lulo-repbox b{display:block;font-size:13.5px;color:var(--lulo-navy);margin-top:3px}
.lulo-repbox .lulo-z{display:block;font-size:12px;color:var(--lulo-muted);margin-top:2px}

/* Navegación entre pasos */
.lulo-wnav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}
.lulo-wnav .lulo-back{font:inherit;font-size:13.5px;color:var(--lulo-muted);font-weight:600;background:none;border:none;cursor:pointer;padding:0}
.lulo-wnav .lulo-back:hover{color:var(--lulo-navy)}
.lulo-wnav .lulo-right{display:flex;align-items:center;gap:13px;margin-left:auto}
.lulo-wnav .lulo-right span{font-size:12px;color:var(--lulo-muted)}
.lulo-wnav .lulo-btn{height:44px;padding:0 22px}

/* Con JavaScript se ve un paso a la vez; sin él, los dos seguidos */
.lulo-js .lulo-paso{display:none}
.lulo-js .lulo-paso.lulo-on{display:block}
html:not(.lulo-js) .lulo-prog{display:none}
html:not(.lulo-js) .lulo-wnav [data-ir]{display:none}

/* Solicitud recibida */
.lulo-done{text-align:center;padding:34px 22px}
.lulo-done .lulo-tick{width:52px;height:52px;border-radius:50%;background:var(--lulo-bg);color:var(--lulo-olive);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:25px}
.lulo-done h2{font-size:21px;color:var(--lulo-navy)}
.lulo-done>p{font-size:14px;color:var(--lulo-muted);margin:9px auto 0;line-height:1.6;max-width:46ch}
.lulo-flow{list-style:none;margin:22px auto 0;max-width:420px;text-align:left;padding:0}
.lulo-flow li{position:relative;padding-left:30px;padding-bottom:15px;border-left:1px solid var(--lulo-line);margin-left:11px}
.lulo-flow li:last-child{border-left-color:transparent;padding-bottom:0}
.lulo-flow li::before{content:attr(data-n);position:absolute;left:-11px;top:0;width:22px;height:22px;border-radius:50%;background:var(--lulo-navy);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}
.lulo-flow h3{font-size:13.5px;color:var(--lulo-navy)}
.lulo-flow p{font-size:12.5px;color:var(--lulo-muted);margin-top:3px;line-height:1.55}
.lulo-done__acciones{margin-top:24px}

@media(max-width:640px){
  .lulo-f2,.lulo-f3{grid-template-columns:1fr}
  .lulo-wiz{padding-bottom:40px}
  .lulo-progbar{display:none}
  .lulo-wnav .lulo-right{width:100%;flex-wrap:wrap}
  .lulo-wnav .lulo-right .lulo-btn{flex:1 1 100%;width:100%}
  .lulo-wnav .lulo-right span{order:2;width:100%;text-align:center}
  .lulo-drop .lulo-go{flex:1 1 100%;text-align:center}
}

/* 2.0.12 · formulario más compacto, validación visible y borrador recuperable */
.lulo-wiz .lulo-draft-note{margin-top:10px;padding:9px 11px;border:1px solid var(--lulo-line-2);border-radius:6px;background:var(--lulo-band);font-size:11.5px;line-height:1.45;color:var(--lulo-muted)}
.lulo-wiz .lulo-draft-note.lulo-recuperado{border-color:var(--lulo-olive);color:var(--lulo-olive)}
.lulo-prog{margin-top:15px}
.lulo-panelw{margin-top:12px}
.lulo-panelw .lulo-hd{padding:11px 16px 0}
.lulo-panelw .lulo-hint{margin-top:3px;line-height:1.4}
.lulo-panelw .lulo-bd{padding:10px 16px 14px}
.lulo-fld{gap:4px;margin-bottom:10px}
.lulo-fld .lulo-field-msg{display:block;min-height:0;font-size:11px;line-height:1.35;color:#A33B32}
.lulo-fld.lulo-field-error input,.lulo-fld.lulo-field-error select{border-color:#A33B32;box-shadow:0 0 0 2px rgba(163,59,50,.08)}
.lulo-fld.lulo-field-ok input,.lulo-fld.lulo-field-ok select{border-color:#71804C}
.lulo-drop{padding:11px 13px;margin-bottom:8px}
.lulo-drop.lulo-subiendo{opacity:.78;pointer-events:none}
.lulo-drop.lulo-doc-error{border-color:#A33B32;background:#FFF9F8}
.lulo-drop.lulo-doc-error .lulo-wtx>span{color:#A33B32}
.lulo-wnav{margin-top:13px}

@media(max-width:640px){
  .lulo-wiz{padding-top:14px}
  .lulo-wiz .lulo-wsub{margin-top:5px}
  .lulo-wiz .lulo-draft-note{margin-top:8px}
  .lulo-panelw{margin-top:10px}
  .lulo-panelw .lulo-hd{padding:10px 13px 0}
  .lulo-panelw .lulo-bd{padding:9px 13px 12px}
  .lulo-panelw h2{font-size:16px}
  .lulo-panelw .lulo-hint{font-size:11.8px}
}

/* Telefono con indicativo fijo +57 y WhatsApp opcional */
.lulo-tel{display:flex;align-items:stretch;gap:0;min-width:0}
.lulo-tel-pre{display:flex;align-items:center;height:40px;padding:0 10px;font-size:14px;font-weight:600;color:var(--lulo-ink);background:#F1F3F6;border:1px solid var(--lulo-line);border-right:0;border-radius:5px 0 0 5px;white-space:nowrap}
.lulo-tel input{border-radius:0 5px 5px 0 !important}
.lulo-wa-check{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:12.5px;font-weight:500;color:var(--lulo-ink);cursor:pointer}
.lulo-wa-check input{height:auto !important;width:auto !important;margin:0}
.lulo-wa-campo{margin-top:9px;display:flex;flex-direction:column;gap:5px}
.lulo-wa-campo[hidden]{display:none}

/* Cabecera del registro: misma familia visual que la pantalla de inicio */
.lulo-wiz-hero{position:relative;margin:0 -34px 26px;padding:38px 34px 32px;background:#0B2D5B url(https://pedidoslulogroup.com/wp-content/uploads/2026/09/Background-Login-Pedidoslulogroup-4.png) center/cover no-repeat;overflow:hidden}
.lulo-wiz-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(39,54,75,.93) 0%,rgba(39,54,75,.78) 100%)}
.lulo-wiz .lulo-wiz-hero>*{position:relative;z-index:1}
.lulo-wiz .lulo-wiz-hero h1{color:#FFFFFF;margin:0 0 10px}
.lulo-wiz .lulo-wiz-hero p{color:#C6CEDB;margin:0;max-width:62ch}
@media (max-width:640px){.lulo-wiz-hero{margin:0 -18px 20px;padding:28px 18px 24px}}


/* ============================================================
   Registro 2026 — sistema visual del formulario de solicitud
   ============================================================ */
.lulo-wiz{
  --reg-ink:#1D2B4A; --reg-ink-2:#3A4A66; --reg-texto:#6E7E96;
  --reg-lima:#F7FF00; --reg-borde:#E4E9F0; --reg-suave:#F5F7FA;
  --reg-blanco:#FFFFFF; --reg-ok:#3DA35D; --reg-req:#E0574B;
  --reg-r:16px;
  max-width:760px; margin:0 auto; padding:0 18px 56px;
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
}
.lulo-wiz *{box-sizing:border-box}

/* --- Cabecera --- */
.lulo-wiz .lulo-wiz-hero{
  margin:0 -18px 0; padding:26px 18px 6px;
  background:none; overflow:visible;
}
.lulo-wiz .lulo-wiz-hero:before{display:none}
.lulo-wiz .lulo-wiz-hero h1{
  color:var(--reg-ink); font-size:29px; line-height:36px; font-weight:800;
  letter-spacing:-.4px; margin:0 0 8px;
}
.lulo-wiz .lulo-wiz-hero p{
  color:var(--reg-texto); font-size:15.5px; line-height:24px; margin:0; max-width:48ch;
}

/* --- Indicador de pasos --- */
.lulo-wiz .lulo-prog{margin:22px 0 26px;padding:0;background:none;border:0}
.lulo-wiz .lulo-progtop{display:none}
.lulo-wiz .lulo-progbar{
  display:flex; align-items:flex-start; gap:0; height:auto; background:none; border-radius:0;
}
.lulo-wiz .lulo-tramo{
  position:relative; flex:1; display:flex; flex-direction:column; align-items:center;
  background:none; height:auto; overflow:visible;
}
.lulo-wiz .lulo-tramo>i{display:none}
.lulo-wiz .lulo-tramo:before{
  content:attr(data-t);
  width:36px; height:36px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:15px; font-weight:800; color:var(--reg-texto);
  background:#E9EDF3; border:0; position:relative; z-index:2;
}
.lulo-wiz .lulo-tramo:after{
  content:attr(data-nombre);
  margin-top:9px; font-size:12.5px; line-height:16px; font-weight:600;
  color:var(--reg-texto); text-align:center; max-width:14ch;
}
.lulo-wiz .lulo-tramo.lulo-on:before{background:var(--reg-lima); color:var(--reg-ink)}
.lulo-wiz .lulo-tramo.lulo-on:after{color:var(--reg-ink)}
.lulo-wiz .lulo-tramo+.lulo-tramo{margin-left:0}
.lulo-wiz .lulo-progbar:before{
  content:""; position:absolute; height:4px; border-radius:2px; background:#E9EDF3;
  left:25%; right:25%; margin-top:16px; z-index:0;
}
.lulo-wiz .lulo-progbar{position:relative}
.lulo-wiz .lulo-progbar:before{background:linear-gradient(90deg,var(--reg-lima) 0 50%,#E9EDF3 50% 100%)}
.lulo-wiz .lulo-progbar:has(.lulo-tramo[data-t="2"].lulo-on):before{background:var(--reg-lima)}

/* --- Fila de beneficios --- */
.lulo-benef{
  display:flex; gap:0; background:var(--reg-suave); border-radius:var(--reg-r);
  padding:16px 10px; margin:0 0 26px;
}
.lulo-benef div{
  flex:1; display:flex; align-items:center; gap:9px; justify-content:center;
  font-size:12.5px; line-height:16px; font-weight:700; color:var(--reg-ink); text-align:left;
}
.lulo-benef div+div{border-left:1px solid #E1E7EF}
.lulo-benef svg{flex:0 0 26px; width:26px; height:26px; color:var(--reg-ink)}

/* --- Tarjetas --- */
.lulo-wiz .lulo-panelw{
  background:var(--reg-blanco); border:1px solid var(--reg-borde);
  border-radius:var(--reg-r); padding:0; margin:0 0 16px; box-shadow:none;
}
.lulo-wiz .lulo-panelw-vendedor{background:var(--reg-suave); border-color:#E7ECF3}
.lulo-wiz .lulo-hd{padding:20px 20px 0; border:0}
.lulo-wiz .lulo-bd{padding:18px 20px 20px}
.lulo-wiz .lulo-hd h2,.lulo-wiz .lulo-hd h3{
  display:flex; align-items:center; gap:9px;
  font-size:17px; line-height:24px; font-weight:800; color:var(--reg-ink); margin:0 0 4px;
}
.lulo-wiz .lulo-hd h2 svg,.lulo-wiz .lulo-hd h3 svg,
.lulo-wiz .lulo-hd-min h3 svg{flex:0 0 20px;width:20px;height:20px;color:var(--reg-ink)}
.lulo-wiz .lulo-hd p{font-size:13.5px;line-height:20px;color:var(--reg-texto);margin:0}
.lulo-wiz .lulo-hd-min{padding:0 0 12px}
.lulo-wiz .lulo-hd-min h3{font-size:15.5px;margin:0 0 4px}
.lulo-wiz .lulo-hd-min p{font-size:13px;line-height:19px;color:var(--reg-texto);margin:0}
.lulo-wiz .lulo-vendedor{padding:18px 20px 20px}

/* --- Campos --- */
.lulo-wiz .lulo-f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lulo-wiz .lulo-fld{
  position:relative; display:block; margin:0 0 12px;
  border:1px solid var(--reg-borde); border-radius:13px; background:var(--reg-blanco);
  padding:9px 14px 8px;
}
.lulo-wiz .lulo-f2>.lulo-fld{margin:0}
.lulo-wiz .lulo-fld:focus-within{border-color:var(--reg-ink); box-shadow:0 0 0 3px rgba(29,43,74,.08)}
.lulo-wiz .lulo-fld>label{
  display:block; font-size:12px; line-height:16px; font-weight:700;
  color:var(--reg-ink-2); margin:0 0 1px;
}
.lulo-wiz .lulo-fld input,.lulo-wiz .lulo-fld select,.lulo-wiz .lulo-fld textarea{
  height:26px; border:0!important; border-radius:0!important; padding:0!important;
  background:none!important; box-shadow:none!important; width:100%;
  font-size:15px; color:var(--reg-ink); outline:none;
}
.lulo-wiz .lulo-fld select{height:28px; margin-left:-2px}
.lulo-wiz .lulo-fld input::placeholder{color:#A9B5C6}
.lulo-wiz .lulo-fld input:focus,.lulo-wiz .lulo-fld select:focus{box-shadow:none!important}

/* --- Telefono --- */
.lulo-wiz .lulo-tel{align-items:center;gap:8px}
.lulo-wiz .lulo-tel-pre{
  height:26px; padding:0 9px 0 0; margin:0; border:0; border-right:1px solid var(--reg-borde);
  border-radius:0; background:none; font-size:15px; font-weight:700; color:var(--reg-ink);
}
.lulo-wiz .lulo-tel input{border-radius:0!important}
.lulo-wiz .lulo-wa-check{margin-top:10px;font-size:13px;color:var(--reg-ink-2)}
.lulo-wiz .lulo-wa-campo{margin-top:12px}
.lulo-wiz .lulo-wa-campo>label{font-size:12px;font-weight:700;color:var(--reg-ink-2)}

/* --- Documentos --- */
.lulo-wiz .lulo-drop{
  position:relative; border:1px dashed #CBD5E2; border-radius:14px;
  background:var(--reg-blanco); padding:18px 12px 14px; text-align:center;
}
.lulo-wiz .lulo-drop:before{
  content:"Obligatorio"; position:absolute; top:12px; right:12px;
  font-size:10.5px; font-weight:800; letter-spacing:.3px; text-transform:none;
  color:var(--reg-req); background:#FDECEA; border-radius:999px; padding:3px 9px;
}
.lulo-wiz .lulo-drop-opc:before{content:"Opcional"; color:var(--reg-texto); background:#EEF1F6}
.lulo-wiz .lulo-go{
  display:inline-flex; align-items:center; gap:7px; margin-top:10px;
  border:1px solid var(--reg-borde); border-radius:999px; padding:7px 16px;
  font-size:13px; font-weight:700; color:var(--reg-ink); background:var(--reg-blanco); cursor:pointer;
}
.lulo-wiz .lulo-go:hover{border-color:var(--reg-ink)}

/* --- Notas --- */
.lulo-nota{
  display:flex; gap:10px; align-items:flex-start;
  background:var(--reg-suave); border-radius:12px; padding:12px 14px; margin:14px 0 0;
  font-size:12.5px; line-height:18px; color:var(--reg-texto);
}
.lulo-nota svg{flex:0 0 17px;width:17px;height:17px;margin-top:1px;color:#93A2B8}

/* --- Botones --- */
.lulo-wiz .lulo-acciones{margin:22px 0 0}
.lulo-wiz .lulo-btn,.lulo-wiz button.lulo-btn{
  width:100%; display:flex; align-items:center; justify-content:center; gap:10px;
  background:var(--reg-ink); color:#fff; border:0; border-radius:14px;
  height:56px; font-size:16.5px; font-weight:800; cursor:pointer;
}
.lulo-wiz .lulo-btn:hover{background:#16223B}
.lulo-wiz .lulo-btn-2{background:var(--reg-blanco);color:var(--reg-ink);border:1px solid var(--reg-borde)}
.lulo-pie-seg{
  display:flex; align-items:center; justify-content:center; gap:8px;
  margin:14px 0 0; font-size:12.5px; color:var(--reg-texto); text-align:center;
}
.lulo-pie-seg svg{width:15px;height:15px;color:#93A2B8}

/* --- Escritorio --- */
@media (min-width:860px){
  .lulo-wiz{max-width:860px;padding:0 24px 72px}
  .lulo-wiz .lulo-wiz-hero{margin:0 0 4px;padding:34px 0 6px}
  .lulo-wiz .lulo-wiz-hero h1{font-size:36px;line-height:44px}
  .lulo-wiz .lulo-wiz-hero p{font-size:16.5px;line-height:26px}
  .lulo-wiz .lulo-prog{max-width:520px;margin:26px 0 30px}
  .lulo-benef div{font-size:13.5px;line-height:18px}
  .lulo-wiz .lulo-hd{padding:24px 26px 0}
  .lulo-wiz .lulo-bd{padding:20px 26px 26px}
  .lulo-wiz .lulo-vendedor{padding:20px 26px 26px}
  .lulo-wiz .lulo-btn{max-width:420px;margin:0 auto}
}
@media (max-width:560px){
  .lulo-wiz .lulo-f2{grid-template-columns:1fr}
  .lulo-benef{flex-direction:column;gap:12px;padding:16px}
  .lulo-benef div+div{border-left:0;border-top:1px solid #E1E7EF;padding-top:12px}
  .lulo-benef div{justify-content:flex-start}
  .lulo-wiz .lulo-wiz-hero h1{font-size:25px;line-height:32px}
}


/* Registro 2026 — refuerzo de especificidad sobre maqueta-06 */
.lulo-wiz .lulo-prog .lulo-progbar{
  position:relative; display:flex; align-items:flex-start; gap:0;
  height:auto!important; background:none!important; border-radius:0!important;
  max-width:440px; margin:0 auto; padding:0!important; overflow:visible!important;
}
.lulo-wiz .lulo-prog .lulo-progbar:before{
  content:""; position:absolute; top:17px; left:22%; right:22%; height:4px;
  border-radius:2px; z-index:0;
  background:linear-gradient(90deg,var(--reg-lima) 0 50%,#E4E9F0 50% 100%);
}
.lulo-wiz .lulo-prog .lulo-progbar:has(.lulo-tramo[data-t="2"].lulo-on):before{background:var(--reg-lima)}
.lulo-wiz .lulo-prog .lulo-progbar .lulo-tramo{
  position:relative; flex:1 1 0; display:flex; flex-direction:column; align-items:center;
  height:auto!important; background:none!important; border-radius:0!important;
  overflow:visible!important; margin:0!important; padding:0!important;
}
.lulo-wiz .lulo-prog .lulo-progbar .lulo-tramo>i{display:none!important}
.lulo-wiz .lulo-prog .lulo-progbar .lulo-tramo:before{
  content:attr(data-t); width:38px; height:38px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:15.5px; font-weight:800; color:#8493A9;
  background:#E9EDF3; position:relative; z-index:2;
}
.lulo-wiz .lulo-prog .lulo-progbar .lulo-tramo:after{
  content:attr(data-nombre); margin-top:9px;
  font-size:12.5px; line-height:16px; font-weight:700; color:#8493A9;
  text-align:center; max-width:15ch;
}
.lulo-wiz .lulo-prog .lulo-progbar .lulo-tramo.lulo-on:before{background:var(--reg-lima);color:var(--reg-ink)}
.lulo-wiz .lulo-prog .lulo-progbar .lulo-tramo.lulo-on:after{color:var(--reg-ink)}
.lulo-wiz .lulo-prog .lulo-progtop{display:none!important}

/* Beneficios */
.lulo-wiz .lulo-benef{max-width:640px;margin:0 auto 26px}
.lulo-wiz .lulo-benef svg{width:28px;height:28px;stroke-width:1.5}
.lulo-wiz .lulo-benef span{display:block}

/* Aviso de borrador mas discreto */
.lulo-wiz .lulo-avisos{font-size:12.5px;color:var(--reg-texto)}


/* Registro 2026 — ancho, ritmo y centrado */
.lulo-v2 > main.lulo-wrap.lulo-wiz{max-width:780px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:18px;padding-right:18px}
@media (min-width:900px){ .lulo-v2 > main.lulo-wrap.lulo-wiz{max-width:880px!important;padding-left:24px;padding-right:24px} }
.lulo-wiz .lulo-prog{margin:24px auto 30px!important;max-width:520px}
.lulo-wiz .lulo-f2{margin:0 0 12px}
.lulo-wiz .lulo-f2:last-child{margin-bottom:0}
.lulo-wiz .lulo-bd>.lulo-fld:last-child,.lulo-wiz .lulo-vendedor>.lulo-f2:last-child{margin-bottom:0}
.lulo-wiz .lulo-fld select{height:27px;line-height:27px}
.lulo-wiz .lulo-panelw{margin-bottom:18px}
.lulo-wiz .lulo-hd p{margin-bottom:2px}


/* Registro 2026 — beneficios en fila tambien en movil */
@media (max-width:560px){
  .lulo-wiz .lulo-benef{flex-direction:row;gap:0;padding:14px 6px}
  .lulo-wiz .lulo-benef div{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:0 4px;font-size:11.5px;line-height:14px}
  .lulo-wiz .lulo-benef div+div{border-top:0;border-left:1px solid #E1E7EF;padding-top:0}
  .lulo-wiz .lulo-benef svg{width:24px;height:24px}
}

/* Registro 2026 — pantalla de solicitud recibida */
.lulo-wiz .lulo-done{padding:34px 24px 30px;text-align:center}
.lulo-wiz .lulo-done .lulo-tick{
  width:82px;height:82px;border-radius:50%;margin:0 auto 20px;
  background:#EDF7DC;display:flex;align-items:center;justify-content:center;
  color:#5AA02C;font-size:0;position:relative;border:0;
}
.lulo-wiz .lulo-done .lulo-tick:before{
  content:"";width:34px;height:18px;border-left:5px solid #5AA02C;border-bottom:5px solid #5AA02C;
  transform:rotate(-45deg) translate(2px,-4px);border-radius:2px;
}
.lulo-wiz .lulo-done h2{font-size:30px;line-height:38px;font-weight:800;color:var(--reg-ink);margin:0 0 12px;justify-content:center}
.lulo-wiz .lulo-done>p{font-size:15.5px;line-height:24px;color:var(--reg-texto);margin:0 auto 22px;max-width:40ch}
.lulo-wiz .lulo-done .lulo-flow{
  list-style:none;margin:0 0 24px;padding:22px 0 0;border-top:1px solid var(--reg-borde);
  display:grid;gap:14px;text-align:left;
}
.lulo-wiz .lulo-done .lulo-flow li{display:flex;flex-direction:column;gap:2px}
.lulo-wiz .lulo-done .lulo-flow h3{font-size:14px;font-weight:800;color:var(--reg-ink);margin:0}
.lulo-wiz .lulo-done .lulo-flow p{font-size:13px;line-height:19px;color:var(--reg-texto);margin:0}
.lulo-wiz .lulo-done__acciones{margin:0}
.lulo-wiz .lulo-done__acciones .lulo-btn{display:flex}
.lulo-done__ayuda{
  margin:22px 0 0;background:var(--reg-suave);border-radius:14px;padding:16px 18px;text-align:left;
}
.lulo-ayuda-cab{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--reg-texto);margin:0 0 10px}
.lulo-ayuda-cab svg{width:17px;height:17px;flex:0 0 17px;color:#93A2B8}
.lulo-ayuda-via{
  display:flex;align-items:center;gap:10px;padding:5px 0;
  font-size:14.5px;font-weight:700;color:var(--reg-ink);text-decoration:none;
}
.lulo-ayuda-via svg{width:19px;height:19px;flex:0 0 19px;color:var(--reg-ink)}
.lulo-ayuda-via:hover{text-decoration:underline}
@media (min-width:640px){
  .lulo-wiz .lulo-done .lulo-flow{grid-template-columns:repeat(3,1fr);gap:18px}
}


/* Registro 2026 — documentos como tarjetas */
.lulo-wiz .lulo-bd:has(.lulo-drop){display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:stretch}
.lulo-wiz .lulo-bd:has(.lulo-drop)>*:not(.lulo-drop){grid-column:1/-1}
.lulo-wiz .lulo-drop{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;
  text-align:center;padding:38px 12px 16px;height:100%;
}
.lulo-wiz .lulo-drop .lulo-ic{
  width:38px;height:38px;border-radius:10px;background:var(--reg-suave);
  display:flex;align-items:center;justify-content:center;color:var(--reg-ink);margin:0 0 6px;
}
.lulo-wiz .lulo-drop .lulo-ic svg{width:19px;height:19px}
.lulo-wiz .lulo-drop .lulo-wtx{display:block;text-align:center}
.lulo-wiz .lulo-drop .lulo-wtx b{display:block;font-size:13.5px;line-height:18px;font-weight:800;color:var(--reg-ink)}
.lulo-wiz .lulo-drop .lulo-wtx em.lulo-marca{display:none}
.lulo-wiz .lulo-drop .lulo-wtx small,.lulo-wiz .lulo-drop .lulo-wtx span{
  display:block;font-size:11.5px;line-height:16px;color:var(--reg-texto);font-style:normal;margin-top:2px;
}
.lulo-wiz .lulo-drop .lulo-go{margin-top:auto}
@media (max-width:560px){
  .lulo-wiz .lulo-bd:has(.lulo-drop){grid-template-columns:1fr}
  .lulo-wiz .lulo-drop{flex-direction:row;text-align:left;padding:16px 14px;gap:12px;align-items:center}
  .lulo-wiz .lulo-drop .lulo-ic{margin:0}
  .lulo-wiz .lulo-drop .lulo-wtx{flex:1;text-align:left}
  .lulo-wiz .lulo-drop .lulo-go{margin-top:0}
  .lulo-wiz .lulo-drop:before{top:8px;right:10px}
}


/* Registro 2026 — ajuste fino de las tarjetas de documento */
.lulo-wiz .lulo-drop .lulo-wtx{flex:0 0 auto!important}
.lulo-wiz .lulo-drop{padding:34px 12px 16px;gap:2px}
.lulo-wiz .lulo-drop .lulo-go{margin-top:14px}
@media (max-width:560px){ .lulo-wiz .lulo-drop .lulo-go{margin-top:0} }


/* Registro 2026 — barra de navegacion del asistente */
.lulo-wiz .lulo-wnav{display:flex;align-items:center;gap:12px;margin:24px 0 0;flex-wrap:wrap}
.lulo-wiz .lulo-wnav>span:empty{display:none}
.lulo-wiz .lulo-wnav .lulo-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.lulo-wiz .lulo-wnav .lulo-right>span{font-size:12.5px;color:var(--reg-texto)}
.lulo-wiz .lulo-btn-main{
  flex:1;min-width:220px;max-width:100%;
  background:var(--reg-ink);color:#fff;border:0;border-radius:14px;height:56px;
  font-size:16.5px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;
}
.lulo-wiz .lulo-btn-main:after{content:"→";font-size:18px;font-weight:700}
.lulo-wiz .lulo-btn-main:hover{background:#16223B}
.lulo-wiz .lulo-back{
  background:none;border:0;color:var(--reg-texto);font-size:14px;font-weight:700;cursor:pointer;padding:0;
}
.lulo-wiz .lulo-back:hover{color:var(--reg-ink)}
@media (max-width:560px){
  .lulo-wiz .lulo-wnav{flex-direction:column-reverse;align-items:stretch}
  .lulo-wiz .lulo-wnav .lulo-right{flex-direction:column;align-items:stretch;gap:10px}
  .lulo-wiz .lulo-wnav .lulo-right>span{text-align:center;order:2}
  .lulo-wiz .lulo-back{padding:8px 0;text-align:center}
}


/* Registro 2026 - imagenes de apoyo: camion y mascotas */
.lulo-wiz .lulo-hero2{display:flex;align-items:center;gap:18px;background:linear-gradient(90deg,var(--reg-suave) 0%,#FFFFFF 45%);border:1px solid var(--reg-borde);border-radius:var(--reg-r);padding:16px 20px;margin:0 0 18px;overflow:hidden}
.lulo-wiz .lulo-hero2-tx{flex:1 1 auto;min-width:0}
.lulo-wiz .lulo-hero2-tx h2{margin:0 0 6px;font-size:21px;line-height:1.2;font-weight:800;color:var(--reg-ink)}
.lulo-wiz .lulo-hero2-tx p{margin:0;font-size:14px;line-height:1.5;color:var(--reg-texto)}
.lulo-wiz .lulo-hero2-img{flex:0 0 auto;width:172px;height:auto;display:block;mix-blend-mode:multiply}
.lulo-wiz .lulo-mascotas{position:relative;margin:24px 0 0;border:1px solid var(--reg-borde);border-radius:var(--reg-r);overflow:hidden;background:linear-gradient(180deg,#F4F8E4 0%,#FFFFFF 100%)}
.lulo-wiz .lulo-mascotas img{display:block;width:100%;height:190px;object-fit:contain;object-position:center bottom;padding:12px 12px 0;box-sizing:border-box}
.lulo-wiz .lulo-mascotas-tx{display:block;padding:11px 16px;background:#fff;border-top:1px solid var(--reg-borde);font-size:13px;font-weight:700;letter-spacing:.01em;color:var(--reg-ink);text-align:center}
.lulo-wiz .lulo-mascotas-tx:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--reg-lima);margin-right:8px;vertical-align:middle}
@media (max-width:560px){
.lulo-wiz .lulo-hero2{gap:12px;padding:13px 15px}
.lulo-wiz .lulo-hero2-tx h2{font-size:17px}
.lulo-wiz .lulo-hero2-tx p{font-size:12.5px}
.lulo-wiz .lulo-hero2-img{width:92px}
.lulo-wiz .lulo-mascotas img{height:128px}
.lulo-wiz .lulo-mascotas-tx{font-size:12px;padding:9px 12px}
}

/* Registro 2026 - encabezado con foto de perro y gato */
.lulo-wiz .lulo-wiz-hero.lulo-wiz-hero--foto{display:flex;align-items:center;gap:20px}
.lulo-wiz .lulo-wiz-hero-tx{flex:1 1 auto;min-width:0}
.lulo-wiz .lulo-wiz-hero-img{flex:0 0 auto;width:232px;height:138px;object-fit:contain;object-position:center bottom;border-radius:14px;border:1px solid var(--reg-borde);background:linear-gradient(180deg,#F4F8E4 0%,#FFFFFF 100%);padding:6px 10px 0;box-sizing:border-box;display:block}
@media (max-width:640px){
.lulo-wiz .lulo-wiz-hero.lulo-wiz-hero--foto{flex-direction:column-reverse;align-items:stretch;gap:14px}
.lulo-wiz .lulo-wiz-hero-img{width:100%;height:124px}
}


/* Registro 2026 - los tres pasos de la pantalla de confirmacion.
   La regla base de .lulo-flow trae max-width:420px y estrangula la rejilla. */
.lulo-wiz .lulo-done .lulo-flow{max-width:none;width:100%;grid-template-columns:repeat(3,1fr);gap:0;margin:26px 0 26px;padding:24px 0 0}
.lulo-wiz .lulo-done .lulo-flow li{padding:0 20px;border-left:1px solid var(--reg-borde);border-top:0;margin-left:0}
.lulo-wiz .lulo-done .lulo-flow li::before{position:static;left:auto;top:auto;margin:0 0 10px;flex:0 0 auto}
.lulo-wiz .lulo-done .lulo-flow li:first-child{border-left:0;padding-left:0}
.lulo-wiz .lulo-done .lulo-flow li:last-child{padding-right:0}
.lulo-wiz .lulo-done .lulo-flow h3{margin:0 0 6px;font-size:14px;line-height:1.3;color:var(--reg-ink)}
.lulo-wiz .lulo-done .lulo-flow p{margin:0;font-size:13px;line-height:1.5;color:var(--reg-texto)}
@media (max-width:640px){
.lulo-wiz .lulo-done .lulo-flow{grid-template-columns:1fr;gap:16px}
.lulo-wiz .lulo-done .lulo-flow li{padding:0 0 0 0;border-left:0}
.lulo-wiz .lulo-done .lulo-flow li+li{border-top:1px solid var(--reg-borde);padding-top:16px}
}


/* Registro 2026 - solicitud recibida, version aprobada */
.lulo-wiz .lulo-done-card{padding:0;border-radius:18px}
.lulo-wiz .lulo-done{padding:40px 28px 30px;text-align:center}
.lulo-wiz .lulo-done .lulo-tick{width:88px;height:88px;margin:0 auto 24px;border-radius:50%;background:#EAF3D2;display:flex;align-items:center;justify-content:center;font-size:0;color:transparent}
.lulo-wiz .lulo-done .lulo-tick::before{content:"";display:block;width:34px;height:19px;border-left:5px solid #43A81F;border-bottom:5px solid #43A81F;border-radius:2px;transform:rotate(-45deg) translate(2px,-4px)}
.lulo-wiz .lulo-done h2{margin:0 0 14px;font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.01em;color:var(--reg-ink)}
.lulo-wiz .lulo-done > p{margin:0 auto;max-width:440px;font-size:16px;line-height:1.55;color:var(--reg-texto)}
.lulo-wiz .lulo-done__acciones{margin:28px 0 0;padding:26px 0 0;border-top:1px solid var(--reg-borde)}
.lulo-wiz .lulo-done__acciones .lulo-btn-main{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;box-sizing:border-box;padding:17px 22px;border-radius:12px;background:var(--reg-ink);color:#fff;font-size:16px;font-weight:700;text-decoration:none;border:0}
.lulo-wiz .lulo-done__acciones .lulo-btn-main .lulo-ic{width:21px;height:21px;flex:0 0 auto}
.lulo-wiz .lulo-done__ayuda{display:flex;align-items:center;gap:18px;margin:18px 0 0;padding:20px 24px;border:0;border-radius:16px;background:#EEF2F7}
.lulo-wiz .lulo-done__ayuda > svg{width:34px;height:34px;flex:0 0 auto;color:var(--reg-ink);opacity:.7}
.lulo-wiz .lulo-ayuda-bd{flex:1 1 auto;min-width:0}
.lulo-wiz .lulo-ayuda-cab{margin:0 0 10px;font-size:14px;line-height:1.4;color:var(--reg-texto);text-align:center}
.lulo-wiz .lulo-ayuda-via{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:15px;font-weight:700;color:var(--reg-ink);text-decoration:none;word-break:break-word}
.lulo-wiz .lulo-ayuda-via:last-child{margin-bottom:0}
.lulo-wiz .lulo-ayuda-via svg{width:19px;height:19px;flex:0 0 auto;opacity:.85}
.lulo-wiz .lulo-mascotas{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:16px 0 0;padding:0 18px;min-height:152px;border:0;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#F2F6EA 0%,#FFFFFF 100%)}
.lulo-wiz .lulo-mascotas img{width:auto;height:auto;padding:0;object-fit:contain}
.lulo-wiz .lulo-mascotas .lulo-mascotas-img{display:block;flex:0 0 auto;height:152px;object-position:left bottom}
.lulo-wiz .lulo-mascotas .lulo-mascotas-frase{display:block;flex:0 0 auto;height:92px;align-self:center}
.lulo-wiz .lulo-mascotas-marca{flex:0 0 auto;align-self:center;text-align:center}
.lulo-wiz .lulo-mascotas .lulo-mascotas-logo{display:block;height:34px;margin:0 auto 9px}
.lulo-wiz .lulo-mascotas-tag{display:block;font-size:9px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--reg-ink);opacity:.65}
@media (max-width:640px){
.lulo-wiz .lulo-done{padding:32px 18px 24px}
.lulo-wiz .lulo-done .lulo-tick{width:74px;height:74px;margin-bottom:18px}
.lulo-wiz .lulo-done h2{font-size:25px}
.lulo-wiz .lulo-done > p{font-size:15px}
.lulo-wiz .lulo-done__ayuda{gap:13px;padding:16px 15px}
.lulo-wiz .lulo-done__ayuda > svg{width:28px;height:28px}
.lulo-wiz .lulo-ayuda-via{font-size:14px}
.lulo-wiz .lulo-mascotas{padding:0 10px;gap:6px;min-height:104px}
.lulo-wiz .lulo-mascotas .lulo-mascotas-img{height:104px}
.lulo-wiz .lulo-mascotas .lulo-mascotas-frase{height:60px}
.lulo-wiz .lulo-mascotas .lulo-mascotas-logo{height:24px;margin-bottom:6px}
.lulo-wiz .lulo-mascotas-tag{font-size:7px;letter-spacing:.05em}
}