.egk-tool{--egk-copper:#C4703D;--egk-copper-dark:#9F542B;--egk-cream:#FFF8F2;--egk-text:#2B2521;--egk-muted:#70645D;--egk-border:#E7D8CF;max-width:900px;margin:0 auto;color:var(--egk-text);font-family:inherit}.egk-tool *{box-sizing:border-box}.egk-tool__header{text-align:center;margin-bottom:20px}.egk-tool__header h2{margin:8px 0 10px;font-size:clamp(28px,4vw,42px)}.egk-tool__header p{max-width:720px;margin:0 auto;color:var(--egk-muted);line-height:1.65}.egk-tool__eyebrow{display:inline-block;font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--egk-copper-dark)}.egk-tool__notice{background:var(--egk-cream);border:1px solid var(--egk-border);padding:14px 16px;border-radius:14px;color:var(--egk-muted);line-height:1.55;margin:18px 0}.egk-tool__progress-wrap{margin:22px 0}.egk-tool__progress{height:8px;background:#eee5df;border-radius:999px;overflow:hidden}.egk-tool__progress-bar{display:block;height:100%;background:var(--egk-copper);transition:width .25s ease}.egk-tool__progress-text{display:block;text-align:right;margin-top:8px;color:var(--egk-muted);font-size:13px}.egk-tool__card{background:#fff;border:1px solid var(--egk-border);border-radius:24px;padding:clamp(22px,4vw,42px);box-shadow:0 18px 50px rgba(43,37,33,.08)}.egk-tool__step-label{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--egk-copper-dark);margin-bottom:8px}.egk-tool__card h3{font-size:clamp(22px,3vw,31px);line-height:1.25;margin:0 0 24px}.egk-tool__choices{display:grid;gap:12px}.egk-tool__choice,.egk-tool__check{width:100%;text-align:left;padding:16px 18px;border:1px solid var(--egk-border);border-radius:14px;background:#fff;color:var(--egk-text);font:inherit;font-weight:700;cursor:pointer;transition:.18s ease}.egk-tool__choice:hover,.egk-tool__choice.is-selected,.egk-tool__check:hover{border-color:var(--egk-copper);background:var(--egk-cream)}.egk-tool__check{display:flex;gap:10px;align-items:flex-start}.egk-tool__check input{margin-top:3px}.egk-tool__actions{display:flex;gap:12px;justify-content:space-between;margin-top:28px;flex-wrap:wrap}.egk-tool__button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;appearance:none;border:0;border-radius:999px;background:var(--egk-copper);color:#fff!important;padding:13px 22px;font:inherit;font-weight:800;cursor:pointer}.egk-tool__button:hover{background:var(--egk-copper-dark)}.egk-tool__button:disabled{opacity:.45;cursor:not-allowed}.egk-tool__button--ghost{background:transparent;color:var(--egk-text)!important;border:1px solid var(--egk-border)}.egk-tool__button--ghost:hover{background:#f7f3f0}.egk-tool__result>p{color:var(--egk-muted);line-height:1.6}.egk-tool__result-item{padding:14px 16px;border-radius:12px;margin:10px 0;background:#f7f4f2;border-left:4px solid #8b817a}.egk-tool__result-item--critical{background:#fff1ef;border-left-color:#b64837}.egk-tool__result-item--review{background:#fff8e8;border-left-color:#b27a17}.egk-tool__result-item--warning{background:#f7f4ff;border-left-color:#7461a8}.egk-tool__prep{margin:22px 0;padding:18px;background:var(--egk-cream);border-radius:14px}.egk-tool__prep h4{margin:0 0 6px}.egk-tool__dual-cta{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.egk-tool__contact{margin-top:32px;padding-top:28px;border-top:1px solid var(--egk-border)}.egk-tool__contact>p{color:var(--egk-muted)}.egk-tool__lead-form{display:grid;gap:16px}.egk-tool__field{display:grid;gap:7px}.egk-tool__field label{font-weight:800}.egk-tool__field input,.egk-tool__field textarea{width:100%;border:1px solid #d8cbc3;border-radius:12px;padding:13px 14px;font:inherit;color:var(--egk-text);background:#fff}.egk-tool__field input:focus,.egk-tool__field textarea:focus{outline:2px solid rgba(196,112,61,.18);border-color:var(--egk-copper)}.egk-tool__consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45}.egk-tool__consent input{margin-top:3px}.egk-tool__hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.egk-tool__form-status{min-height:20px;font-weight:700}.egk-tool__form-status.is-success{color:#1f6f43}.egk-tool__form-status.is-error{color:#a22b2b}.egk-tool-error{padding:16px;border:1px solid #e5b8b8;border-radius:10px;background:#fff2f2}@media(max-width:640px){.egk-tool__card{border-radius:18px;padding:22px 18px}.egk-tool__actions,.egk-tool__dual-cta{display:grid;grid-template-columns:1fr}.egk-tool__button{width:100%}}

.egk-tool__help-row{display:flex;gap:10px;flex-wrap:wrap;margin:-10px 0 18px}.egk-tool__help-btn{appearance:none;border:0;background:transparent;padding:0;color:var(--egk-copper-dark);font:inherit;font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.egk-tool__help-btn:hover{color:var(--egk-copper)}.egk-tool__hint{margin:-6px 0 16px;color:var(--egk-muted);font-size:14px;line-height:1.5}.egk-tool__button--secondary{background:var(--egk-cream);color:var(--egk-copper-dark)!important;border:1px solid var(--egk-copper)}.egk-tool__button--secondary:hover{background:var(--egk-copper);color:#fff!important}.egk-tool__modal[hidden]{display:none!important}.egk-tool__modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:20px}.egk-tool__modal-backdrop{position:absolute;inset:0;background:rgba(20,17,15,.62);backdrop-filter:blur(2px)}.egk-tool__modal-dialog{position:relative;z-index:1;width:min(560px,100%);background:#fff;border:1px solid var(--egk-border);border-radius:22px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.egk-tool__modal-dialog h3{margin:8px 36px 12px 0;font-size:clamp(24px,3vw,32px)}.egk-tool__modal-text{color:var(--egk-muted);line-height:1.7;margin:0 0 22px}.egk-tool__modal-close{position:absolute;top:14px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid var(--egk-border);background:#fff;color:var(--egk-text);font-size:24px;line-height:1;cursor:pointer}.egk-tool__modal-close:hover{background:var(--egk-cream)}body.egk-modal-open{overflow:hidden}@media(max-width:640px){.egk-tool__modal{padding:14px}.egk-tool__modal-dialog{border-radius:18px;padding:22px 18px}.egk-tool__help-row{display:grid}.egk-tool__button--secondary{width:100%}}

/* v0.2.2 UX polish */
.egk-tool__modal-close{
  position:absolute;
  top:16px;
  right:16px;
  width:40px;
  height:40px;
  min-width:40px;
  min-height:40px;
  padding:0;
  border-radius:50%;
  border:1px solid var(--egk-copper);
  background:var(--egk-cream);
  color:var(--egk-copper-dark);
  font-size:24px;
  font-weight:700;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:none;
}
.egk-tool__modal-close:hover,
.egk-tool__modal-close:focus{
  background:#f8eadf;
  color:var(--egk-copper-dark);
  outline:2px solid rgba(196,112,61,.18);
  outline-offset:2px;
}
.egk-tool__validation{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:18px 0 -8px;
  padding:13px 15px;
  border:1px solid #e6c6b5;
  border-left:4px solid var(--egk-copper);
  background:#fff7f1;
  color:var(--egk-text);
  border-radius:12px;
  font-size:14px;
  font-weight:700;
  line-height:1.45;
}
.egk-tool__validation-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  min-width:22px;
  border-radius:50%;
  background:var(--egk-copper);
  color:#fff;
  font-size:13px;
  font-weight:900;
}


/* v0.2.3 fix - help link should never show black active/focus background */
.egk-tool__help-row a,
.egk-tool__help-row button,
.egk-tool__help-btn{
  background: transparent !important;
  color: var(--egk-copper) !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 18px 0 0;
  display: inline;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
  box-shadow: none !important;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.egk-tool__help-row a:hover,
.egk-tool__help-row button:hover,
.egk-tool__help-btn:hover{
  background: transparent !important;
  color: var(--egk-copper-dark) !important;
}
.egk-tool__help-row a:active,
.egk-tool__help-row button:active,
.egk-tool__help-btn:active{
  background: transparent !important;
  color: var(--egk-copper-dark) !important;
  box-shadow: none !important;
}
.egk-tool__help-row a:focus,
.egk-tool__help-row button:focus,
.egk-tool__help-btn:focus{
  background: transparent !important;
  color: var(--egk-copper-dark) !important;
  box-shadow: none !important;
  outline: none !important;
}
.egk-tool__help-row a:focus-visible,
.egk-tool__help-row button:focus-visible,
.egk-tool__help-btn:focus-visible{
  background: transparent !important;
  color: var(--egk-copper-dark) !important;
  outline: 2px solid rgba(196,112,61,.30) !important;
  outline-offset: 4px;
  border-radius: 6px;
}


/* v0.2.4 - popup explanatory text alignment */
.egk-tool__modal-text{
  text-align: justify;
  text-justify: inter-word;
}


/* v0.2.5 - more vertical breathing room around the tool */
.egk-tool{
  padding-top: 52px;
  padding-bottom: 68px;
}

@media (max-width: 640px){
  .egk-tool{
    padding-top: 32px;
    padding-bottom: 36px;
  }
}


/* v0.3.1 — QA móvil: aire lateral uniforme */
@media (max-width: 767px){
  .egk-tool{
    box-sizing: border-box;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .egk-tool__header,
  .egk-tool__notice,
  .egk-tool__progress-wrap,
  .egk-tool__stage{
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .egk-tool__card{
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .egk-tool__button,
  .egk-tool__choice,
  .egk-tool__field input,
  .egk-tool__field textarea{
    max-width: 100%;
    box-sizing: border-box;
  }
}


/* v0.3.2 — QA tablet: aire lateral uniforme */
@media (min-width: 768px) and (max-width: 1024px){
  .egk-tool{
    box-sizing: border-box;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .egk-tool__header,
  .egk-tool__notice,
  .egk-tool__progress-wrap,
  .egk-tool__stage,
  .egk-tool__card{
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .egk-tool__button,
  .egk-tool__choice,
  .egk-tool__field input,
  .egk-tool__field textarea{
    max-width: 100%;
    box-sizing: border-box;
  }
}


/* v0.3.4 — integración definitiva: modo embebido más compacto */
.egk-tool.egk-tool--embedded{
  padding-top: 12px;
  padding-bottom: 24px;
}

@media (max-width: 767px){
  .egk-tool.egk-tool--embedded{
    padding-top: 8px;
    padding-bottom: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1024px){
  .egk-tool.egk-tool--embedded{
    padding-top: 10px;
    padding-bottom: 22px;
  }
}