/* ---------- Entrevista · la dinámica de grupo ---------- */

/* --- el camino --- */
/* `grid-auto-rows:1fr` en las dos rejillas de esta sección: las cajas miden lo
   mismo aunque el texto de dentro no. */
.opr-en .opr-en-d-camino{
  display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  grid-auto-rows:1fr !important; gap:8px !important; margin-bottom:16px !important;
}
.opr-en .opr-en-d-camino button{
  display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:9px !important;
  padding:16px 16px 15px !important; min-width:0 !important;
  border-radius:var(--radio-s) !important; background:var(--superficie) !important;
  box-shadow:inset 0 0 0 1px var(--borde) !important;
  text-align:left !important; color:var(--suave) !important;
  transition:box-shadow .16s ease, color .16s ease, background .16s ease !important;
}
.opr-en .opr-en-d-camino button:hover{box-shadow:inset 0 0 0 1px var(--borde2) !important; color:var(--tinta) !important}
.opr-en .opr-en-d-camino button b{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:26px !important; height:26px !important; flex:none !important;
  border-radius:999px !important; background:var(--p100) !important;
  font-size:.8125rem !important; font-weight:800 !important; color:var(--suave) !important;
}
.opr-en .opr-en-d-camino button span{font-size:.875rem !important; font-weight:600 !important; line-height:1.3 !important; overflow-wrap:anywhere !important}
.opr-en .opr-en-d-camino button[aria-pressed="true"]{
  background:var(--p950) !important; color:#fff !important; box-shadow:inset 0 0 0 1px var(--p950) !important;
}
.opr-en .opr-en-d-camino button[aria-pressed="true"] b{background:var(--p800) !important; color:#fff !important}


/* --- el panel --- */
.opr-en .opr-en-d-panel{padding:clamp(24px,2.8vw,32px) !important; min-height:236px !important}
.opr-en .opr-en-d-panel-alto{display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:12px !important}
.opr-en .opr-en-d-etq{
  padding:5px 12px !important; border-radius:999px !important; background:var(--p100) !important;
  font-size:.75rem !important; font-weight:700 !important; color:var(--suave) !important; white-space:nowrap !important;
}
.opr-en .opr-en-d-panel-s{margin-top:14px !important; font-size:1.125rem !important; font-weight:700 !important; letter-spacing:-.02em !important}
.opr-en .opr-en-d-panel-t{margin-top:10px !important; max-width:62ch !important; color:var(--suave) !important; overflow-wrap:anywhere !important}
.opr-en .opr-en-d-panel-aqui{
  margin-top:16px !important; padding-top:14px !important; border-top:1px solid var(--borde) !important;
  font-size:.9375rem !important; font-weight:700 !important;
}


/* --- las tres competencias --- */
.opr-en .opr-en-d-comps{margin-top:clamp(46px,5vw,72px) !important}
.opr-en .opr-en-d-lista{
  display:grid !important; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;
  grid-auto-rows:1fr !important; gap:16px !important; margin-top:22px !important; list-style:none !important;
}
.opr-en .opr-en-d-lista li{padding:24px 22px !important; min-width:0 !important}
.opr-en .opr-en-d-lista p{margin-top:9px !important; font-size:.9375rem !important; color:var(--suave) !important; overflow-wrap:anywhere !important}
.opr-en .opr-en-d-aviso{
  display:flex !important; gap:14px !important; align-items:flex-start !important;
  margin-top:22px !important; padding:18px 20px !important;
  border-radius:var(--radio-s) !important; background:var(--av100) !important;
  box-shadow:inset 0 0 0 1px var(--av500) !important;
  color:var(--av900) !important; font-size:.9375rem !important; line-height:1.55 !important;
}
.opr-en .opr-en-d-aviso-ic{flex:none !important; color:var(--av600) !important}
.opr-en .opr-en-d-aviso-ic svg{width:21px !important; height:21px !important}
.opr-en .opr-en-d-fuente{margin-top:clamp(34px,3.4vw,46px) !important; padding-top:20px !important; border-top:1px solid var(--borde) !important}
@media (max-width:860px){
.opr-en .opr-en-d-camino{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.opr-en .opr-en-d-camino button{flex-direction:row !important; align-items:center !important}
}
@media (max-width:460px){
.opr-en .opr-en-d-camino{grid-template-columns:1fr !important}
}