/* Ingeniera del Cambio: Test IMPACTO™ + result page. Site palette only. */

/* --- test page ---------------------------------------------------------- */
.test-hero .img-hero img{object-position:center 25%}
.test-intro .statement{font-family:'IBM Plex Serif',Georgia,serif;font-style:italic;font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.45;color:#1E2B3A}
.test-dims .unit .q{margin-bottom:0}
.test-dims .unit .letter{margin-bottom:.2rem}
.test-note{margin-top:2rem;max-width:46rem}
.test-for .stack-p{max-width:46rem;margin:0 auto}
.test-for .stack-p p{color:rgba(250,249,246,.85);margin:0 auto 1.2rem}

/* quiz */
.quiz-wrap{max-width:46rem;margin:0 auto;text-align:center}
.quiz-wrap .micro{margin-top:.4rem}
.quiz-inst{font-family:'Inter',sans-serif;font-size:1rem;line-height:1.6;color:#5A6269;margin:0}
.quiz{background:#FFFFFF;border:1px solid rgba(30,43,58,.1);border-radius:10px;padding:2.4rem 2rem;margin-top:2rem;text-align:left}
.quiz:empty{display:none}
.quiz-top{display:flex;align-items:center;gap:1rem;font-family:'Manrope',sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.14em;color:#647765}
.quiz-back{background:none;border:1px solid rgba(30,43,58,.18);border-radius:4px;width:2.2rem;height:2.2rem;cursor:pointer;color:#1E2B3A;font-size:1rem}
.quiz-back:hover{border-color:#D46A4F;color:#D46A4F}
.quiz-bar{height:4px;background:#E9E3D9;border-radius:2px;margin:1rem 0 1.8rem;overflow:hidden}
.quiz-bar span{display:block;height:100%;background:#D46A4F;transition:width .3s ease}
.quiz-q{font-family:'Manrope',sans-serif;font-weight:600;font-size:clamp(1.1rem,2vw,1.35rem);color:#1E2B3A;line-height:1.4;margin-bottom:1.6rem}
.quiz-opts{display:grid;gap:.7rem}
.quiz-opt{display:flex;align-items:center;gap:1rem;width:100%;text-align:left;background:#FAF9F6;border:1px solid rgba(30,43,58,.14);border-radius:6px;padding:.9rem 1.1rem;font-family:'Inter',sans-serif;font-size:.98rem;color:#303338;cursor:pointer;transition:border-color .2s,background .2s}
.quiz-opt .n{flex:0 0 2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:#E9E3D9;font-family:'Manrope',sans-serif;font-weight:700;font-size:.85rem;color:#1E2B3A}
.quiz-opt:hover,.quiz-opt.sel{border-color:#D46A4F;background:#FBF1ED}
.quiz-opt:focus-visible,.quiz-back:focus-visible{outline:2px solid #1E2B3A;outline-offset:2px}
#quiz-pending{text-align:left}

/* --- result page ---------------------------------------------------------- */
.res-hero{text-align:center}
.res-hero h1{max-width:52rem;margin:0 auto;font-size:clamp(2.2rem,5.2vw,4rem)}
.res-hero .lead{margin:1.4rem auto 0}
.focos{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;max-width:52rem;margin:2.6rem auto 0;text-align:left}
.foco{background:#FFFFFF;border:1px solid rgba(30,43,58,.1);border-radius:10px;padding:1.6rem 1.6rem 1.7rem;display:flex;gap:1.1rem;align-items:center}
.foco.principal{background:#1E2B3A;border-color:#1E2B3A}
.foco .letter{font-family:'IBM Plex Serif',Georgia,serif;font-style:italic;font-size:3rem;line-height:1;color:#D46A4F;flex:0 0 auto}
.foco p{font-family:'Manrope',sans-serif;font-weight:600;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:#647765;line-height:1.5}
.foco p strong{display:block;font-size:clamp(1.25rem,2.4vw,1.6rem);letter-spacing:.01em;color:#1E2B3A;margin-top:.2rem;font-weight:700}
.foco.principal p{color:#9FB4A0}
.foco.principal p strong{color:#FAF9F6}
.res-explica{max-width:46rem;margin:2.4rem auto 0;text-align:left}
.res-explica p{margin-bottom:1rem}
.res-block .narrow p{font-size:1.08rem}
.res-accion .stack-p{max-width:46rem;margin:2rem auto 0}
.res-accion .accion{font-family:'IBM Plex Serif',Georgia,serif;font-style:italic;font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.55;color:#FAF9F6}
.res-accion .stack-p p:last-child{margin-top:1.6rem;color:rgba(250,249,246,.75)}
.res-next .card p a{color:#1E2B3A;border-bottom:1px solid #D46A4F;font-weight:600}
.res-next .card p a:hover{color:#D46A4F}

@media(max-width:900px){
  .focos{grid-template-columns:1fr}
}
@media(max-width:600px){
  .quiz{padding:1.6rem 1.1rem}
  .foco{padding:1.3rem}
}
