/* =========================================================
   ESTILOS DEL LISTADO DE ARCHIVOS - PORTAL DEL EMPLEADO
   Edita este archivo y vuelve a subirlo por FTP a:
   wp-content/mu-plugins/portal-archivos-css/portal-archivos.css
   Los cambios se ven al recargar la página, sin caché ni pasos extra.
   ========================================================= */

.portal-archivos-wrap {
  font-family: inherit;
  max-width: 900px;
  margin: 0 auto;
}

.portal-archivos-categoria {
  margin-bottom: 32px;
}

.portal-archivos-titulo-categoria {
  font-size: 18px;
  font-weight: 700;
  color: #1F3A5F;
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 2px solid #E3EAF2;
}

.portal-archivos-lista {
  list-style: none;
  margin: 0;
  padding: 0;
}

.portal-archivo-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 18px;
  background: #F7F9FB;
  border-radius: 10px;
  margin-bottom: 10px;
  transition: background 0.2s ease;
}

.portal-archivo-item:hover {
  background: #EEF3F8;
}

.portal-archivo-icono {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: #2E5C8A;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* Colores distintos según tipo de archivo */
.portal-archivo-icono-pdf   { background: #E74C3C; } /* rojo */
.portal-archivo-icono-jpg,
.portal-archivo-icono-jpeg  { background: #E67E22; } /* naranja */
.portal-archivo-icono-png   { background: #8E44AD; } /* morado */
.portal-archivo-icono-doc,
.portal-archivo-icono-docx  { background: #2E5C8A; } /* azul */
.portal-archivo-icono-xls,
.portal-archivo-icono-xlsx  { background: #1E8449; } /* verde */
.portal-archivo-icono-ppt,
.portal-archivo-icono-pptx  { background: #D68910; } /* dorado */
.portal-archivo-icono-zip,
.portal-archivo-icono-rar   { background: #616A6B; } /* gris */

.portal-archivo-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.portal-archivo-nombre {
  font-weight: 600;
  color: #1F2937;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portal-archivo-meta {
  font-size: 12px;
  color: #8A93A1;
  margin-top: 2px;
}

.portal-archivo-boton {
  flex-shrink: 0;
  background: #006FB9;
  color: #ffffff;
  padding: 9px 18px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: background 0.2s ease;
}

.portal-archivo-boton:hover {
  background: #00507F;
  color: #ffffff;
}

.portal-archivos-vacio {
  text-align: center;
  color: #8A93A1;
  padding: 40px 0;
}

/* Responsive movil */
@media (max-width: 600px) {
  .portal-archivo-item {
    flex-wrap: wrap;
  }
  .portal-archivo-boton {
    width: 100%;
    text-align: center;
    margin-top: 8px;
  }
}