.epd-quiz{
  /* Valores por defecto; la plantilla puede sobreescribir --epd-primary / --epd-secondary desde el BO */
  --epd-primary:#1b74e4;
  --epd-secondary:#0f172a;
  --epd-bg:#f6f8fb;
  --epd-card:#ffffff;
  --epd-text:var(--epd-secondary);
  --epd-muted:#64748b;
  --epd-border:#e2e8f0;
  --epd-shadow:0 14px 40px rgba(2,6,23,.08);
  padding:24px 0;
}
.epd-quiz__card{
  max-width:960px;
  margin:0 auto;
  background:var(--epd-card);
  border:1px solid var(--epd-border);
  border-top:3px solid var(--epd-primary);
  box-shadow:var(--epd-shadow);
  border-radius:16px;
  padding:20px;
}
.epd-quiz__banner{
  margin:-20px -20px 16px -20px;
  border-radius:13px 13px 0 0;
  overflow:hidden;
  line-height:0;
}
.epd-quiz__banner img{
  width:100%;
  height:auto;
  max-height:320px;
  object-fit:cover;
  display:block;
}
.epd-quiz__greeting{
  margin:0 0 14px 0;
  font-size:17px;
  color:var(--epd-muted);
  line-height:1.35;
}
.epd-quiz__greeting-name{
  font-weight:700;
  color:var(--epd-text);
}
.epd-quiz__customer-intro{
  margin-bottom:14px;
}
.epd-quiz__greeting-mail{
  margin:6px 0 0 0;
  font-size:15px;
  color:var(--epd-muted);
  line-height:1.35;
}
.epd-quiz__greeting-mail-val{
  font-weight:600;
  color:var(--epd-text);
  letter-spacing:.02em;
}
.epd-quiz__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid var(--epd-border);
  padding-bottom:16px;
  margin-bottom:16px;
}
.epd-quiz__brand{
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.epd-quiz__logo{
  width:56px;
  height:56px;
  object-fit:contain;
  border:1px solid var(--epd-border);
  border-radius:12px;
  background:#fff;
}
.epd-quiz__title{
  font-size:24px;
  line-height:1.2;
  margin:0 0 6px 0;
  color:var(--epd-text);
}
.epd-quiz__desc{
  color:var(--epd-muted);
}
.epd-quiz__qr{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}
.epd-quiz__qrBox{
  width:120px;
  height:120px;
  border:1px dashed var(--epd-border);
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#fff;
}
.epd-quiz__form .form-group{margin-bottom:14px}
.epd-quiz__q{padding:12px 0;border-bottom:1px solid var(--epd-border)}
.epd-quiz__q:last-child{border-bottom:0}
.epd-quiz__qTitle{font-weight:700;margin-bottom:6px;display:block;color:var(--epd-text)}
.epd-quiz__qHelp{color:var(--epd-muted);font-size:14px;margin-bottom:8px}
.epd-quiz__req{color:#dc2626;margin-left:6px}
.epd-quiz__choices{display:grid;gap:10px}
.epd-quiz__choice{display:flex;gap:10px;align-items:flex-start}
.epd-quiz__choice input{margin-top:3px}
.epd-quiz__check{display:flex;gap:10px;align-items:flex-start}
.epd-quiz__check input{margin-top:3px}
.epd-quiz__scale{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(42px,1fr));
  gap:8px;
}
.epd-quiz__scaleItem{
  border:1px solid var(--epd-border);
  border-radius:12px;
  padding:8px 6px;
  text-align:center;
  cursor:pointer;
  user-select:none;
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:center;
  justify-content:center;
}
.epd-quiz__scaleItem input{margin:0}
.epd-quiz__fieldErr{margin-top:6px;font-size:14px}
.epd-quiz__actions{margin-top:18px;display:flex;justify-content:flex-end;gap:10px}
.epd-quiz .btn-primary{
  background-color:var(--epd-primary)!important;
  border-color:var(--epd-primary)!important;
  color:#fff!important;
}
.epd-quiz .btn-primary:hover,
.epd-quiz .btn-primary:focus{
  background-color:var(--epd-primary)!important;
  border-color:var(--epd-primary)!important;
  filter:brightness(.93);
  color:#fff!important;
}
.epd-quiz .btn-secondary{
  color:var(--epd-secondary);
  border-color:var(--epd-border);
}
.epd-quiz__scaleItem:has(input:checked){
  border-color:var(--epd-primary);
  color:var(--epd-primary);
  font-weight:600;
}
.epd-quiz__thanks{padding:26px}

@media (max-width: 768px){
  .epd-quiz{padding:14px 0}
  .epd-quiz__card{border-radius:14px;padding:16px}
  .epd-quiz__banner{margin:-16px -16px 14px -16px;border-radius:11px 11px 0 0}
  .epd-quiz__header{flex-direction:column;align-items:stretch}
  .epd-quiz__qr{align-items:flex-start}
  .epd-quiz__qrBox{width:110px;height:110px}
  .epd-quiz__actions{justify-content:stretch}
  .epd-quiz__actions .btn{width:100%}
}