/* ==========================================================================
   WIDGETS  –  ESTILOS COMUNES
   ========================================================================== */

/* ---------- BOTONES ---------- */
.btn-cta{
  background:var(--brand-lime);color:#000;font-weight:700;
  border:none;border-radius:40px;padding:.7rem 2.2rem;cursor:pointer;
  transition:transform .15s;
}
.btn-cta:hover{transform:translateY(-2px);}
.btn-cta.slim{padding:.6rem 1.4rem;background:var(--brand-electric);color:#fff;}

/* ---------- DIGITAL MATURITY WIDGET ---------- */
.digital-maturity-widget{
  max-width:700px;margin:5rem auto 4rem;padding:0 1rem;text-align:center;
}
.digital-maturity-widget h2{margin-bottom:1.2rem;}
/* Barra de progreso */
.progress-bar{
  width:100%;height:8px;border-radius:6px;background:rgba(255,255,255,.15);overflow:hidden;margin-bottom:2rem;
}
.progress-fill{height:100%;width:0;background:var(--brand-electric);transition:width .3s;}

/* Contenedor de pregunta */
.question-card{
  background:rgba(255,255,255,.04);border-radius:16px;padding:2rem;
  display:flex;flex-direction:column;gap:1.2rem;animation:fadeIn .3s ease;
}
.question-card h3{font-size:1.2rem;}
.answers label{
  display:block;background:rgba(0,168,232,.15);border-radius:12px;padding:.8rem;margin:.4rem 0;
  cursor:pointer;transition:background .2s;
}
.answers input{display:none;}
.answers input:checked + span,
.answers label:hover{background:var(--brand-electric);color:#fff;}
.answers span{display:block;width:100%;}
/* Controles */
.quiz-controls{margin-top:2rem;display:flex;justify-content:center;gap:1rem;}

/* Resultado (se rellenará en Paso 3) */
.results-container{padding:2rem;background:rgba(0,168,232,.1);border-radius:16px;text-align:center;}
.hidden{display:none;}

@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}

/* ---------- RESPONSIVE ---------- */
@media(max-width:600px){
  .answers label{font-size:.9rem;}
}

/* Ocultar controles y preguntas cuando termine */
.digital-maturity-widget.done .question-container,
.digital-maturity-widget.done .quiz-controls{
  display:none;
}