/* ============================================================
   SiTi · Nómina de estudiantes e inscripción
   Solo lo que estas pantallas necesitan y la hoja compartida
   no cubre.
   ============================================================ */

.masivo-pasos{
  margin:0 0 12px; padding-left:20px;
  font-size:13.5px; line-height:1.65; color:var(--ink-soft, #64748B);
}
.masivo-pasos li{margin-bottom:5px}
.masivo-pasos b{color:var(--ink, #1E3A62)}

.masivo input[type="file"]{
  width:100%; padding:9px 10px;
  border:1px dashed var(--line, rgba(30,58,98,.28));
  border-radius:12px; background:rgba(255,255,255,.6);
  font-size:13px;
}

.masivo-resumen{display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin:14px 0 10px}
.masivo .cols2{display:grid; grid-template-columns:1fr 1fr; gap:10px 14px}
.masivo .tabla input[type="checkbox"]{width:auto; margin:0}

#nmResultado .err{
  margin:12px 0 0; padding:10px 14px; border-radius:12px;
  background:var(--stop-bg, rgba(179,48,73,.12)); color:var(--stop, #B33049);
  font-size:13px;
}
#nmResultado .tabla td{font-size:12.5px}

/* --- elección de modalidad --------------------------------- */
.modalidades{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:12px; margin:12px 0 4px;
}
.modalidad{
  display:flex; gap:11px; align-items:flex-start;
  border:1px solid var(--line, rgba(30,58,98,.14));
  border-radius:16px; padding:13px 15px; cursor:pointer;
  background:rgba(255,255,255,.6); transition:.15s;
}
.modalidad:hover{border-color:rgba(53,175,228,.44); background:rgba(53,175,228,.07)}
.modalidad:has(input:checked){
  border-color:transparent;
  box-shadow:0 6px 18px rgba(30,143,198,.22);
  background:linear-gradient(135deg,rgba(63,182,232,.16),rgba(30,143,198,.12));
}
.modalidad input{width:auto; margin-top:3px; flex:none}
.modalidad b{display:block; font-size:14px; margin-bottom:3px}
.modalidad small{display:block; font-size:12.5px; line-height:1.5; color:var(--ink-soft, #64748B)}

@media (max-width:760px){ .masivo .cols2{grid-template-columns:1fr} }
