/* Estilos propios del módulo socioemocional. Usa los tokens de rubria.css. */
.soc-limites{position:relative;padding:12px 16px 12px 20px;border-radius:var(--r-md);background:var(--hoja-calida);color:var(--tinta);font-size:.84rem;line-height:1.5}
.soc-limites::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--tierra)}
.soc-limites p{margin:0 0 4px}
.soc-limites ul{margin:0;padding-left:1.1rem;color:var(--tinta2)}
.soc-tabs{max-width:100%;overflow-x:auto;padding:2px;scrollbar-width:none}
.soc-tabs::-webkit-scrollbar{display:none}
.soc-regla{padding:10px 14px;border-radius:var(--r-md);background:var(--bandeja);box-shadow:0 0 0 1px var(--bandeja-borde)}
.soc-regla p{margin:6px 0 0;font-size:.84rem;line-height:1.5;color:var(--tinta)}
.soc .datos-persona{margin:10px 0 4px}
.soc-corta{min-width:0!important}
.soc-grilla-env{max-height:70vh;overflow:auto}
.soc-grilla th{position:sticky;top:0;background:var(--hoja);z-index:1;text-align:center;white-space:nowrap}
.soc-grilla th:nth-child(-n+3){text-align:left}
.soc-grilla td{padding:4px 3px}
.soc-grilla .soc-nombre{min-width:11rem;font-size:.8rem}
.soc-grilla .soc-asis{height:2rem;font-size:.78rem;padding:0 8px;width:7.5rem}
.soc-grilla .soc-celda{width:2.2rem;height:2rem;padding:0;text-align:center;font:500 .82rem/1 var(--mono)}
.soc-reporte td .d,.soc-subs{display:block;font-size:.72rem;color:var(--tinta2);margin-top:3px;line-height:1.35}
.soc-selector{display:flex;flex-direction:column;gap:6px;max-width:32rem;font:400 .62rem/1.35 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta2)}
.soc-selector .campo{text-transform:none;letter-spacing:0;font-family:var(--sans)}
.soc-preguntas{margin:0;padding-left:1.4rem;display:flex;flex-direction:column;gap:4px;font-size:.84rem}
.soc-items,.soc-historial{margin:8px 0 0;padding-left:1.1rem;font-size:.84rem;line-height:1.5}
.soc-historial{color:var(--tinta2);font-size:.78rem}
.soc-senal .panel,.soc-aut .panel{border-bottom:0}
@media (max-width:760px){
  .soc-tabs .tabs{display:grid;grid-auto-flow:row;grid-template-columns:1fr 1fr;width:100%;border-radius:20px}
  .soc .datos-persona{grid-template-columns:minmax(0,1fr);gap:2px 0}
  .soc .datos-persona dd{margin-bottom:8px}
  .soc-grilla .soc-nombre{min-width:8rem}
}