/* ---------- Entrevista · test de personalidad de práctica ---------- */
.opr-en .opr-en-t-cabeza{margin-bottom:clamp(24px,3vw,36px) !important}
.opr-en .opr-en-t-caja{padding:clamp(22px,3vw,40px) !important}
.opr-en .opr-en-t-reglas{list-style:none !important; display:grid !important; gap:10px !important; margin-bottom:24px !important}
.opr-en .opr-en-t-reglas li{position:relative !important; padding-left:24px !important; font-size:1rem !important; line-height:1.5 !important; color:var(--suave) !important}
.opr-en .opr-en-t-reglas li::before{content:'' !important; position:absolute !important; left:2px !important; top:.5em !important; width:9px !important; height:9px !important;
  border-radius:999px !important; background:var(--p700) !important}
.opr-en .opr-en-t-reglas b{color:var(--tinta) !important; font-weight:700 !important}
.opr-en .opr-en-t-progreso{display:flex !important; align-items:center !important; gap:14px !important; font-size:.8125rem !important; font-weight:600 !important;
  color:var(--tenue) !important; font-variant-numeric:tabular-nums !important}
.opr-en .opr-en-t-progreso > span:first-child{white-space:nowrap !important}
.opr-en .opr-en-t-barra{flex:1 !important; height:6px !important; border-radius:999px !important; background:var(--p100) !important; overflow:hidden !important}
.opr-en .opr-en-t-barra i{display:block !important; height:100% !important; width:0 !important; border-radius:999px !important; background:var(--p950) !important;
  transition:width .3s ease !important}
.opr-en .opr-en-t-frase{margin:clamp(26px,4vw,42px) 0 clamp(22px,3vw,32px) !important; min-height:3.2em !important;
  font-size:clamp(1.25rem,2.4vw,1.6rem) !important; font-weight:800 !important; line-height:1.25 !important; letter-spacing:-.025em !important;
  color:var(--tinta) !important; text-wrap:balance !important; outline:0 !important}
.opr-en .opr-en-t-escala{display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:8px !important}
.opr-en .opr-en-t-escala button{display:flex !important; flex-direction:column !important; align-items:center !important; gap:5px !important;
  padding:14px 8px 12px !important; border-radius:var(--radio) !important; background:var(--p50) !important;
  box-shadow:inset 0 0 0 1.5px var(--borde) !important; color:var(--tinta) !important; cursor:pointer !important;
  transition:background .15s ease, box-shadow .15s ease, transform .1s ease !important}
.opr-en .opr-en-t-escala button:hover{background:var(--p100) !important; box-shadow:inset 0 0 0 1.5px var(--borde2) !important}
.opr-en .opr-en-t-escala button:active{transform:translateY(1px) !important}
.opr-en .opr-en-t-escala button[aria-pressed="true"]{background:var(--p950) !important; color:#fff !important; box-shadow:none !important}
.opr-en .opr-en-t-escala b{font-size:1.35rem !important; font-weight:800 !important; line-height:1 !important; font-variant-numeric:tabular-nums !important}
.opr-en .opr-en-t-escala span{font-size:.75rem !important; font-weight:600 !important; line-height:1.25 !important; text-align:center !important; color:inherit !important; opacity:.75 !important}
.opr-en .opr-en-t-atras{margin-top:18px !important; font-size:.875rem !important; font-weight:600 !important; color:var(--tenue) !important;
  text-decoration:underline !important; text-underline-offset:3px !important; cursor:pointer !important; background:none !important}
.opr-en .opr-en-t-atras:hover{color:var(--tinta) !important}
.opr-en .opr-en-t-fin{display:grid !important; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) !important; gap:clamp(24px,4vw,56px) !important}
.opr-en .opr-en-t-sub{margin-top:6px !important; font-size:.9375rem !important; color:var(--suave) !important}
.opr-en .opr-en-t-perfil{list-style:none !important; display:grid !important; gap:14px !important; margin-top:22px !important}
.opr-en .opr-en-t-perfil li{display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:6px 12px !important; align-items:baseline !important}
.opr-en .opr-en-t-nom{font-size:.9375rem !important; font-weight:600 !important; line-height:1.3 !important; color:var(--tinta) !important}
.opr-en .opr-en-t-nom b{display:inline-block !important; min-width:2.2em !important; font-weight:800 !important; color:var(--p500) !important}
.opr-en .opr-en-t-pct{font-size:1.05rem !important; font-weight:800 !important; font-variant-numeric:tabular-nums !important}
.opr-en .opr-en-t-linea{grid-column:1 / -1 !important; height:8px !important; border-radius:999px !important; background:var(--p100) !important; overflow:hidden !important}
.opr-en .opr-en-t-linea i{display:block !important; height:100% !important; border-radius:999px !important; background:var(--p700) !important}
.opr-en .opr-en-t-perfil li.es-alto .opr-en-t-linea i{background:var(--ok600) !important}
.opr-en .opr-en-t-perfil li.es-bajo .opr-en-t-linea i{background:var(--av500) !important}
.opr-en .opr-en-t-perfil li.es-bajo .opr-en-t-pct{color:var(--av600) !important}
.opr-en .opr-en-t-fin-der{display:flex !important; flex-direction:column !important; gap:10px !important; align-items:stretch !important}
.opr-en .opr-en-t-fin-der .opr-btn{align-self:flex-start !important; margin-top:8px !important}
.opr-en .opr-en-t-aviso{padding:14px 16px !important; border-radius:var(--radio) !important; background:var(--p50) !important;
  box-shadow:inset 0 0 0 1px var(--borde) !important}
.opr-en .opr-en-t-aviso b{display:block !important; font-size:.9375rem !important; font-weight:800 !important; letter-spacing:-.012em !important; color:var(--tinta) !important}
.opr-en .opr-en-t-aviso p{margin-top:5px !important; font-size:.875rem !important; line-height:1.5 !important; color:var(--suave) !important}
.opr-en .opr-en-t-aviso ul{margin:6px 0 0 18px !important; display:grid !important; gap:4px !important; font-size:.84375rem !important; line-height:1.45 !important; color:var(--suave) !important}
.opr-en .opr-en-t-aviso.es-ok{background:var(--ok100) !important; box-shadow:inset 0 0 0 1px var(--ok600) !important}
.opr-en .opr-en-t-aviso.es-ok b{color:var(--ok900) !important}
.opr-en .opr-en-t-aviso.es-no{background:var(--no100) !important; box-shadow:inset 0 0 0 1px var(--no600) !important}
.opr-en .opr-en-t-aviso.es-no b{color:var(--no900) !important}
.opr-en .opr-en-t-fuente{margin-top:20px !important; max-width:72ch !important}
@media (max-width:820px){
.opr-en .opr-en-t-fin{grid-template-columns:minmax(0,1fr) !important}
}
@media (max-width:560px){
.opr-en .opr-en-t-escala{gap:5px !important}
.opr-en .opr-en-t-escala button{padding:12px 4px 10px !important}
.opr-en .opr-en-t-escala span{font-size:.625rem !important}
}


/* El atributo hidden no oculta nada si una regla de la sección pone display
   (y aquí todas van blindadas). Con la raíz delante, esta pesa más. */
.opr-en.opr-en-test [hidden]{display:none !important}
.opr-en .opr-en-t-pregunta{margin-top:clamp(22px,3vw,34px) !important; font-size:.8125rem !important; font-weight:600 !important; color:var(--tenue) !important}
.opr-en .opr-en-t-pregunta + .opr-en-t-frase{margin-top:8px !important}