/* Expediente de personal: ficha de operadores y administrativos.
   Comparte la tarjeta por secciones de la ficha de viaje; aquí sólo va lo
   propio de las casillas de documentos y del bloque de fotografía. */

.exp-docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
@media (max-width:900px){.exp-docs{grid-template-columns:1fr;}}

.exp-doc{
  border:1px solid #e6ebf3;border-radius:10px;padding:13px 14px;background:#fbfcfe;
  display:flex;flex-direction:column;gap:9px;
}
.exp-doc.cargado{border-color:#c9dcc9;background:#f7fbf7;}
.exp-doc-head{display:flex;align-items:center;gap:9px;justify-content:space-between;}
.exp-doc-tit{
  font-family:'Archivo',sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;color:#253879;
}
.exp-doc-est{font-size:11.5px;color:var(--tinta-2);line-height:1.5;}
.exp-doc-est .alerta{font-weight:600;}
.exp-doc-linea{display:grid;grid-template-columns:1fr 150px;gap:9px;align-items:end;}
@media (max-width:620px){.exp-doc-linea{grid-template-columns:1fr;}}
.exp-doc-acciones{display:flex;flex-wrap:wrap;gap:7px;}
.exp-doc input[type=file]{font-size:11.5px;}

.exp-foto{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;}
.exp-foto img{
  width:104px;height:104px;object-fit:cover;border-radius:10px;
  border:1px solid #e6ebf3;background:#f4f6fa;
}
.exp-foto .sin{
  width:104px;height:104px;border-radius:10px;border:1px dashed #cbd5e1;
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-size:11px;color:#94a3b8;padding:8px;
}
.exp-foto .datos{flex:1;min-width:220px;display:flex;flex-direction:column;gap:8px;}

/* El bloque de incapacidad aparece sólo cuando el estado laboral lo pide. */
.exp-condicional[hidden]{display:none;}