.dcj-shell{--bg:#F5F5F7;--ink:#1D1D1F;--muted:#777;--line:#dedee3;--blue:#007AFF;max-width:980px;margin:28px auto;padding:24px;background:var(--bg);color:var(--ink);border-radius:28px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;box-sizing:border-box}.dcj-shell *{box-sizing:border-box}.dcj-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.dcj-header h2{margin:5px 0 0;font-size:clamp(27px,4vw,42px);letter-spacing:-.035em;color:var(--ink)!important}.dcj-kicker,.dcj-eyebrow{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#666}.dcj-link,.dcj-why{border:0;background:transparent;color:var(--blue);cursor:pointer}.dcj-free{margin:22px 0;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:16px}.dcj-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.dcj-progress span{padding:10px 5px;border-top:4px solid #d3d3d8;font-size:12px;text-align:center;color:#777}.dcj-progress .is-current{border-color:var(--blue);color:var(--ink);font-weight:700}.dcj-progress .is-done{border-color:var(--blue);color:var(--ink)}.dcj-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,5vw,52px);min-height:440px;box-shadow:0 14px 40px rgba(0,0,0,.045)}.dcj-question{max-width:720px;margin:auto}.dcj-question h3,.dcj-plan h3{font-size:clamp(26px,4vw,38px);line-height:1.08;letter-spacing:-.03em;margin:10px 0 26px;color:var(--ink)!important}.dcj-options{display:grid;gap:11px}.dcj-option{width:100%;min-height:62px;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:15px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font-size:16px;font-weight:650;cursor:pointer;transition:.15s}.dcj-option:hover,.dcj-option:focus-visible{border-color:var(--blue);transform:translateY(-1px);outline:3px solid rgba(0,122,255,.13)}.dcj-why{margin-top:20px;padding:8px 0}.dcj-whytext{margin-top:5px;color:#666;line-height:1.55}.dcj-footer{display:flex;justify-content:space-between;align-items:center;padding-top:18px;color:#888;font-size:12px}.dcj-secondary,.dcj-mini{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 13px;cursor:pointer}.dcj-lead{font-size:18px;color:#555}.dcj-modules{display:grid;gap:10px;margin:24px 0}.dcj-module{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid var(--line);border-radius:16px;padding:15px 17px}.dcj-module strong,.dcj-module span{display:block}.dcj-module span{font-size:13px;color:#777;margin-top:4px}.dcj-next{margin-top:28px;padding:22px;border-radius:18px;background:var(--bg)}.dcj-next small,.dcj-next strong{display:block}.dcj-next strong{font-size:22px;margin:5px 0 16px}.dcj-primary{border:0;border-radius:14px;background:var(--blue);color:#fff;padding:14px 20px;font-size:16px;font-weight:750;cursor:pointer}.dcj-note{font-size:13px;color:#666;margin-top:18px}@media(max-width:640px){.dcj-shell{margin:0;padding:16px;border-radius:0;min-height:100vh}.dcj-header{display:block}.dcj-header .dcj-link{margin-top:12px;padding:0}.dcj-progress{gap:3px}.dcj-progress span{font-size:10px}.dcj-card{padding:24px 16px;min-height:460px}.dcj-module{align-items:flex-start}.dcj-footer{padding-bottom:10px}}
.dcj-mini-secondary{color:var(--blue);background:transparent;border-color:#cfe3ff;font-weight:650}.dcj-next .dcj-primary{width:100%;max-width:360px}
.dcj-option.is-selected,.dcj-option.is-selected:hover,.dcj-option.is-selected:focus-visible{background:var(--blue);border-color:var(--blue);color:#fff;outline:none;transform:none;box-shadow:0 8px 22px rgba(0,122,255,.20)}
.dcj-option.is-selected span{color:#fff}
.dcj-option:disabled{cursor:default}
.dcj-option:disabled:not(.is-selected){opacity:.62}

/* V0.1.2.1 - harden selected answer against theme/Elementor button states */
.dcj-shell button.dcj-option.is-selected,
.dcj-shell button.dcj-option.is-selected:hover,
.dcj-shell button.dcj-option.is-selected:focus,
.dcj-shell button.dcj-option.is-selected:focus-visible,
.dcj-shell button.dcj-option.is-selected:active,
.dcj-shell button.dcj-option.is-selected:disabled {
  background:#007AFF !important;
  background-color:#007AFF !important;
  background-image:none !important;
  border-color:#007AFF !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  outline:none !important;
  box-shadow:0 8px 22px rgba(0,122,255,.20) !important;
  transform:none !important;
  opacity:1 !important;
}
.dcj-shell button.dcj-option.is-selected *,
.dcj-shell button.dcj-option.is-selected:hover *,
.dcj-shell button.dcj-option.is-selected:focus *,
.dcj-shell button.dcj-option.is-selected:active * {
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}


/* V0.1.2.2 - force the physical press state blue before JS adds is-selected */
.dcj-shell button.dcj-option:active,
.dcj-shell button.dcj-option:focus:active {
  background:#007AFF !important;
  background-color:#007AFF !important;
  background-image:none !important;
  border-color:#007AFF !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  outline:none !important;
  box-shadow:0 8px 22px rgba(0,122,255,.20) !important;
}
.dcj-shell button.dcj-option:active *,
.dcj-shell button.dcj-option:focus:active * {
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}
.dcj-shell button.dcj-option {
  -webkit-tap-highlight-color:rgba(0,122,255,.18) !important;
}

/* V0.1.3.5 - UX consolidada */
.dcj-why{display:inline-flex;align-items:center;gap:7px;font-weight:600;text-align:left}
.dcj-why-chevron{display:inline-block;font-size:16px;line-height:1;transition:transform .18s ease}
.dcj-why[aria-expanded="true"] .dcj-why-chevron{transform:rotate(180deg)}
.dcj-whytext{padding:12px 14px;background:#f5f9ff;border:1px solid #d9eaff;border-radius:12px;color:#4b5563}
.dcj-progress .is-current,.dcj-progress .is-done{border-top-color:#007AFF !important}
.dcj-shell button.dcj-option:focus-visible{border-color:#007AFF !important;outline:3px solid rgba(0,122,255,.16) !important}
@media(max-width:640px){.dcj-option{min-height:58px;padding:14px 15px;font-size:15px}.dcj-why{min-height:44px}.dcj-whytext{font-size:14px}.dcj-progress span{padding-left:2px;padding-right:2px}}


/* V0.1.3.8 - blindaje cromatico frente a tema/Elementor */
.dcj-shell button.dcj-option:hover,
.dcj-shell button.dcj-option:active,
.dcj-shell button.dcj-option:focus:active,
.dcj-shell button.dcj-option.is-selected,
.dcj-shell button.dcj-option.is-selected:hover,
.dcj-shell button.dcj-option.is-selected:focus,
.dcj-shell button.dcj-option.is-selected:focus-visible,
.dcj-shell button.dcj-option.is-selected:active,
.dcj-shell button.dcj-option.is-selected:disabled {
  background:#007AFF !important;
  background-color:#007AFF !important;
  background-image:none !important;
  border-color:#007AFF !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}
.dcj-shell button.dcj-option:hover *,
.dcj-shell button.dcj-option:active *,
.dcj-shell button.dcj-option:focus:active *,
.dcj-shell button.dcj-option.is-selected * {
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}
.dcj-shell button.dcj-secondary,
.dcj-shell button.dcj-secondary:link,
.dcj-shell button.dcj-secondary:visited {
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  background-image:none !important;
  border:1px solid #007AFF !important;
  color:#007AFF !important;
  -webkit-text-fill-color:#007AFF !important;
  box-shadow:none !important;
}
.dcj-shell button.dcj-secondary:hover,
.dcj-shell button.dcj-secondary:focus,
.dcj-shell button.dcj-secondary:focus-visible,
.dcj-shell button.dcj-secondary:active {
  background:#007AFF !important;
  background-color:#007AFF !important;
  background-image:none !important;
  border-color:#007AFF !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
  outline:none !important;
  box-shadow:0 0 0 3px rgba(0,122,255,.14) !important;
}
.dcj-shell button.dcj-secondary:hover *,
.dcj-shell button.dcj-secondary:focus *,
.dcj-shell button.dcj-secondary:active * {
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

/* V0.1.3.15 · estado completado */
.dcj-module.is-completed{position:relative;padding-right:76px}.dcj-module.is-completed::after{content:"✓";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#34C759;color:#fff;font-size:27px;font-weight:900;line-height:1;box-shadow:0 5px 14px rgba(52,199,89,.20)}@media(max-width:640px){.dcj-module.is-completed{padding-right:68px}.dcj-module.is-completed::after{right:14px;width:38px;height:38px;font-size:24px}}


/* V0.1.3.25 · pulido UX del plan sin alterar la lógica */
.dcj-plan .dcj-next{border:1px solid #dbe9ff;box-shadow:0 10px 28px rgba(0,122,255,.08)}
.dcj-plan .dcj-next small{color:#52606d;font-weight:800;letter-spacing:.045em}
.dcj-plan .dcj-next strong{font-size:20px;line-height:1.2}
.dcj-module.is-priority{border-color:#b9d8ff;background:#f7fbff;box-shadow:0 5px 18px rgba(0,122,255,.06)}
.dcj-module.is-priority span{color:#007AFF;font-weight:700}
.dcj-progress .is-current{color:#1D1D1F;font-weight:700}